Simplify Grid to `.wds-grid` and include as Tailwind plugin - Githubissues

WebDevStudios / wd_s

A starter theme from WebDevStudios.

https://wdunderscores.com

GNU General Public License v2.0

663 stars 138 forks source link

Simplify Grid to `.wds-grid` and include as Tailwind plugin #949

Closed oliverharrison closed 2 years ago

oliverharrison commented 2 years ago

Closes - No issue created.

DESCRIPTION

Simplifies a grid class as .wds-grid
Creates a 12-column grid with 16px (1rem) column gap
Adds a plugin so that it can be used with @apply (ie: @apply wds-grid
Adds .wds-grid to the safelist so that it works if using it as an inline class (ie: class="wds-grid")

SCREENSHOTS

(note, this screenshot has been taken where the grid was customized to be 6 columns & a larger gap)

STEPS TO VERIFY

Pull the branch
use a grid as an inline class or with @apply
verify that it works in either case