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 */ }