master-co / css

The CSS Language and Framework

Home Page:https://css.master.co

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

πŸ’– Create `CSSStyleRule` based on different themes

1aron opened this issue Β· comments

commented

Current

export default {
    variables: {
        primary: { '@light': '#ffffff', '@dark': '#000000' },
        secondary: { '@light': '#000000', '@dark': '#ffffff' }
    }
}
<div class="bg:primary fg:secondary">...

Generated CSS

.light { --primary: 255 255 255 }
.light { --secondary: 0 0 0 }
.dark { --primary: 0 0 0 }
.dark { --secondary: 255 255 255 }

Expected

Generated CSS

.light { --primary: 255 255 255; --secondary: 0 0 0 }
.dark { --primary: 0 0 0; --secondary: 255 255 255 }