Documentation
ChevronDown

--aura-accents-1

CSS
Copy Copy
*:root {
    --aura-accents-1: #ededf5
}

Description

--aura-accents-1 is a CSS custom property that specifies the background color for a design system. The value of --aura-accents-1 is set to the color code #ededf5, which represents a accents-1 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-1 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:

HTML
Copy Copy
.accents-1 {
     background-color: var(--aura-accents-1);
}

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

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

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