Syntax

Background Image

Setting background images on an element.

🚧This page is still under construction and some content may not be complete.

Overview

ClassDeclarations
bg:url()background-image: url();
bg:linear-gradient()background-image: linear-gradient();
bg:radial-gradient()background-image: radial-gradient();
bg:repeating-linear-gradient()background-image: repeating-linear-gradient();
bg:repeating-radial-gradient()background-image: repeating-radial-gradient();
bg:conic-gradient()background-image: conic-gradient();

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

<div class="bg:url():hover bg:url()@sm bg:url()@dark bg:url()@print"></div>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.