css
css copied to clipboard
master-co
The CSS Language and Framework
### Description The `hide` isn't adding the class `display: none;` on `::before`, instead the content won't be generated at all with class `hide`. This makes me to unable to use...
### Description This won't work: `w:50%@sm>div` Edited: `w:50%>div@sm` This is working...The order is so confusing, there is no official documentation about how we should order them... ### Reproduction _No response_...
### Description There are `grid-column-gap` and `grid-row-gap` for grid layout. But currently, we only can use the general `gap` property. We often only need the gap for either column or...
This resolves the issue highlighted on #49 as the prior PR relates to the rootSize of Master units, this PR introduces a new property: `remSize` therefore avoiding any breaking changes....
### Description Master CSS is expected to be the best design system tool for some developers (at least me). And CSS variables play an important role to build tokens and...
### Discussed in https://github.com/master-co/css/discussions/48 Originally posted by **gammx** August 20, 2022 Hey, my app has a different px:rem ratio applied, like: ```css html { font-size: 62.5%; } ``` So when...
### Description The following setting is not available now. ```js Style.extend('classes', { btn: 'font:red:hover p:30@md' }) ```
### Description I want to use a CSS variable defined outside `:root`, eg: ```css :root { --gyan-100: #00FF75; } .theme-dark { --text-tertiary: #8B98AC; } ``` It works if I use...
### Description Global token are important for building a design system but currently its not possible to define a global token using Styles.extend. We should be able to use Styles.extend...
### Description It would be great If we can use color tokens in Style/Styles.extend.