You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+8-8Lines changed: 8 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -35,21 +35,21 @@ With zero configuration, it will generate grids from 1 to 12 columns in size, no
35
35
36
36
The plugin generates the following sets of classes:
37
37
38
-
-`.grid`, for setting `display: grid` on an element
39
-
-`.grid-columns-{size}`, for specifying the number of columns in the grid
40
-
-`.col-span-{columns}`, for specifying how wide a cell should be
41
-
-`.grid-gap-{size}`, for specifying the size of the gap between columns/rows
42
-
-`.grid-automin-{size}`, for applying the minimum width of the columns using auto-fit and minmax (the max is 1fr)
43
-
-`.col-start-{line}` and `.col-end-{line}`, for specifying a cell's start and end points explicitly (useful for reordering cells or leaving gaps)
44
-
-`.row-span-{columns}`, for specifying how tall a cell should be
38
+
-`.grid` for setting `display: grid` on an element
39
+
-`.grid-columns-{size}` for specifying the number of columns in the grid
40
+
-`.col-span-{columns}` for specifying how wide a cell should be
41
+
-`.grid-gap-{size}` for specifying the size of the gap between columns/rows
42
+
-`.grid-automin-{size}` for applying the minimum width of the columns using auto-fit and minmax (the max is 1fr)
43
+
-`.col-start-{line}` and `.col-end-{line}` for specifying a cell's start and end points explicitly (useful for reordering cells or leaving gaps)
44
+
-`.row-span-{columns}` for specifying how tall a cell should be
45
45
-`.row-start-{line}` and `.row-end-{line}`, for specifying a cell's start and end points explicitly (useful for reordering cells or leaving gaps)
46
46
-`.grid-dense` applies `grid-auto-flow: dense`
47
47
48
48
It's not really practical to expose all of the power of CSS Grid through utilities, but this plugin is a good example of using CSS Grid to replace a cell-only float or Flexbox grid.
49
49
50
50
---
51
51
52
-
This repo was originally isolated from [https://github.com/tailwindcss/plugin-examples](https://github.com/tailwindcss/plugin-examples) to publish to npm. Credit and thanks to @adamwathan
52
+
This repo was originally isolated from [https://github.com/tailwindcss/plugin-examples](https://github.com/tailwindcss/plugin-examples) to publish to npm. Credit and thanks to [https://github.com/adamwathan](@adamwathan)
53
53
54
54
[View original demo](https://tailwindcss.github.io/plugin-examples/#css-grid)
0 commit comments