mirror of
https://github.com/jgthms/bulma
synced 2026-03-15 02:04:29 -07:00
79 lines
1.6 KiB
Sass
79 lines
1.6 KiB
Sass
// Colors
|
|
|
|
$dark: $grey-darker
|
|
$dark-invert: findColorInvert($dark)
|
|
|
|
$primary-invert: findColorInvert($primary)
|
|
$info: $blue
|
|
$info-invert: findColorInvert($info)
|
|
$success: $green
|
|
$success-invert: findColorInvert($success)
|
|
$warning: $yellow
|
|
$warning-invert: findColorInvert($warning)
|
|
$danger: $red
|
|
$danger-invert: findColorInvert($danger)
|
|
|
|
$colors: (dark: ($dark, $dark-invert), primary: ($primary, $primary-invert), info: ($info, $info-invert), success: ($success, $success-invert), warning: ($warning, $warning-invert), danger: ($danger, $danger-invert))
|
|
|
|
$body-background: $grey-lighter
|
|
|
|
$background: $grey-lighter
|
|
|
|
$border: $grey-light
|
|
$border-hover: $grey
|
|
|
|
// Text
|
|
|
|
$text: $grey-dark
|
|
$text-invert: findColorInvert($text)
|
|
$text-light: $grey
|
|
$text-strong: $grey-darker
|
|
|
|
// Code
|
|
|
|
$code: $red
|
|
$code-background: $background
|
|
|
|
$pre: $text
|
|
$pre-background: $background
|
|
|
|
// Links
|
|
|
|
$link: $primary
|
|
$link-invert: $primary-invert
|
|
$link-visited: $purple
|
|
|
|
$link-hover: $grey-darker
|
|
$link-hover-background: $grey-lighter
|
|
$link-hover-border: $grey-darker
|
|
|
|
$link-active: $grey-darker
|
|
$link-active-border: $grey-darker
|
|
|
|
// Controls
|
|
|
|
$control: $text-strong
|
|
$control-background: $text-invert
|
|
$control-border: $border
|
|
|
|
$control-hover: $link-hover
|
|
$control-hover-border: $border-hover
|
|
|
|
$control-active: $link
|
|
$control-active-background: $link
|
|
$control-active-background-invert: $link-invert
|
|
$control-active-border: $link
|
|
|
|
// Typography
|
|
|
|
$family-primary: $family-sans-serif
|
|
$family-code: $family-monospace
|
|
|
|
$size-small: $size-7
|
|
$size-normal: $size-6
|
|
$size-medium: $size-5
|
|
$size-large: $size-3
|
|
$size-huge: $size-1
|
|
|
|
$sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6
|