Replies: 1 comment 3 replies
|
CSS variables are available on the @import "@primer/css/index.scss";
body {
--color-header-bg: #fff;
--color-header-text: #000;
}
// or
.my-class {
--color-header-bg: #fff;
--color-header-text: #000;
} |
3 replies
|
Is there anyway I can overwrite them on the sass level, so I can import and use the variables within sass? |
|
Mind sharing an example what you would override with sass? Your own custom components or an existing Primer CSS component like Header. Maybe make it white instead of dark? |
First the idea of css properties:Default values should be declared in Then, the idea of SASS/SCSS variables:Variables can be set as a default with the postfix Last but not least, making use of css properties in SASS/SCSS:or vice versa. Was that what you were searching for? |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
I am using sass to import primer css.
How should I overwrite a variable, such as
--color-header-bgand--color-header-text? I see they are defined in the@mixin primer-colors-light.All reactions