{ "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" } } }