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.
-
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