0
0
mirror of https://github.com/wagtail/wagtail.git synced 2024-12-01 11:41:20 +01:00
wagtail/client/scss/elements/_root.scss
LB (Ben Johnston) 9f206d258c
Make it possible to reuse and customise Wagtail’s fonts with CSS variables. Fix #8406 (#8544)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2022-05-20 14:19:30 +01:00

35 lines
893 B
SCSS

:root {
@include define-color('color-primary', #007d7e);
@include define-color(
'color-primary-darker',
css-darken(css-adjust-hue(get-color('color-primary'), 1), 4%)
);
@include define-color(
'color-primary-dark',
css-darken(css-adjust-hue(get-color('color-primary'), 1), 7%)
);
@include define-color(
'color-primary-lighter',
css-lighten(
css-desaturate(css-adjust-hue(get-color('color-primary'), 1), 46%),
48%
)
);
@include define-color(
'color-primary-light',
css-lighten(
css-desaturate(css-adjust-hue(get-color('color-primary'), 1), 44%),
58%
)
);
@include define-color(
'color-input-focus',
css-lighten(css-desaturate(get-color('color-primary'), 40%), 72%)
);
@include define-color(
'color-input-focus-border',
css-lighten(css-saturate(get-color('color-primary'), 12%), 10%)
);
}