I stumbled across Cirrus UI framework in my search for a scss based utility framework that I could use in Astro projects.
I wasn't able to add a new colour as described in the docs: https://www.cirrus-ui.com/fundamentals/colors#extending-colors
Here is my config:
@use 'cirrus-ui/src/cirrus-ext' as * with
(
$config: (
extend: (
colors: (
// Will not override
'blue': ('500': #ff6600),
// Will not extend
'magenta':
(
'100': #fef7f4,
'200': #fbe0dd,
'300': #f2afb3,
'400': #ec798b,
'500': #dc5472,
'600': #bc3263,
'700': #98184d,
'800': #73123f,
'900': #560e39
),
),
),
)
);And a reproducible demo: https://stackblitz.com/edit/github-clzbm4
I stumbled across Cirrus UI framework in my search for a scss based utility framework that I could use in Astro projects.
I wasn't able to add a new colour as described in the docs: https://www.cirrus-ui.com/fundamentals/colors#extending-colors
Here is my config:
And a reproducible demo: https://stackblitz.com/edit/github-clzbm4