![]() This map is not used to generate any utilities. ![]() ![]() Grayscale colors are also available as a Sass map. $theme-colors : ( "primary" : $primary, "secondary" : $secondary, "success" : $success, "info" : $info, "warning" : $warning, "danger" : $danger, "light" : $light, "dark" : $dark ) Theme colors are then put into a Sass map so we can loop over them to generate our utilities, component modifiers, and more. Grayscale colors are also available, but only a subset are used to generate any utilities. Most background-color utilities are generated by our theme colors, reassigned from our generic color palette variables. In addition to the following Sass functionality, consider reading about our included CSS custom properties (aka CSS variables) for colors and more. This feature is part of the Torus Kit Effects & Interactions. show class, or when element becomes visible in the viewport and gets. It means, when element gets hover state, when it gets. darken for classes that darken the background colorĬhange the background color on element’s active state.lighten for classes that lighten the background color.You can change them in $shading-levels variable. Because background colors uses hsla(), it’s easy to make them lighter or darker.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |