bulma/docs/_data/variables/elements/button.json

{
  "dir_name": "elements",
  "file_name": "button",
  "file_relative_path": "elements/button.sass",
  "file_line_from": 1,
  "file_line_to": 27,
  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/elements/button.sass#L1,L27",
  "vars": {
    "button-color": {
      "id": "button-color",
      "name": "$button-color",
      "value": "$grey-darker"
    },
    "button-background-color": {
      "id": "button-background-color",
      "name": "$button-background-color",
      "value": "$white"
    },
    "button-border-color": {
      "id": "button-border-color",
      "name": "$button-border-color",
      "value": "$grey-lighter"
    },
    "button-border-width": {
      "id": "button-border-width",
      "name": "$button-border-width",
      "value": "$control-border-width"
    },
    "button-padding-vertical": {
      "id": "button-padding-vertical",
      "name": "$button-padding-vertical",
      "value": "calc(0.375em - #{$button-border-width})"
    },
    "button-padding-horizontal": {
      "id": "button-padding-horizontal",
      "name": "$button-padding-horizontal",
      "value": "0.75em"
    },
    "button-hover-color": {
      "id": "button-hover-color",
      "name": "$button-hover-color",
      "value": "$link-hover"
    },
    "button-hover-border-color": {
      "id": "button-hover-border-color",
      "name": "$button-hover-border-color",
      "value": "$link-hover-border"
    },
    "button-focus-color": {
      "id": "button-focus-color",
      "name": "$button-focus-color",
      "value": "$link-focus"
    },
    "button-focus-border-color": {
      "id": "button-focus-border-color",
      "name": "$button-focus-border-color",
      "value": "$link-focus-border"
    },
    "button-focus-box-shadow-size": {
      "id": "button-focus-box-shadow-size",
      "name": "$button-focus-box-shadow-size",
      "value": "0 0 0 0.125em"
    },
    "button-focus-box-shadow-color": {
      "id": "button-focus-box-shadow-color",
      "name": "$button-focus-box-shadow-color",
      "value": "rgba($link, 0.25)"
    },
    "button-active-color": {
      "id": "button-active-color",
      "name": "$button-active-color",
      "value": "$link-active"
    },
    "button-active-border-color": {
      "id": "button-active-border-color",
      "name": "$button-active-border-color",
      "value": "$link-active-border"
    },
    "button-text-color": {
      "id": "button-text-color",
      "name": "$button-text-color",
      "value": "$text"
    },
    "button-text-hover-background-color": {
      "id": "button-text-hover-background-color",
      "name": "$button-text-hover-background-color",
      "value": "$background"
    },
    "button-text-hover-color": {
      "id": "button-text-hover-color",
      "name": "$button-text-hover-color",
      "value": "$text-strong"
    },
    "button-disabled-background-color": {
      "id": "button-disabled-background-color",
      "name": "$button-disabled-background-color",
      "value": "$white"
    },
    "button-disabled-border-color": {
      "id": "button-disabled-border-color",
      "name": "$button-disabled-border-color",
      "value": "$grey-lighter"
    },
    "button-disabled-shadow": {
      "id": "button-disabled-shadow",
      "name": "$button-disabled-shadow",
      "value": "none"
    },
    "button-disabled-opacity": {
      "id": "button-disabled-opacity",
      "name": "$button-disabled-opacity",
      "value": "0.5"
    },
    "button-static-color": {
      "id": "button-static-color",
      "name": "$button-static-color",
      "value": "$grey"
    },
    "button-static-background-color": {
      "id": "button-static-background-color",
      "name": "$button-static-background-color",
      "value": "$white-ter"
    },
    "button-static-border-color": {
      "id": "button-static-border-color",
      "name": "$button-static-border-color",
      "value": "$grey-lighter"
    }
  }
}