resources/tools/dash/app/pal/static/sass/bootstrap/_root.scss

   1 :root {
   2   // Note: Custom variable values only support SassScript inside `#{}`.
   3
   4   // Colors
   5   //
   6   // Generate palettes for full colors, grays, and theme colors.
   7
   8   @each $color, $value in $colors {
   9     --#{$prefix}#{$color}: #{$value};
  10   }
  11
  12   @each $color, $value in $grays {
  13     --#{$prefix}gray-#{$color}: #{$value};
  14   }
  15
  16   @each $color, $value in $theme-colors {
  17     --#{$prefix}#{$color}: #{$value};
  18   }
  19
  20   @each $color, $value in $theme-colors-rgb {
  21     --#{$prefix}#{$color}-rgb: #{$value};
  22   }
  23
  24   --#{$prefix}white-rgb: #{to-rgb($white)};
  25   --#{$prefix}black-rgb: #{to-rgb($black)};
  26   --#{$prefix}body-color-rgb: #{to-rgb($body-color)};
  27   --#{$prefix}body-bg-rgb: #{to-rgb($body-bg)};
  28
  29   // Fonts
  30
  31   // Note: Use `inspect` for lists so that quoted items keep the quotes.
  32   // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
  33   --#{$prefix}font-sans-serif: #{inspect($font-family-sans-serif)};
  34   --#{$prefix}font-monospace: #{inspect($font-family-monospace)};
  35   --#{$prefix}gradient: #{$gradient};
  36
  37   // Root and body
  38   // scss-docs-start root-body-variables
  39   @if $font-size-root != null {
  40     --#{$prefix}root-font-size: #{$font-size-root};
  41   }
  42   --#{$prefix}body-font-family: #{$font-family-base};
  43   @include rfs($font-size-base, --#{$prefix}body-font-size);
  44   --#{$prefix}body-font-weight: #{$font-weight-base};
  45   --#{$prefix}body-line-height: #{$line-height-base};
  46   --#{$prefix}body-color: #{$body-color};
  47   @if $body-text-align != null {
  48     --#{$prefix}body-text-align: #{$body-text-align};
  49   }
  50   --#{$prefix}body-bg: #{$body-bg};
  51   // scss-docs-end root-body-variables
  52
  53   // scss-docs-start root-border-var
  54   --#{$prefix}border-width: #{$border-width};
  55   --#{$prefix}border-style: #{$border-style};
  56   --#{$prefix}border-color: #{$border-color};
  57   --#{$prefix}border-color-translucent: #{$border-color-translucent};
  58
  59   --#{$prefix}border-radius: #{$border-radius};
  60   --#{$prefix}border-radius-sm: #{$border-radius-sm};
  61   --#{$prefix}border-radius-lg: #{$border-radius-lg};
  62   --#{$prefix}border-radius-xl: #{$border-radius-xl};
  63   --#{$prefix}border-radius-2xl: #{$border-radius-2xl};
  64   --#{$prefix}border-radius-pill: #{$border-radius-pill};
  65   // scss-docs-end root-border-var
  66
  67   --#{$prefix}link-color: #{$link-color};
  68   --#{$prefix}link-hover-color: #{$link-hover-color};
  69
  70   --#{$prefix}code-color: #{$code-color};
  71
  72   --#{$prefix}highlight-bg: #{$mark-bg};
  73 }