bulma/sass/utilities/derived-variables.scss

@import "initial-variables";
@import "functions";
@import "css-variables";

$primary: $turquoise !default;

$info: $cyan !default;
$success: $green !default;
$warning: $yellow !default;
$danger: $red !default;

$light: $white-ter !default;
$dark: $grey-darker !default;

// 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) !default;
$primary-light: findLightColor($primary) !default;
$primary-dark: findDarkColor($primary) !default;
$info-invert: findColorInvert($info) !default;
$info-light: findLightColor($info) !default;
$info-dark: findDarkColor($info) !default;
$success-invert: findColorInvert($success) !default;
$success-light: findLightColor($success) !default;
$success-dark: findDarkColor($success) !default;
$warning-invert: #{getVar("white")} !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

$scheme-main: #{getVar("white")} !default;
$scheme-main-bis: #{getVar("white-bis")} !default;
$scheme-main-ter: #{getVar("white-ter")} !default;
$scheme-invert: #{getVar("text-00")} !default;
$scheme-invert-bis: #{getVar("text-05")} !default;
$scheme-invert-ter: #{getVar("text-10")} !default;

$background: #{getVar("text-90")} !default;

$border: #{getVar("text-85")} !default;
$border-hover: #{getVar("text-80")} !default;
$border-light: #{getVar("text-90")} !default;
$border-light-hover: #{getVar("text-85")} !default;

// Text colors

$text: #{getVar("text-25")} !default;
$text-invert: #{getVar("white")} !default;
$text-light: #{getVar("text-55")} !default;
$text-strong: #{getVar("text-10")} !default;

// Code colors

$code: #{getVar("danger-60")} !default;
$code-background: #{getVar("text-90")} !default;

$pre: #{getVar("text-40")} !default;
$pre-background: #{getVar("text-90")} !default;

// Link colors

$link: $blue !default;
$link-invert: findColorInvert($link) !default;
$link-visited: $purple !default;

$link-hover: #{getVar("text-20")} !default;
$link-hover-border: #{getVar("text-70")} !default;

$link-focus: #{getVar("text-20")} !default;
$link-focus-border: #{getVar("link")} !default;

$link-active: #{getVar("text-20")} !default;
$link-active-border: #{getVar("text-30")} !default;

// Typography

$family-primary: $family-sans-serif !default;
$family-secondary: $family-sans-serif !default;
$family-code: $family-monospace !default;

$size-small: $size-7 !default;
$size-normal: $size-6 !default;
$size-medium: $size-5 !default;
$size-large: $size-4 !default;

// Effects

$shadow-color: $black !default;
$shadow: 0 0.5em 1em -0.125em rgba(var(--bulma-shadow-color-rgb), 0.1),
  0 0px 0 1px rgba(var(--bulma-shadow-color-rgb), 0.02) !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,
    ),
    "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
    ),
    "text": (
      hsl(221, 14%, 29%),
      #fff
    )
  ),
  $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;