mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-28 12:24:23 +00:00
108 lines
3.5 KiB
Sass
108 lines
3.5 KiB
Sass
|
\:root
|
||
|
|
// Initial variables
|
||
|
|
--black: #{$black}
|
||
|
|
--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}
|
||
|
|
--grey-lightest: #{$grey-lightest}
|
||
|
|
--white-ter: #{$white-ter}
|
||
|
|
--white-bis: #{$white-bis}
|
||
|
|
--white: #{$white}
|
||
|
|
--orange: #{$orange}
|
||
|
|
--yellow: #{$yellow}
|
||
|
|
--green: #{$green}
|
||
|
|
--turquoise: #{$turquoise}
|
||
|
|
--cyan: #{$cyan}
|
||
|
|
--blue: #{$blue}
|
||
|
|
--purple: #{$purple}
|
||
|
|
--red: #{$red}
|
||
|
|
--family-sans-serif: #{$family-sans-serif}
|
||
|
|
--family-monospace: #{$family-monospace}
|
||
|
|
--render-mode: #{$render-mode}
|
||
|
|
--size-1: #{$size-1}
|
||
|
|
--size-2: #{$size-2}
|
||
|
|
--size-3: #{$size-3}
|
||
|
|
--size-4: #{$size-4}
|
||
|
|
--size-5: #{$size-5}
|
||
|
|
--size-6: #{$size-6}
|
||
|
|
--size-7: #{$size-7}
|
||
|
|
--weight-light: #{$weight-light}
|
||
|
|
--weight-normal: #{$weight-normal}
|
||
|
|
--weight-medium: #{$weight-medium}
|
||
|
|
--weight-semibold: #{$weight-semibold}
|
||
|
|
--weight-bold: #{$weight-bold}
|
||
|
|
--block-spacing: #{$block-spacing}
|
||
|
|
--easing: #{$easing}
|
||
|
|
--radius-small: #{$radius-small}
|
||
|
|
--radius: #{$radius}
|
||
|
|
--radius-large: #{$radius-large}
|
||
|
|
--radius-rounded: #{$radius-rounded}
|
||
|
|
--speed: #{$speed}
|
||
|
|
// Derived variables
|
||
|
|
--primary: var(--turquoise)
|
||
|
|
--info: var(--cyan)
|
||
|
|
--success: var(--green)
|
||
|
|
--warning: var(--yellow)
|
||
|
|
--danger: var(--red)
|
||
|
|
--light: var(--white-ter)
|
||
|
|
--dark: var(--grey-darker)
|
||
|
|
--orange-invert: #{findColorInvert($orange)}
|
||
|
|
--yellow-invert: #{findColorInvert($yellow)}
|
||
|
|
--green-invert: #{findColorInvert($green)}
|
||
|
|
--turquoise-invert: #{findColorInvert($turquoise)}
|
||
|
|
--cyan-invert: #{findColorInvert($cyan)}
|
||
|
|
--blue-invert: #{findColorInvert($blue)}
|
||
|
|
--purple-invert: #{findColorInvert($purple)}
|
||
|
|
--red-invert: #{findColorInvert($red)}
|
||
|
|
--primary-invert: #{findColorInvert($primary)}
|
||
|
|
--primary-light: findLightColor($primary)
|
||
|
|
--primary-dark: findDarkColor($primary)
|
||
|
|
--info-invert: #{findColorInvert($info)}
|
||
|
|
--info-light: findLightColor($info)
|
||
|
|
--info-dark: findDarkColor($info)
|
||
|
|
--success-invert: #{findColorInvert($success)}
|
||
|
|
--success-light: findLightColor($success)
|
||
|
|
--success-dark: findDarkColor($success)
|
||
|
|
--warning-invert: #{findColorInvert($warning)}
|
||
|
|
--warning-light: findLightColor($warning)
|
||
|
|
--warning-dark: findDarkColor($warning)
|
||
|
|
--danger-invert: #{findColorInvert($danger)}
|
||
|
|
--danger-light: findLightColor($danger)
|
||
|
|
--danger-dark: findDarkColor($danger)
|
||
|
|
--light-invert: #{findColorInvert($light)}
|
||
|
|
--dark-invert: #{findColorInvert($dark)}
|
||
|
|
--scheme-main: var(--white)
|
||
|
|
--scheme-main-bis: var(--white-bis)
|
||
|
|
--scheme-main-ter: var(--white-ter)
|
||
|
|
--scheme-invert: var(--black)
|
||
|
|
--scheme-invert-bis: var(--black-bis)
|
||
|
|
--scheme-invert-ter: var(--black-ter)
|
||
|
|
--background: var(--white-ter)
|
||
|
|
--border: var(--grey-lighter)
|
||
|
|
--border-hover: var(--grey-light)
|
||
|
|
--border-light: var(--grey-lightest)
|
||
|
|
--border-light-hover: var(--grey-light)
|
||
|
|
--text: var(--grey-dark)
|
||
|
|
--text-invert: #{findColorInvert($text)}
|
||
|
|
--text-light: var(--grey)
|
||
|
|
--text-strong: var(--grey-darker)
|
||
|
|
--code: var(--red)
|
||
|
|
--code-background: var(--background)
|
||
|
|
--pre: var(--text)
|
||
|
|
--pre-background: var(--background)
|
||
|
|
--link: var(--blue)
|
||
|
|
--link-invert: #{findColorInvert($link)}
|
||
|
|
--link-light: findLightColor($link)
|
||
|
|
--link-dark: findDarkColor($link)
|
||
|
|
--link-visited: var(--purple)
|
||
|
|
--link-hover: var(--grey-darker)
|
||
|
|
--link-hover-border: var(--grey-light)
|
||
|
|
--link-focus: var(--grey-darker)
|
||
|
|
--link-focus-border: var(--blue)
|
||
|
|
--link-active: var(--grey-darker)
|
||
|
|
--link-active-border: var(--grey-dark)
|