95 lines
2.7 KiB
SCSS
95 lines
2.7 KiB
SCSS
$theme-colors-rgb: map-loop($theme-colors, to-rgb, '$value') !default;
|
|
|
|
$grays-updated: map-gray-loop($grays);
|
|
$grays-rgb: map-loop($grays-updated, to-rgb, '$value') !default;
|
|
$theme-color-shades-rgb: map-loop($theme-color-shades, to-rgb, '$value') !default;
|
|
|
|
$theme-colors-rgb-dark: map-loop($theme-colors-dark,to-rgb,'$value') !default;
|
|
$grays-rgb-dark: map-loop($grays-dark, to-rgb, '$value') !default;
|
|
$theme-color-shades-rgb-dark: map-loop($theme-color-shades-dark, to-rgb, '$value') !default;
|
|
|
|
$utilities-colors: map-merge-multiple(
|
|
$theme-colors-rgb,
|
|
$grays-rgb,
|
|
) !default;
|
|
|
|
// scss-docs-start utilities-text-colors
|
|
|
|
$utilities-text: map-merge-multiple(
|
|
$utilities-colors,
|
|
$theme-color-shades-rgb,
|
|
(
|
|
"black": to-rgb($black),
|
|
"white": to-rgb($white),
|
|
"body": to-rgb($body-color)
|
|
)
|
|
) !default;
|
|
$utilities-text-colors: map-loop($utilities-text, rgba-css-var, "$key", "text") !default;
|
|
|
|
// scss-docs-start utilities-bg-colors
|
|
|
|
$utilities-bg: map-merge-multiple(
|
|
$utilities-colors,
|
|
$theme-color-shades-rgb,
|
|
(
|
|
"black": to-rgb($black),
|
|
"white": to-rgb($white),
|
|
"body": to-rgb($body-bg)
|
|
)
|
|
) !default;
|
|
$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, "$key", "bg") !default;
|
|
|
|
|
|
|
|
|
|
// scss-docs-start utilities-border-colors
|
|
$border-color-shades: map-remove($theme-color-shades-rgb, 'primary-lighter','warning-lighter','success-lighter','info-lighter','danger-lighter','primary-darker','warning-darker','success-darker','info-darker','danger-darker');
|
|
|
|
$utilities-border: map-merge-multiple(
|
|
$utilities-colors,
|
|
$border-color-shades,
|
|
(
|
|
"black": to-rgb($black),
|
|
"white": to-rgb($white),
|
|
)
|
|
) !default;
|
|
$utilities-border-colors: map-loop($utilities-border, rgba-css-var, "$key", "border") !default;
|
|
|
|
$utilities-border-subtle: (
|
|
"primary-subtle": var(--#{$prefix}primary-border-subtle),
|
|
"secondary-subtle": var(--#{$prefix}secondary-border-subtle),
|
|
"success-subtle": var(--#{$prefix}success-border-subtle),
|
|
"info-subtle": var(--#{$prefix}info-border-subtle),
|
|
"warning-subtle": var(--#{$prefix}warning-border-subtle),
|
|
"danger-subtle": var(--#{$prefix}danger-border-subtle),
|
|
"light-subtle": var(--#{$prefix}light-border-subtle),
|
|
"dark-subtle": var(--#{$prefix}dark-border-subtle)
|
|
) !default;
|
|
// scss-docs-end utilities-border-colors
|
|
|
|
$border-color-utilities: (
|
|
'border-colors': (
|
|
property: border-color,
|
|
class: border,
|
|
local-vars: (
|
|
"border-opacity": 1
|
|
),
|
|
values: $utilities-border-colors
|
|
),
|
|
'border-subtle-colors': (
|
|
property: border-color,
|
|
class: border,
|
|
values: $utilities-border-subtle
|
|
),
|
|
'border-opacities': (
|
|
class: border-opacity,
|
|
css-var: true,
|
|
values: (
|
|
10: .1,
|
|
25: .25,
|
|
50: .5,
|
|
75: .75,
|
|
100: 1
|
|
)
|
|
)
|
|
) !default; |