Comments (1)
1aron
commented on May 26, 2024
1
Master CSS's grid system is arbitrary and more flexible than the traditional 12-column, 16-column, or 24-column.
<!-- grid -->
<div class="grid-cols:5 grid-cols:6@sm grid-cols:8@md grid-cols:16@lg gap:5x gap:6x@sm">...</div>
<!-- flex -->
<div class="flex gap:5x">
<div class="w:1/4 w:1/6@sm">...</div>
<div class="w:1/4 w:2/6@sm">...</div>
<div class="w:2/4 w:3/6@sm">...</div>
</div>The documentation of the grid system has indeed been missing since v1. We will add a new page docs/grid-system during the 2.0 RC.
https://css.master.co/docs/grid-columns
from css.
Related Issues (20)
- 💖 Shorthand rules automatically inherit related rule variables
- 🐞 Valid CSS declaration was verified as unknown
- ✨ Support missing important CSS logical properties and values
- ✨ Container Queries HOT 6
- 🐞 Value in config.variables is not recognized when it is zero
- 🐞 Hinted pseudo-class label name is missing `()`
- 🐞 Static extraction misses generating variables and related classes
- ✨ ESLint: Recommended Syntax Warnings
- 🐞 [ESLint] A config object is using the "parserOptions" key, which is not supported in flat config system. HOT 1
- 🐞 An error "Cannot find module" occurs when importing files in master.config.ts
- 🐞 CSS rules with vender prefix is listed after the original
- 🐞 Incorrect syntax highlighting `{@delay:.5s}` HOT 1
- The automated release is failing 🚨
- 🐞 Causes incorrect class selection when there is only one character HOT 2
- ✨ Variables support all color functions
- 🐞 calc in border size reverts to border-width HOT 1
- 🐞 Solid gets appended to border when using vars for all params HOT 1
- ✨ Add Text-wrap HOT 2
- 🐞 The shorthand for line-height is not working. HOT 2
- It is not possible to change the font in Options tag 🐞 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from css.