Patterns

Basic patterns

Several patterns are made to be used as backgrounds. These can be easy implemented using classes and css variables to alter the colors.

Examples

Change the patterns by defining these custom properties

--pattern-color: var(--color-red)
--pattern-color: var(--color-dark)
--pattern-size: 24 px
--pattern-width: 12 px