Documentation
ChevronDown

--aura-accents-0

CSS
Copy Copy
*:root {
    --aura-accents-0: #fafafa
}

Description

--aura-accents-0 is a CSS custom property that specifies the background color for a design system. The value of --aura-accents-0 is set to the color code #fafafa, which represents a accents-0 color. This custom property can be used as the background color for various elements within the design system, helping to maintain consistency and make updates easier to manage. By using a CSS custom property, the background color can be easily changed and updated in one place, rather than having to update it across multiple CSS rules.

The CSS custom property --aura-accents-0 can be used in a .snow class in HTML to set the background color of an element. In the CSS file, the .snow class can be defined as follows:

CSS
Copy Copy
.accents-0 {
    background-color: var(--aura-accents-0);
}

And in the HTML file, the class can be applied to an element like this:

CSS
Copy Copy
<div class="accents-0">
    <!-- content goes here -->
</div>

By using the .accents-0 class, the background color of the element will be set to the value of the --aura-accents-0 custom property, which is #fafafa. This helps to maintain consistency and makes updates to the background color easier to manage.