Documentation
ChevronDown

--aura-accents-2

CSS
Copy Copy
*:root {
    --aura-accents-2: #e6e6f2
}

Description

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

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

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

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