Syntax

Fill

Setting the color of an SVG shape.

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

Overview

ClassDeclarations
fill:colorfill: color;
fill:currentfill: currentColor;
fill:transparentfill: transparent;
fill:#hexfill: #hex;
fill:rgb(rgb)fill: rgb(rgb);
fill:hsl(hsl)fill: hsl(hsl);

Conditionally apply

Apply styles based on different states using selectors and conditional queries.

<div class="fill:blue-60:hover fill:blue-60@sm fill:blue-60@dark fill:blue-60@print"></div>
Syntax
Display

Controlling the element's inner and outer display types.

Syntax
Filter

Applying graphic effects to an element.

© Aoyue Design LLC.