Simple responsive css grid based on flexbox.
Via duo:
@import 'structs/grid'
Via npm:
npm install structs-grid
You need to make sure you use one of the following preprocessors in your duo build process to provide support for css variables and custom media queries:
Extensive documentation will be coming soon. For now look at the existing tests or at the source.
After you imported the grid you can customize the variables by using the :root
selector:
:root {
--property: value;
}
- Defaults to 1em
Defines the spacing between the given grid cells.
Defines the grid scale. This should be generally not be modified
- Defaults to 64em
Defines the max-width
for the utility class u-contain
.