Lost Grid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS.
peterramsing on 445-upgrade-postcss-8
Updates to correct lock (compare)
peterramsing on 445-upgrade-postcss-8
Only runs lostAtRule for actual… (compare)
peterramsing on 445-upgrade-postcss-8
Makes error output easier to re… Fixes issue where results were … Fixes "params" spelling error (compare)
peterramsing on 445-upgrade-postcss-8
Adds failing test for async plu… (compare)
|-----|-----|-----| \
| 1 | 2 | 3 | |
|-----|-----|-----| } 100vh
| 4 | 5 | |
|-----|-----|-----| /
\--------v-------/
100vw
@lost flexbox flex;
.container {
lost-flex-container: row;
height: 100vh;
}
.cell {
background-color: lightgreen;
lost-column: 1/3 3;
}
@lost gutter var(--gutter);
padding: var(--gutter);
lost-flex-container: row;
in order to get them working. Not sure why it works, but it didn't seem obvious in the docs that it's required so maybe it's just a Nuxt.js quirk?