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;
} |
Beta Was this translation helpful? Give feedback.
-
|
Is there anyway I can overwrite them on the sass level, so I can import and use the variables within sass? |
Beta Was this translation helpful? Give feedback.
-
|
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? |
Beta Was this translation helpful? Give feedback.
-
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? |
Beta Was this translation helpful? Give feedback.
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.Beta Was this translation helpful? Give feedback.
All reactions