bulma/sass/utilities/derived-variables.scss

133 lines
4.9 KiB
SCSS
Raw Normal View History

2020-08-15 07:46:34 +00:00
$primary: var(--turquoise, #{$turquoise}) !default;
2020-05-10 13:47:06 +00:00
2020-08-15 07:46:34 +00:00
$info : var(--cyan, #{$cyan}) !default;
$success: var(--green, #{$green}) !default;
$warning: var(--yellow, #{$yellow}) !default;
$danger : var(--red, #{$red}) !default;
2020-05-10 13:47:06 +00:00
2020-08-15 07:46:34 +00:00
$light : var(--white-ter, #{$white-ter}) !default;
$dark : var(--grey-darker, #{$grey-darker}) !default;
2020-05-10 13:47:06 +00:00
// Invert colors
$orange-invert : findColorInvert($orange) !default;
$yellow-invert : findColorInvert($yellow) !default;
$green-invert : findColorInvert($green) !default;
$turquoise-invert: findColorInvert($turquoise) !default;
$cyan-invert : findColorInvert($cyan) !default;
$blue-invert : findColorInvert($blue) !default;
$purple-invert : findColorInvert($purple) !default;
$red-invert : findColorInvert($red) !default;
$primary-invert : findColorInvert($primary, $turquoise) !default;
$primary-light : findLightColor($primary, $turquoise) !default;
$primary-dark : findDarkColor($primary, $turquoise) !default;
2020-05-10 13:47:06 +00:00
$info-invert : findColorInvert($info) !default;
$info-light : findLightColor($info) !default;
$info-dark : findDarkColor($info) !default;
2020-08-15 07:46:34 +00:00
$success-invert : findColorInvert($success, $green) !default;
$success-light : findLightColor($success, $green) !default;
$success-dark : findDarkColor($success, $green) !default;
2020-05-10 13:47:06 +00:00
$warning-invert : findColorInvert($warning) !default;
$warning-light : findLightColor($warning) !default;
$warning-dark : findDarkColor($warning) !default;
$danger-invert : findColorInvert($danger) !default;
$danger-light : findLightColor($danger) !default;
$danger-dark : findDarkColor($danger) !default;
$light-invert : findColorInvert($light) !default;
$dark-invert : findColorInvert($dark) !default;
// General colors
2020-08-15 07:46:34 +00:00
$scheme-main : var(--white, #{$white}) !default;
$scheme-main-bis : var(--white-bis, #{$white-bis}) !default;
$scheme-main-ter : var(--white-ter, #{$white-ter}) !default;
$scheme-invert : var(--black, #{$black}) !default;
$scheme-invert-bis : var(--black-bis, #{$black-bis}) !default;
$scheme-invert-ter : var(--black-ter, #{$black-ter}) !default;
2020-05-10 13:47:06 +00:00
2020-08-15 07:46:34 +00:00
$background : var(--white-ter, #{$white-ter}) !default;
2020-05-10 13:47:06 +00:00
2020-08-15 07:46:34 +00:00
$border : var(--grey-lighter, #{$grey-lighter}) !default;
$border-hover : var(--grey-light, #{$grey-light}) !default;
$border-light : var(--grey-lightest, #{$grey-lightest}) !default;
$border-light-hover: var(--grey-light, #{$grey-light}) !default;
2020-05-10 13:47:06 +00:00
// Text colors
2020-08-15 07:46:34 +00:00
$text : var(--grey-dark, #{$grey-dark}) !default;
2020-05-10 13:47:06 +00:00
$text-invert: findColorInvert($text) !default;
2020-08-15 07:46:34 +00:00
$text-light : var(--grey, #{$grey}) !default;
$text-strong: var(--grey-darker, #{$grey-darker}) !default;
2020-05-10 13:47:06 +00:00
// Code colors
2020-08-15 07:46:34 +00:00
$code : var(--red, #{$red}) !default;
$code-background: var(--background, #{$background}) !default;
2020-05-10 13:47:06 +00:00
2020-08-15 07:46:34 +00:00
$pre : var(--text, #{$text}) !default;
$pre-background : var(--background, #{$background}) !default;
2020-05-10 13:47:06 +00:00
// Link colors
2020-08-15 07:46:34 +00:00
$link : var(--blue, #{$blue}) !default;
2020-05-10 13:47:06 +00:00
$link-invert : findColorInvert($link) !default;
$link-light : findLightColor($link) !default;
$link-dark : findDarkColor($link) !default;
2020-08-15 07:46:34 +00:00
$link-visited : var(--purple, #{$purple}) !default;
2020-05-10 13:47:06 +00:00
2020-08-15 07:46:34 +00:00
$link-hover : var(--grey-darker, #{$grey-darker}) !default;
$link-hover-border : var(--grey-light, #{$grey-light}) !default;
2020-05-10 13:47:06 +00:00
2020-08-15 07:46:34 +00:00
$link-focus : var(--grey-darker, #{$grey-darker}) !default;
$link-focus-border : var(--blue, #{$blue}) !default;
2020-05-10 13:47:06 +00:00
2020-08-15 07:46:34 +00:00
$link-active : var(--grey-darker, #{$grey-darker}) !default;
$link-active-border: var(--grey-dark, #{$grey-dark}) !default;
2020-05-10 13:47:06 +00:00
// Typography
2020-08-15 07:46:34 +00:00
$family-primary : var(--family-sans-serif, #{$family-sans-serif}) !default;
$family-secondary: var(--family-sans-serif, #{$family-sans-serif}) !default;
$family-code : var(--family-monospace, #{$family-monospace}) !default;
2020-05-10 13:47:06 +00:00
$size-small : $size-7 !default;
$size-normal: $size-6 !default;
$size-medium: $size-5 !default;
$size-large : $size-4 !default;
// Lists and maps
$custom-colors: null !default;
$custom-shades: null !default;
$colors: mergeColorMaps(
(
"white" : ($white, $black),
"black" : ($black, $white),
"light" : ($light, $light-invert),
"dark" : ($dark, $dark-invert),
"primary": ($primary, $primary-invert, $primary-light, $primary-dark),
"link" : ($link, $link-invert, $link-light, $link-dark),
"info" : ($info, $info-invert, $info-light, $info-dark),
"success": ($success, $success-invert, $success-light, $success-dark),
"warning": ($warning, $warning-invert, $warning-light, $warning-dark),
"danger" : ($danger, $danger-invert, $danger-light, $danger-dark)),
$custom-colors
) !default;
$shades: mergeColorMaps(
(
"black-bis" : $black-bis,
"black-ter" : $black-ter,
"grey-darker" : $grey-darker,
"grey-dark" : $grey-dark,
"grey" : $grey,
"grey-light" : $grey-light,
"grey-lighter": $grey-lighter,
"white-ter" : $white-ter,
"white-bis" : $white-bis),
$custom-shades
) !default;
$sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7 !default;