More actions
Created page with ":root { →Change color to a standout maroon red: --color-primary__h: 0; →Hue for red: --color-primary__s: 100%; →Saturation: --color-primary__l: 30%; →Lightness for a deep color: } h1 { color: hsl(var(--color-primary__h), var(--color-primary__s), var(--color-primary__l)); →Maroon text: font-weight: bold; →Apply bold styling: } .some-class { color: hsl(var(--color-primary__h), var(--color-primary__s), var(--color-prima..." |
(No difference)
|
Revision as of 15:06, 20 December 2024
:root {
/* Change color to a standout maroon red */
--color-primary__h: 0; /* Hue for red */
--color-primary__s: 100%; /* Saturation */
--color-primary__l: 30%; /* Lightness for a deep color */
}
h1 {
color: hsl(var(--color-primary__h), var(--color-primary__s), var(--color-primary__l)); /* Maroon text */
font-weight: bold; /* Apply bold styling */
}
.some-class {
color: hsl(var(--color-primary__h), var(--color-primary__s), var(--color-primary__l)); /* Maroon color */
font-weight: bold; /* Make this class text bold */
}