bulma/docs/_data/variables/utilities/derived-variables.json

{
  "dir_name": "utilities",
  "file_name": "derived-variables",
  "file_relative_path": "utilities/derived-variables.sass",
  "file_line_from": 1,
  "file_line_to": 82,
  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/utilities/derived-variables.sass#L1,L82",
  "vars": {
    "primary": {
      "id": "primary",
      "name": "$primary",
      "value": "$turquoise"
    },
    "info": {
      "id": "info",
      "name": "$info",
      "value": "$cyan"
    },
    "success": {
      "id": "success",
      "name": "$success",
      "value": "$green"
    },
    "warning": {
      "id": "warning",
      "name": "$warning",
      "value": "$yellow"
    },
    "danger": {
      "id": "danger",
      "name": "$danger",
      "value": "$red"
    },
    "light": {
      "id": "light",
      "name": "$light",
      "value": "$white-ter"
    },
    "dark": {
      "id": "dark",
      "name": "$dark",
      "value": "$grey-darker"
    },
    "orange-invert": {
      "id": "orange-invert",
      "name": "$orange-invert",
      "value": "findColorInvert($orange)"
    },
    "yellow-invert": {
      "id": "yellow-invert",
      "name": "$yellow-invert",
      "value": "findColorInvert($yellow)"
    },
    "green-invert": {
      "id": "green-invert",
      "name": "$green-invert",
      "value": "findColorInvert($green)"
    },
    "turquoise-invert": {
      "id": "turquoise-invert",
      "name": "$turquoise-invert",
      "value": "findColorInvert($turquoise)"
    },
    "cyan-invert": {
      "id": "cyan-invert",
      "name": "$cyan-invert",
      "value": "findColorInvert($cyan)"
    },
    "blue-invert": {
      "id": "blue-invert",
      "name": "$blue-invert",
      "value": "findColorInvert($blue)"
    },
    "purple-invert": {
      "id": "purple-invert",
      "name": "$purple-invert",
      "value": "findColorInvert($purple)"
    },
    "red-invert": {
      "id": "red-invert",
      "name": "$red-invert",
      "value": "findColorInvert($red)"
    },
    "primary-invert": {
      "id": "primary-invert",
      "name": "$primary-invert",
      "value": "$turquoise-invert"
    },
    "info-invert": {
      "id": "info-invert",
      "name": "$info-invert",
      "value": "$cyan-invert"
    },
    "success-invert": {
      "id": "success-invert",
      "name": "$success-invert",
      "value": "$green-invert"
    },
    "warning-invert": {
      "id": "warning-invert",
      "name": "$warning-invert",
      "value": "$yellow-invert"
    },
    "danger-invert": {
      "id": "danger-invert",
      "name": "$danger-invert",
      "value": "$red-invert"
    },
    "light-invert": {
      "id": "light-invert",
      "name": "$light-invert",
      "value": "$dark"
    },
    "dark-invert": {
      "id": "dark-invert",
      "name": "$dark-invert",
      "value": "$light"
    },
    "background": {
      "id": "background",
      "name": "$background",
      "value": "$white-ter"
    },
    "border": {
      "id": "border",
      "name": "$border",
      "value": "$grey-lighter"
    },
    "border-hover": {
      "id": "border-hover",
      "name": "$border-hover",
      "value": "$grey-light"
    },
    "text": {
      "id": "text",
      "name": "$text",
      "value": "$grey-dark"
    },
    "text-invert": {
      "id": "text-invert",
      "name": "$text-invert",
      "value": "findColorInvert($text)"
    },
    "text-light": {
      "id": "text-light",
      "name": "$text-light",
      "value": "$grey"
    },
    "text-strong": {
      "id": "text-strong",
      "name": "$text-strong",
      "value": "$grey-darker"
    },
    "code": {
      "id": "code",
      "name": "$code",
      "value": "$red"
    },
    "code-background": {
      "id": "code-background",
      "name": "$code-background",
      "value": "$background"
    },
    "pre": {
      "id": "pre",
      "name": "$pre",
      "value": "$text"
    },
    "pre-background": {
      "id": "pre-background",
      "name": "$pre-background",
      "value": "$background"
    },
    "link": {
      "id": "link",
      "name": "$link",
      "value": "$blue"
    },
    "link-invert": {
      "id": "link-invert",
      "name": "$link-invert",
      "value": "$blue-invert"
    },
    "link-visited": {
      "id": "link-visited",
      "name": "$link-visited",
      "value": "$purple"
    },
    "link-hover": {
      "id": "link-hover",
      "name": "$link-hover",
      "value": "$grey-darker"
    },
    "link-hover-border": {
      "id": "link-hover-border",
      "name": "$link-hover-border",
      "value": "$grey-light"
    },
    "link-focus": {
      "id": "link-focus",
      "name": "$link-focus",
      "value": "$grey-darker"
    },
    "link-focus-border": {
      "id": "link-focus-border",
      "name": "$link-focus-border",
      "value": "$blue"
    },
    "link-active": {
      "id": "link-active",
      "name": "$link-active",
      "value": "$grey-darker"
    },
    "link-active-border": {
      "id": "link-active-border",
      "name": "$link-active-border",
      "value": "$grey-dark"
    },
    "family-primary": {
      "id": "family-primary",
      "name": "$family-primary",
      "value": "$family-sans-serif"
    },
    "family-code": {
      "id": "family-code",
      "name": "$family-code",
      "value": "$family-monospace"
    },
    "size-small": {
      "id": "size-small",
      "name": "$size-small",
      "value": "$size-7"
    },
    "size-normal": {
      "id": "size-normal",
      "name": "$size-normal",
      "value": "$size-6"
    },
    "size-medium": {
      "id": "size-medium",
      "name": "$size-medium",
      "value": "$size-5"
    },
    "size-large": {
      "id": "size-large",
      "name": "$size-large",
      "value": "$size-4"
    },
    "colors": {
      "id": "colors",
      "name": "$colors",
      "value": "(\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert), \"link\": ($link, $link-invert), \"info\": ($info, $info-invert), \"success\": ($success, $success-invert), \"warning\": ($warning, $warning-invert), \"danger\": ($danger, $danger-invert))"
    },
    "shades": {
      "id": "shades",
      "name": "$shades",
      "value": "(\"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)"
    },
    "sizes": {
      "id": "sizes",
      "name": "$sizes",
      "value": "$size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7"
    }
  }
}