Documentation
ChevronDown

--aura-accents-3

CSS
Copy Copy
*:root {
    --aura-accents-3: #dadaeb
}

Description

--aura-accents-3 is a CSS custom property that specifies the background color for a design system. The value of --aura-accents-3 is set to the color code #dadaeb, which represents a accents-3 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-3 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-3 {
     background-color: var(--aura-accents-3);
 }

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

HTML
Copy Copy
<div class="accents-3">
    <!-- content goes here -->
</div>

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