scss-variables.json

[
  {
    "name": "Brand Colors",
    "slug": "brand-color",
    "data": [
      { "key": "$blue", "value": "#007bff", "default": "#007bff", "type": "color" },
      { "key": "$indigo", "value": "#6610f2", "default": "#6610f2", "type": "color" },
      { "key": "$purple", "value": "#6f42c1", "default": "#6f42c1", "type": "color" },
      { "key": "$pink", "value": "#e83e8c", "default": "#e83e8c", "type": "color" },
      { "key": "$red", "value": "#dc3545", "default": "#dc3545", "type": "color" },
      { "key": "$orange", "value": "#fd7e14", "default": "#fd7e14", "type": "color" },
      { "key": "$yellow", "value": "#ffc107", "default": "#ffc107", "type": "color" },
      { "key": "$green", "value": "#28a745", "default": "#28a745", "type": "color" },
      { "key": "$teal", "value": "#20c997", "default": "#20c997", "type": "color" },
      { "key": "$cyan", "value": "#17a2b8", "default": "#17a2b8", "type": "color" },
      { "key": "$white", "value": "#fff", "default": "#fff", "type": "color" },
      { "key": "$gray-100", "value": "#f8f9fa", "default": "#f8f9fa", "type": "color" },
      { "key": "$gray-200", "value": "#e9ecef", "default": "#e9ecef", "type": "color" },
      { "key": "$gray-300", "value": "#dee2e6", "default": "#dee2e6", "type": "color" },
      { "key": "$gray-400", "value": "#ced4da", "default": "#ced4da", "type": "color" },
      { "key": "$gray-500", "value": "#adb5bd", "default": "#adb5bd", "type": "color" },
      { "key": "$gray-600", "value": "#868e96", "default": "#868e96", "type": "color" },
      { "key": "$gray-700", "value": "#495057", "default": "#495057", "type": "color" },
      { "key": "$gray-800", "value": "#343a40", "default": "#343a40", "type": "color" },
      { "key": "$gray-900", "value": "#212529", "default": "#212529", "type": "color" },
      { "key": "$black", "value": "#000", "default": "#000", "type": "color" },
      {
        "key": "$grays",
        "value":
          "(100: $gray-100, 200: $gray-200, 300: $gray-300, 400: $gray-400, 500: $gray-500, 600: $gray-600, 700: $gray-700, 800: $gray-800, 900: $gray-900)",
        "default":
          "(100: $gray-100, 200: $gray-200, 300: $gray-300, 400: $gray-400, 500: $gray-500, 600: $gray-600, 700: $gray-700, 800: $gray-800, 900: $gray-900)",
        "type": ""
      },
      {
        "key": "$theme-colors",
        "value": "(primary: $blue, secondary: $gray-600, success: $green, info: $cyan, warning: $yellow, danger: $red, light: $gray-100, dark: $gray-800)",
        "default": "(primary: $blue, secondary: $gray-600, success: $green, info: $cyan, warning: $yellow, danger: $red, light: $gray-100, dark: $gray-800)",
        "type": ""
      },
      {
        "key": "$colors",
        "value":
          "(blue: $blue, indigo: $indigo, purple: $purple, pink: $pink, red: $red, orange: $orange, yellow: $yellow, green: $green, teal: $teal, cyan: $cyan, white: $white, gray: $gray-600,gray-dark: $gray-800)",
        "default":
          "(blue: $blue, indigo: $indigo, purple: $purple, pink: $pink, red: $red, orange: $orange, yellow: $yellow, green: $green, teal: $teal, cyan: $cyan, white: $white, gray: $gray-600,gray-dark: $gray-800)",
        "type": ""
      },
      { "key": "$theme-color-interval", "value": "8%", "default": "8%", "type": "" }
    ]
  },
  
  {
    "name": "Spacing",
    "slug": "spacing",
    "data": [
      { "key": "$spacer", "value": "1rem", "default": "1rem", "type": "" },
      {
        "key": "$spacers",
        "value": "(0: 0, 1: ($spacer * 0.25), 2: ($spacer * 0.5), 3: $spacer, 4: ($spacer * 1.5), 5: ($spacer * 3))",
        "default": "(0: 0, 1: ($spacer * 0.25), 2: ($spacer * 0.5), 3: $spacer, 4: ($spacer * 1.5), 5: ($spacer * 3))",
        "type": ""
      },
      { "key": "$sizes", "value": "(25: 25%, 50: 50%, 75: 75%, 100: 100%)", "default": "(25: 25%, 50: 50%, 75: 75%, 100: 100%)", "type": "" }
    ]
  },

  {
    "name": "Options",
    "slug": "options",
    "data": [
      { "key": "$enable-rounded", "value": "true", "default": "true", "type": "boolean" },
      { "key": "$enable-shadows", "value": "false", "default": "false", "type": "boolean" },
      { "key": "$enable-gradients", "value": "false", "default": "false", "type": "boolean" },
      { "key": "$enable-transitions", "value": "true", "default": "true", "type": "boolean" },
      { "key": "$enable-hover-media-query", "value": "false", "default": "false", "type": "boolean" },
      { "key": "$enable-grid-classes", "value": "true", "default": "true", "type": "boolean" },
      { "key": "$enable-print-styles", "value": "true", "default": "true", "type": "boolean" }
    ]
  },

  {
    "name": "Body",
    "slug": "body",
    "data": [
      { "key": "$body-bg", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$body-color", "value": "$gray-900", "default": "$gray-900", "type": "color" }
    ]
  },
  {
    "name": "Links",
    "slug": "links",
    "data": [
      { "key": "$link-color", "value": "theme-color('primary')", "default": "theme-color('primary')", "type": "color" },
      { "key": "$link-decoration", "value": "none", "default": "none", "type": "" },
      { "key": "$link-hover-color", "value": "darken($link-color, 15%)", "default": "darken($link-color, 15%)", "type": "color" },
      { "key": "$link-hover-decoration", "value": "underline", "default": "underline", "type": "" }
    ]
  },
  {
    "name": "Grid",
    "slug": "grid",
    "data": [
      {
        "key": "$grid-breakpoints",
        "value": "(xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)",
        "default": "(xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)",
        "type": ""
      },
      {
        "key": "$container-max-widths",
        "value": "(sm: 540px, md: 720px, lg: 960px, xl: 1140px)",
        "default": "(sm: 540px, md: 720px, lg: 960px, xl: 1140px)",
        "type": ""
      },
      { "key": "$grid-columns", "value": "12", "default": "12", "type": "" },
      { "key": "$grid-gutter-width", "value": "30px", "default": "30px", "type": "" }
    ]
  },
  {
    "name": "Components",
    "slug": "components",
    "data": [
      { "key": "$line-height-lg", "value": "1.5", "default": "1.5", "type": "" },
      { "key": "$line-height-sm", "value": "1.5", "default": "1.5", "type": "" },
      { "key": "$border-width", "value": "1px", "default": "1px", "type": "" },
      { "key": "$border-radius", "value": "0.25rem", "default": "0.25rem", "type": "" },
      { "key": "$border-radius-lg", "value": "0.3rem", "default": "0.3rem", "type": "" },
      { "key": "$border-radius-sm", "value": "0.2rem", "default": "0.2rem", "type": "" },
      { "key": "$component-active-color", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$component-active-bg", "value": "theme-color('primary')", "default": "theme-color('primary')", "type": "color" },
      { "key": "$caret-width", "value": "0.3em", "default": "0.3em", "type": "" },
      { "key": "$transition-base", "value": "all 0.2s ease-in-out", "default": "all 0.2s ease-in-out", "type": "" },
      { "key": "$transition-fade", "value": "opacity 0.15s linear", "default": "opacity 0.15s linear", "type": "" },
      { "key": "$transition-collapse", "value": "height 0.35s ease", "default": "height 0.35s ease", "type": "" }
    ]
  },
  {
    "name": "Fonts",
    "slug": "fonts",
    "data": [
      {
        "key": "$font-family-sans-serif",
        "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
        "default": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
        "type": "font"
      },
      {
        "key": "$font-family-monospace",
        "value": "Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
        "default": "Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
        "type": "font"
      },
      { "key": "$font-family-base", "value": "$font-family-sans-serif", "default": "$font-family-sans-serif", "type": "font" },
      { "key": "$font-size-base", "value": "1rem", "default": "1rem", "type": "" },
      { "key": "$font-size-lg", "value": "1.25rem", "default": "1.25rem", "type": "" },
      { "key": "$font-size-sm", "value": "0.875rem", "default": "0.875rem", "type": "" },
      { "key": "$font-weight-normal", "value": "normal", "default": "normal", "type": "" },
      { "key": "$font-weight-bold", "value": "bold", "default": "bold", "type": "" },
      { "key": "$font-weight-base", "value": "$font-weight-normal", "default": "$font-weight-normal", "type": "" },
      { "key": "$line-height-base", "value": "1.5", "default": "1.5", "type": "" },
      { "key": "$h1-font-size", "value": "2.5rem", "default": "2.5rem", "type": "" },
      { "key": "$h2-font-size", "value": "2rem", "default": "2rem", "type": "" },
      { "key": "$h3-font-size", "value": "1.75rem", "default": "1.75rem", "type": "" },
      { "key": "$h4-font-size", "value": "1.5rem", "default": "1.5rem", "type": "" },
      { "key": "$h5-font-size", "value": "1.25rem", "default": "1.25rem", "type": "" },
      { "key": "$h6-font-size", "value": "1rem", "default": "1rem", "type": "" },
      { "key": "$headings-margin-bottom", "value": "($spacer / 2)", "default": "($spacer / 2)", "type": "" },
      { "key": "$headings-font-family", "value": "inherit", "default": "inherit", "type": "font" },
      { "key": "$headings-font-weight", "value": "500", "default": "500", "type": "" },
      { "key": "$headings-line-height", "value": "1.1", "default": "1.1", "type": "" },
      { "key": "$headings-color", "value": "inherit", "default": "inherit", "type": "" },
      { "key": "$display1-size", "value": "6rem", "default": "6rem", "type": "" },
      { "key": "$display2-size", "value": "5.5rem", "default": "5.5rem", "type": "" },
      { "key": "$display3-size", "value": "4.5rem", "default": "4.5rem", "type": "" },
      { "key": "$display4-size", "value": "3.5rem", "default": "3.5rem", "type": "" },
      { "key": "$display1-weight", "value": "300", "default": "300", "type": "" },
      { "key": "$display2-weight", "value": "300", "default": "300", "type": "" },
      { "key": "$display3-weight", "value": "300", "default": "300", "type": "" },
      { "key": "$display4-weight", "value": "300", "default": "300", "type": "" },
      { "key": "$display-line-height", "value": "$headings-line-height", "default": "$headings-line-height", "type": "" },
      { "key": "$lead-font-size", "value": "1.25rem", "default": "1.25rem", "type": "" },
      { "key": "$lead-font-weight", "value": "300", "default": "300", "type": "" },
      { "key": "$small-font-size", "value": "80%", "default": "80%", "type": "" },
      { "key": "$text-muted", "value": "$gray-600", "default": "$gray-600", "type": "color" },
      { "key": "$blockquote-small-color", "value": "$gray-600", "default": "$gray-600", "type": "color" },
      { "key": "$blockquote-font-size", "value": "($font-size-base * 1.25)", "default": "($font-size-base * 1.25)", "type": "" },
      { "key": "$hr-border-color", "value": "rgba($black, 0.1)", "default": "rgba($black, 0.1)", "type": "color" },
      { "key": "$hr-border-width", "value": "$border-width", "default": "$border-width", "type": "" },
      { "key": "$mark-padding", "value": "0.2em", "default": "0.2em", "type": "" },
      { "key": "$dt-font-weight", "value": "$font-weight-bold", "default": "$font-weight-bold", "type": "" },
      { "key": "$kbd-box-shadow", "value": "inset 0 -0.1rem 0 rgba($black, 0.25)", "default": "inset 0 -0.1rem 0 rgba($black, 0.25)", "type": "" },
      { "key": "$nested-kbd-font-weight", "value": "$font-weight-bold", "default": "$font-weight-bold", "type": "" },
      { "key": "$list-inline-padding", "value": "5px", "default": "5px", "type": "" },
      { "key": "$mark-bg", "value": "#fcf8e3", "default": "#fcf8e3", "type": "color" }
    ]
  },
  
  {
    "name": "Buttons",
    "slug": "buttons",
    "data": [
      { "key": "$input-btn-padding-y", "value": "0.5rem", "default": "0.5rem", "type": "" },
      { "key": "$input-btn-padding-x", "value": "0.75rem", "default": "0.75rem", "type": "" },
      { "key": "$input-btn-line-height", "value": "1.25", "default": "1.25", "type": "" },
      { "key": "$input-btn-padding-y-sm", "value": "0.25rem", "default": "0.25rem", "type": "" },
      { "key": "$input-btn-padding-x-sm", "value": "0.5rem", "default": "0.5rem", "type": "" },
      { "key": "$input-btn-line-height-sm", "value": "1.5", "default": "1.5", "type": "" },
      { "key": "$input-btn-padding-y-lg", "value": "0.5rem", "default": "0.5rem", "type": "" },
      { "key": "$input-btn-padding-x-lg", "value": "1rem", "default": "1rem", "type": "" },
      { "key": "$input-btn-line-height-lg", "value": "1.5", "default": "1.5", "type": "" },
      { "key": "$btn-font-weight", "value": "$font-weight-normal", "default": "$font-weight-normal", "type": "" },
      {
        "key": "$btn-box-shadow",
        "value": "inset 0 1px 0 rgba($white, 0.15), 0 1px 1px rgba($black, 0.075)",
        "default": "inset 0 1px 0 rgba($white, 0.15), 0 1px 1px rgba($black, 0.075)",
        "type": ""
      },
      {
        "key": "$btn-focus-box-shadow",
        "value": "0 0 0 3px rgba(theme-color('primary'), 0.25)",
        "default": "0 0 0 3px rgba(theme-color('primary'), 0.25)",
        "type": ""
      },
      { "key": "$btn-active-box-shadow", "value": "inset 0 3px 5px rgba($black, 0.125)", "default": "inset 0 3px 5px rgba($black, 0.125)", "type": "" },
      { "key": "$btn-link-disabled-color", "value": "$gray-600", "default": "$gray-600", "type": "color" },
      { "key": "$btn-block-spacing-y", "value": "0.5rem", "default": "0.5rem", "type": "" },
      { "key": "$btn-border-radius", "value": "$border-radius", "default": "$border-radius", "type": "" },
      { "key": "$btn-border-radius-lg", "value": "$border-radius-lg", "default": "$border-radius-lg", "type": "" },
      { "key": "$btn-border-radius-sm", "value": "$border-radius-sm", "default": "$border-radius-sm", "type": "" },
      { "key": "$btn-transition", "value": "all 0.15s ease-in-out", "default": "all 0.15s ease-in-out", "type": "" }
    ]
  },
  {
    "name": "Forms",
    "slug": "forms",
    "data": [
      { "key": "$input-bg", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$input-disabled-bg", "value": "$gray-200", "default": "$gray-200", "type": "color" },
      { "key": "$input-color", "value": "$gray-700", "default": "$gray-700", "type": "color" },
      { "key": "$input-border-color", "value": "rgba($black, 0.15)", "default": "rgba($black, 0.15)", "type": "color" },
      { "key": "$input-btn-border-width", "value": "$border-width", "default": "$border-width", "type": "" },
      { "key": "$input-box-shadow", "value": "inset 0 1px 1px rgba($black, 0.075)", "default": "inset 0 1px 1px rgba($black, 0.075)", "type": "" },
      { "key": "$input-border-radius", "value": "$border-radius", "default": "$border-radius", "type": "" },
      { "key": "$input-border-radius-lg", "value": "$border-radius-lg", "default": "$border-radius-lg", "type": "" },
      { "key": "$input-border-radius-sm", "value": "$border-radius-sm", "default": "$border-radius-sm", "type": "" },
      { "key": "$input-focus-bg", "value": "$input-bg", "default": "$input-bg", "type": "color" },
      {
        "key": "$input-focus-border-color",
        "value": "lighten(theme-color('primary'), 25%)",
        "default": "lighten(theme-color('primary'), 25%)",
        "type": "color"
      },
      {
        "key": "$input-focus-box-shadow",
        "value": "$input-box-shadow, $btn-focus-box-shadow",
        "default": "$input-box-shadow, $btn-focus-box-shadow",
        "type": ""
      },
      { "key": "$input-focus-color", "value": "$input-color", "default": "$input-color", "type": "color" },
      { "key": "$input-placeholder-color", "value": "$gray-600", "default": "$gray-600", "type": "color" },
      { "key": "$input-height-border", "value": "$input-btn-border-width * 2", "default": "$input-btn-border-width * 2", "type": "" },
      {
        "key": "$input-height-inner",
        "value": "($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2)",
        "default": "($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2)",
        "type": ""
      },
      {
        "key": "$input-height",
        "value": "calc(#{$input-height-inner} + #{$input-height-border})",
        "default": "calc(#{$input-height-inner} + #{$input-height-border})",
        "type": ""
      },
      {
        "key": "$input-height-inner-sm",
        "value": "($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2)",
        "default": "($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2)",
        "type": ""
      },
      {
        "key": "$input-height-sm",
        "value": "calc(#{$input-height-inner-sm} + #{$input-height-border})",
        "default": "calc(#{$input-height-inner-sm} + #{$input-height-border})",
        "type": ""
      },
      {
        "key": "$input-height-inner-lg",
        "value": "($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2)",
        "default": "($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2)",
        "type": ""
      },
      {
        "key": "$input-height-lg",
        "value": "calc(#{$input-height-inner-lg} + #{$input-height-border})",
        "default": "calc(#{$input-height-inner-lg} + #{$input-height-border})",
        "type": ""
      },
      {
        "key": "$input-transition",
        "value": "border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s",
        "default": "border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s",
        "type": ""
      },
      { "key": "$form-text-margin-top", "value": "0.25rem", "default": "0.25rem", "type": "" },
      { "key": "$form-check-margin-bottom", "value": "0.5rem", "default": "0.5rem", "type": "" },
      { "key": "$form-check-input-gutter", "value": "1.25rem", "default": "1.25rem", "type": "" },
      { "key": "$form-check-input-margin-y", "value": "0.25rem", "default": "0.25rem", "type": "" },
      { "key": "$form-check-input-margin-x", "value": "0.25rem", "default": "0.25rem", "type": "" },
      { "key": "$form-check-inline-margin-x", "value": "0.75rem", "default": "0.75rem", "type": "" },
      { "key": "$form-group-margin-bottom", "value": "1rem", "default": "1rem", "type": "" },
      { "key": "$input-group-addon-bg", "value": "$gray-200", "default": "$gray-200", "type": "" },
      { "key": "$input-group-addon-border-color", "value": "$input-border-color", "default": "$input-border-color", "type": "color" },
      { "key": "$custom-control-gutter", "value": "1.5rem", "default": "1.5rem", "type": "" },
      { "key": "$custom-control-spacer-y", "value": "0.25rem", "default": "0.25rem", "type": "" },
      { "key": "$custom-control-spacer-x", "value": "1rem", "default": "1rem", "type": "" },
      { "key": "$custom-control-indicator-size", "value": "1rem", "default": "1rem", "type": "" },
      { "key": "$custom-control-indicator-bg", "value": "#ddd", "default": "#ddd", "type": "color" },
      { "key": "$custom-control-indicator-bg-size", "value": "50% 50%", "default": "50% 50%", "type": "" },
      {
        "key": "$custom-control-indicator-box-shadow",
        "value": "inset 0 0.25rem 0.25rem rgba($black, 0.1)",
        "default": "inset 0 0.25rem 0.25rem rgba($black, 0.1)",
        "type": ""
      },
      { "key": "$custom-control-indicator-disabled-bg", "value": "$gray-200", "default": "$gray-200", "type": "color" },
      { "key": "$custom-control-description-disabled-color", "value": "$gray-600", "default": "$gray-600", "type": "color" },
      { "key": "$custom-control-indicator-checked-color", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$custom-control-indicator-checked-bg", "value": "theme-color('primary')", "default": "theme-color('primary')", "type": "color" },
      { "key": "$custom-control-indicator-checked-box-shadow", "value": "none", "default": "none", "type": "" },
      {
        "key": "$custom-control-indicator-focus-box-shadow",
        "value": "0 0 0 1px $body-bg, 0 0 0 3px theme-color('primary')",
        "default": "0 0 0 1px $body-bg, 0 0 0 3px theme-color('primary')",
        "type": ""
      },
      { "key": "$custom-control-indicator-active-color", "value": "$white", "default": "$white", "type": "color" },
      {
        "key": "$custom-control-indicator-active-bg",
        "value": "lighten(theme-color('primary'), 35%)",
        "default": "lighten(theme-color('primary'), 35%)",
        "type": "color"
      },
      { "key": "$custom-control-indicator-active-box-shadow", "value": "none", "default": "none", "type": "" },
      { "key": "$custom-checkbox-indicator-border-radius", "value": "$border-radius", "default": "$border-radius", "type": "" },
      { "key": "$custom-checkbox-indicator-indeterminate-bg", "value": "theme-color('primary')", "default": "theme-color('primary')", "type": "color" },
      {
        "key": "$custom-checkbox-indicator-indeterminate-color",
        "value": "$custom-control-indicator-checked-color",
        "default": "$custom-control-indicator-checked-color",
        "type": "color"
      },
      { "key": "$custom-checkbox-indicator-indeterminate-box-shadow", "value": "none", "default": "none", "type": "" },
      { "key": "$custom-radio-indicator-border-radius", "value": "50%", "default": "50%", "type": "" },
      { "key": "$custom-select-padding-y", "value": "0.375rem", "default": "0.375rem", "type": "" },
      { "key": "$custom-select-padding-x", "value": "0.75rem", "default": "0.75rem", "type": "" },
      { "key": "$custom-select-height", "value": "$input-height", "default": "$input-height", "type": "" },
      { "key": "$custom-select-indicator-padding", "value": "1rem", "default": "1rem", "type": "" },
      { "key": "$custom-select-line-height", "value": "$input-btn-line-height", "default": "$input-btn-line-height", "type": "" },
      { "key": "$custom-select-color", "value": "$input-color", "default": "$input-color", "type": "color" },
      { "key": "$custom-select-disabled-color", "value": "$gray-600", "default": "$gray-600", "type": "color" },
      { "key": "$custom-select-bg", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$custom-select-disabled-bg", "value": "$gray-200", "default": "$gray-200", "type": "color" },
      { "key": "$custom-select-bg-size", "value": "8px 10px", "default": "8px 10px", "type": "" },
      { "key": "$custom-select-indicator-color", "value": "#333", "default": "#333", "type": "color" },
      { "key": "$custom-select-border-width", "value": "$input-btn-border-width", "default": "$input-btn-border-width", "type": "" },
      { "key": "$custom-select-border-color", "value": "$input-border-color", "default": "$input-border-color", "type": "color" },
      { "key": "$custom-select-border-radius", "value": "$border-radius", "default": "$border-radius", "type": "" },
      {
        "key": "$custom-select-focus-border-color",
        "value": "lighten(theme-color('primary'), 25%)",
        "default": "lighten(theme-color('primary'), 25%)",
        "type": "color"
      },
      {
        "key": "$custom-select-focus-box-shadow",
        "value": "inset 0 1px 2px rgba($black, 0.075), 0 0 5px rgba($custom-select-focus-border-color, 0.5)",
        "default": "inset 0 1px 2px rgba($black, 0.075), 0 0 5px rgba($custom-select-focus-border-color, 0.5)",
        "type": ""
      },
      { "key": "$custom-select-font-size-sm", "value": "75%", "default": "75%", "type": "" },
      { "key": "$custom-select-height-sm", "value": "$input-height-sm", "default": "$input-height-sm", "type": "" },
      { "key": "$custom-file-height", "value": "2.5rem", "default": "2.5rem", "type": "" },
      { "key": "$custom-file-width", "value": "14rem", "default": "14rem", "type": "" },
      {
        "key": "$custom-file-focus-box-shadow",
        "value": "0 0 0 0.075rem $white, 0 0 0 0.2rem theme-color('primary')",
        "default": "0 0 0 0.075rem $white, 0 0 0 0.2rem theme-color('primary')",
        "type": ""
      },
      { "key": "$custom-file-padding-y", "value": "1rem", "default": "1rem", "type": "" },
      { "key": "$custom-file-padding-x", "value": "0.5rem", "default": "0.5rem", "type": "" },
      { "key": "$custom-file-line-height", "value": "1.5", "default": "1.5", "type": "" },
      { "key": "$custom-file-color", "value": "$gray-700", "default": "$gray-700", "type": "color" },
      { "key": "$custom-file-bg", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$custom-file-border-width", "value": "$border-width", "default": "$border-width", "type": "" },
      { "key": "$custom-file-border-color", "value": "$input-border-color", "default": "$input-border-color", "type": "color" },
      { "key": "$custom-file-border-radius", "value": "$border-radius", "default": "$border-radius", "type": "" },
      {
        "key": "$custom-file-box-shadow",
        "value": "inset 0 0.2rem 0.4rem rgba($black, 0.05)",
        "default": "inset 0 0.2rem 0.4rem rgba($black, 0.05)",
        "type": ""
      },
      { "key": "$custom-file-button-color", "value": "$custom-file-color", "default": "$custom-file-color", "type": "color" },
      { "key": "$custom-file-button-bg", "value": "$gray-200", "default": "$gray-200", "type": "color" },
      {
        "key": "$custom-file-text",
        "value": "(placeholder: (en: 'Choose file...'), button-label: (en: 'Browse'))",
        "default": "(placeholder: (en: 'Choose file...'), button-label: (en: 'Browse'))",
        "type": ""
      },
      { "key": "$form-feedback-valid-color", "value": "theme-color('success')", "default": "theme-color('success')", "type": "color" },
      { "key": "$form-feedback-invalid-color", "value": "theme-color('danger')", "default": "theme-color('danger')", "type": "color" }
    ]
  },
  {
    "name": "Dropdown",
    "slug": "dropdown",
    "data": [
      { "key": "$dropdown-min-width", "value": "10rem", "default": "10rem", "type": "" },
      { "key": "$dropdown-padding-y", "value": "0.5rem", "default": "0.5rem", "type": "" },
      { "key": "$dropdown-spacer", "value": "0.125rem", "default": "0.125rem", "type": "" },
      { "key": "$dropdown-bg", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$dropdown-border-color", "value": "rgba($black, 0.15)", "default": "rgba($black, 0.15)", "type": "color" },
      { "key": "$dropdown-border-width", "value": "$border-width", "default": "$border-width", "type": "" },
      { "key": "$dropdown-divider-bg", "value": "$gray-200", "default": "$gray-200", "type": "color" },
      { "key": "$dropdown-box-shadow", "value": "0 0.5rem 1rem rgba($black, 0.175)", "default": "0 0.5rem 1rem rgba($black, 0.175)", "type": "" },
      { "key": "$dropdown-link-color", "value": "$gray-900", "default": "$gray-900", "type": "color" },
      { "key": "$dropdown-link-hover-color", "value": "darken($gray-900, 5%)", "default": "darken($gray-900, 5%)", "type": "color" },
      { "key": "$dropdown-link-hover-bg", "value": "$gray-100", "default": "$gray-100", "type": "color" },
      { "key": "$dropdown-link-active-color", "value": "$component-active-color", "default": "$component-active-color", "type": "color" },
      { "key": "$dropdown-link-active-bg", "value": "$component-active-bg", "default": "$component-active-bg", "type": "color" },
      { "key": "$dropdown-link-disabled-color", "value": "$gray-600", "default": "$gray-600", "type": "color" },
      { "key": "$dropdown-item-padding-y", "value": "0.25rem", "default": "0.25rem", "type": "" },
      { "key": "$dropdown-item-padding-x", "value": "1.5rem", "default": "1.5rem", "type": "" },
      { "key": "$dropdown-header-color", "value": "$gray-600", "default": "$gray-600", "type": "color" }
    ]
  },
  {
    "name": "Navs",
    "slug": "navs",
    "data": [
      { "key": "$nav-link-padding-y", "value": "0.5rem", "default": "0.5rem", "type": "" },
      { "key": "$nav-link-padding-x", "value": "1rem", "default": "1rem", "type": "" },
      { "key": "$nav-link-disabled-color", "value": "$gray-600", "default": "$gray-600", "type": "color" },
      { "key": "$nav-tabs-border-color", "value": "#ddd", "default": "#ddd", "type": "color" },
      { "key": "$nav-tabs-border-width", "value": "$border-width", "default": "$border-width", "type": "" },
      { "key": "$nav-tabs-border-radius", "value": "$border-radius", "default": "$border-radius", "type": "" },
      { "key": "$nav-tabs-link-hover-border-color", "value": "$gray-200", "default": "$gray-200", "type": "color" },
      { "key": "$nav-tabs-link-active-color", "value": "$gray-700", "default": "$gray-700", "type": "color" },
      { "key": "$nav-tabs-link-active-bg", "value": "$body-bg", "default": "$body-bg", "type": "color" },
      { "key": "$nav-tabs-link-active-border-color", "value": "#ddd", "default": "#ddd", "type": "color" },
      { "key": "$nav-pills-border-radius", "value": "$border-radius", "default": "$border-radius", "type": "color" },
      { "key": "$nav-pills-link-active-color", "value": "$component-active-color", "default": "$component-active-color", "type": "color" },
      { "key": "$nav-pills-link-active-bg", "value": "$component-active-bg", "default": "$component-active-bg", "type": "color" }
    ]
  },
  {
    "name": "Navbar",
    "slug": "navbar",
    "data": [
      { "key": "$navbar-padding-y", "value": "($spacer / 2)", "default": "($spacer / 2)", "type": "" },
      { "key": "$navbar-padding-x", "value": "$spacer", "default": "$spacer", "type": "" },
      { "key": "$navbar-brand-font-size", "value": "$font-size-lg", "default": "$font-size-lg", "type": "" },
      {
        "key": "$nav-link-height",
        "value": "$navbar-brand-font-size * $line-height-base",
        "default": "$navbar-brand-font-size * $line-height-base",
        "type": ""
      },
      {
        "key": "$navbar-brand-height",
        "value": "($font-size-base * $line-height-base + $nav-link-padding-y * 2)",
        "default": "($font-size-base * $line-height-base + $nav-link-padding-y * 2)",
        "type": ""
      },
      {
        "key": "$navbar-brand-padding-y",
        "value": "($navbar-brand-height - $nav-link-height) / 2",
        "default": "($navbar-brand-height - $nav-link-height) / 2",
        "type": ""
      },
      { "key": "$navbar-toggler-padding-y", "value": "0.25rem", "default": "0.25rem", "type": "" },
      { "key": "$navbar-toggler-padding-x", "value": "0.75rem", "default": "0.75rem", "type": "" },
      { "key": "$navbar-toggler-font-size", "value": "$font-size-lg", "default": "$font-size-lg", "type": "" },
      { "key": "$navbar-toggler-border-radius", "value": "$btn-border-radius", "default": "$btn-border-radius", "type": "" },
      { "key": "$navbar-dark-color", "value": "rgba($white, 0.5)", "default": "rgba($white, 0.5)", "type": "color" },
      { "key": "$navbar-dark-hover-color", "value": "rgba($white, 0.75)", "default": "rgba($white, 0.75)", "type": "color" },
      { "key": "$navbar-dark-active-color", "value": "rgba($white, 1)", "default": "rgba($white, 1)", "type": "color" },
      { "key": "$navbar-dark-disabled-color", "value": "rgba($white, 0.25)", "default": "rgba($white, 0.25)", "type": "color" },
      { "key": "$navbar-dark-toggler-border-color", "value": "rgba($white, 0.1)", "default": "rgba($white, 0.1)", "type": "color" },
      { "key": "$navbar-light-color", "value": "rgba($black, 0.5)", "default": "rgba($black, 0.5)", "type": "color" },
      { "key": "$navbar-light-hover-color", "value": "rgba($black, 0.7)", "default": "rgba($black, 0.7)", "type": "color" },
      { "key": "$navbar-light-active-color", "value": "rgba($black, 0.9)", "default": "rgba($black, 0.9)", "type": "color" },
      { "key": "$navbar-light-disabled-color", "value": "rgba($black, 0.3)", "default": "rgba($black, 0.3)", "type": "color" },
      { "key": "$navbar-light-toggler-border-color", "value": "rgba($black, 0.1)", "default": "rgba($black, 0.1)", "type": "color" }
    ]
  },
  {
    "name": "Tables",
    "slug": "tables",
    "data": [
      { "key": "$table-cell-padding", "value": "0.75rem", "default": "0.75rem", "type": "" },
      { "key": "$table-cell-padding-sm", "value": "0.3rem", "default": "0.3rem", "type": "" },
      { "key": "$table-bg", "value": "transparent", "default": "transparent", "type": "color" },
      { "key": "$table-accent-bg", "value": "rgba($black, 0.05)", "default": "rgba($black, 0.05)", "type": "color" },
      { "key": "$table-hover-bg", "value": "rgba($black, 0.075)", "default": "rgba($black, 0.075)", "type": "color" },
      { "key": "$table-active-bg", "value": "$table-hover-bg", "default": "$table-hover-bg", "type": "color" },
      { "key": "$table-border-width", "value": "$border-width", "default": "$border-width", "type": "" },
      { "key": "$table-border-color", "value": "$gray-200", "default": "$gray-200", "type": "color" },
      { "key": "$table-head-bg", "value": "$gray-200", "default": "$gray-200", "type": "color" },
      { "key": "$table-head-color", "value": "$gray-700", "default": "$gray-700", "type": "color" },
      { "key": "$table-inverse-bg", "value": "$gray-900", "default": "$gray-900", "type": "color" },
      { "key": "$table-inverse-accent-bg", "value": "rgba($white, 0.05)", "default": "rgba($white, 0.05)", "type": "color" },
      { "key": "$table-inverse-hover-bg", "value": "rgba($white, 0.075)", "default": "rgba($white, 0.075)", "type": "color" },
      { "key": "$table-inverse-border-color", "value": "lighten($gray-900, 7.5%)", "default": "lighten($gray-900, 7.5%)", "type": "color" },
      { "key": "$table-inverse-color", "value": "$body-bg", "default": "$body-bg", "type": "color" }
    ]
  },
  {
    "name": "Z Index",
    "slug": "z-index",
    "data": [
      { "key": "$zindex-dropdown", "value": "1000", "default": "1000", "type": "" },
      { "key": "$zindex-sticky", "value": "1020", "default": "1020", "type": "" },
      { "key": "$zindex-fixed", "value": "1030", "default": "1030", "type": "" },
      { "key": "$zindex-modal-backdrop", "value": "1040", "default": "1040", "type": "" },
      { "key": "$zindex-modal", "value": "1050", "default": "1050", "type": "" },
      { "key": "$zindex-popover", "value": "1060", "default": "1060", "type": "" },
      { "key": "$zindex-tooltip", "value": "1070", "default": "1070", "type": "" }
    ]
  },
  
  {
    "name": "Pagination",
    "slug": "pagination",
    "data": [
      { "key": "$pagination-padding-y", "value": "0.5rem", "default": "0.5rem", "type": "" },
      { "key": "$pagination-padding-x", "value": "0.75rem", "default": "0.75rem", "type": "" },
      { "key": "$pagination-padding-y-sm", "value": "0.25rem", "default": "0.25rem", "type": "" },
      { "key": "$pagination-padding-x-sm", "value": "0.5rem", "default": "0.5rem", "type": "" },
      { "key": "$pagination-padding-y-lg", "value": "0.75rem", "default": "0.75rem", "type": "" },
      { "key": "$pagination-padding-x-lg", "value": "1.5rem", "default": "1.5rem", "type": "" },
      { "key": "$pagination-line-height", "value": "1.25", "default": "1.25", "type": "" },
      { "key": "$pagination-color", "value": "$link-color", "default": "$link-color", "type": "color" },
      { "key": "$pagination-bg", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$pagination-border-width", "value": "$border-width", "default": "$border-width", "type": "" },
      { "key": "$pagination-border-color", "value": "#ddd", "default": "#ddd", "type": "color" },
      { "key": "$pagination-hover-color", "value": "$link-hover-color", "default": "$link-hover-color", "type": "color" },
      { "key": "$pagination-hover-bg", "value": "$gray-200", "default": "$gray-200", "type": "color" },
      { "key": "$pagination-hover-border-color", "value": "#ddd", "default": "#ddd", "type": "color" },
      { "key": "$pagination-active-color", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$pagination-active-bg", "value": "theme-color('primary')", "default": "theme-color('primary')", "type": "color" },
      { "key": "$pagination-active-border-color", "value": "theme-color('primary')", "default": "theme-color('primary')", "type": "color" },
      { "key": "$pagination-disabled-color", "value": "$gray-600", "default": "$gray-600", "type": "color" },
      { "key": "$pagination-disabled-bg", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$pagination-disabled-border-color", "value": "#ddd", "default": "#ddd", "type": "color" }
    ]
  },
  {
    "name": "Jumbotron",
    "slug": "jumbotron",
    "data": [
      { "key": "$jumbotron-padding", "value": "2rem", "default": "2rem", "type": "" },
      { "key": "$jumbotron-bg", "value": "$gray-200", "default": "$gray-200", "type": "color" }
    ]
  },
  {
    "name": "Cards",
    "slug": "cards",
    "data": [
      { "key": "$card-spacer-y", "value": "0.75rem", "default": "0.75rem", "type": "" },
      { "key": "$card-spacer-x", "value": "1.25rem", "default": "1.25rem", "type": "" },
      { "key": "$card-border-width", "value": "1px", "default": "1px", "type": "" },
      { "key": "$card-border-radius", "value": "$border-radius", "default": "$border-radius", "type": "" },
      { "key": "$card-border-color", "value": "rgba($black, 0.125)", "default": "rgba($black, 0.125)", "type": "color" },
      {
        "key": "$card-inner-border-radius",
        "value": "calc(#{$card-border-radius} - #{$card-border-width})",
        "default": "calc(#{$card-border-radius} - #{$card-border-width})",
        "type": ""
      },
      { "key": "$card-cap-bg", "value": "rgba($black, 0.03)", "default": "rgba($black, 0.03)", "type": "color" },
      { "key": "$card-bg", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$card-img-overlay-padding", "value": "1.25rem", "default": "1.25rem", "type": "" },
      { "key": "$card-deck-margin", "value": "($grid-gutter-width / 2)", "default": "($grid-gutter-width / 2)", "type": "" },
      { "key": "$card-columns-count", "value": "3", "default": "3", "type": "" },
      { "key": "$card-columns-gap", "value": "1.25rem", "default": "1.25rem", "type": "" },
      { "key": "$card-columns-margin", "value": "$card-spacer-y", "default": "$card-spacer-y", "type": "" }
    ]
  },
  {
    "name": "Tooltip",
    "slug": "tooltip",
    "data": [
      { "key": "$tooltip-max-width", "value": "200px", "default": "200px", "type": "" },
      { "key": "$tooltip-color", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$tooltip-bg", "value": "$black", "default": "$black", "type": "color" },
      { "key": "$tooltip-opacity", "value": "0.9", "default": "0.9", "type": "" },
      { "key": "$tooltip-padding-y", "value": "3px", "default": "3px", "type": "" },
      { "key": "$tooltip-padding-x", "value": "8px", "default": "8px", "type": "" },
      { "key": "$tooltip-margin", "value": "0", "default": "0", "type": "" },
      { "key": "$tooltip-arrow-width", "value": "5px", "default": "5px", "type": "" },
      { "key": "$tooltip-arrow-height", "value": "5px", "default": "5px", "type": "" },
      { "key": "$tooltip-arrow-color", "value": "$tooltip-bg", "default": "$tooltip-bg", "type": "color" }
    ]
  },
  {
    "name": "Popovers",
    "slug": "popovers",
    "data": [
      { "key": "$popover-inner-padding", "value": "1px", "default": "1px", "type": "" },
      { "key": "$popover-bg", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$popover-max-width", "value": "276px", "default": "276px", "type": "" },
      { "key": "$popover-border-width", "value": "$border-width", "default": "$border-width", "type": "" },
      { "key": "$popover-border-color", "value": "rgba($black, 0.2)", "default": "rgba($black, 0.2)", "type": "color" },
      { "key": "$popover-box-shadow", "value": "0 5px 10px rgba($black, 0.2)", "default": "0 5px 10px rgba($black, 0.2)", "type": "" },
      { "key": "$popover-header-bg", "value": "darken($popover-bg, 3%)", "default": "darken($popover-bg, 3%)", "type": "color" },
      { "key": "$popover-header-color", "value": "$headings-color", "default": "$headings-color", "type": "color" },
      { "key": "$popover-header-padding-y", "value": "8px", "default": "8px", "type": "" },
      { "key": "$popover-header-padding-x", "value": "14px", "default": "14px", "type": "" },
      { "key": "$popover-body-color", "value": "$body-color", "default": "$body-color", "type": "color" },
      { "key": "$popover-body-padding-y", "value": "9px", "default": "9px", "type": "" },
      { "key": "$popover-body-padding-x", "value": "14px", "default": "14px", "type": "" },
      { "key": "$popover-arrow-width", "value": "10px", "default": "10px", "type": "" },
      { "key": "$popover-arrow-height", "value": "5px", "default": "5px", "type": "" },
      { "key": "$popover-arrow-color", "value": "$popover-bg", "default": "$popover-bg", "type": "color" },
      { "key": "$popover-arrow-outer-width", "value": "($popover-arrow-width + 1px)", "default": "($popover-arrow-width + 1px)", "type": "" },
      { "key": "$popover-arrow-outer-color", "value": "fade-in($popover-border-color, 0.05)", "default": "fade-in($popover-border-color, 0.05)", "type": "" }
    ]
  },
  {
    "name": "Badges",
    "slug": "badges",
    "data": [
      { "key": "$badge-color", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$badge-font-size", "value": "75%", "default": "75%", "type": "" },
      { "key": "$badge-font-weight", "value": "$font-weight-bold", "default": "$font-weight-bold", "type": "" },
      { "key": "$badge-padding-y", "value": "0.25em", "default": "0.25em", "type": "" },
      { "key": "$badge-padding-x", "value": "0.4em", "default": "0.4em", "type": "" },
      { "key": "$badge-pill-padding-x", "value": "0.6em", "default": "0.6em", "type": "" },
      { "key": "$badge-pill-border-radius", "value": "10rem", "default": "10rem", "type": "" }
    ]
  },
  {
    "name": "Modals",
    "slug": "modals",
    "data": [
      { "key": "$modal-inner-padding", "value": "15px", "default": "15px", "type": "" },
      { "key": "$modal-dialog-margin", "value": "10px", "default": "10px", "type": "" },
      { "key": "$modal-dialog-margin-y-sm-up", "value": "30px", "default": "30px", "type": "" },
      { "key": "$modal-title-line-height", "value": "$line-height-base", "default": "$line-height-base", "type": "" },
      { "key": "$modal-content-bg", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$modal-content-border-color", "value": "rgba($black, 0.2)", "default": "rgba($black, 0.2)", "type": "color" },
      { "key": "$modal-content-border-width", "value": "$border-width", "default": "$border-width", "type": "" },
      { "key": "$modal-content-box-shadow-xs", "value": "0 3px 9px rgba($black, 0.5)", "default": "0 3px 9px rgba($black, 0.5)", "type": "" },
      { "key": "$modal-content-box-shadow-sm-up", "value": "0 5px 15px rgba($black, 0.5)", "default": "0 5px 15px rgba($black, 0.5)", "type": "" },

      { "key": "$modal-backdrop-bg", "value": "$black", "default": "$black", "type": "color" },
      { "key": "$modal-backdrop-opacity", "value": "0.5", "default": "0.5", "type": "" },
      { "key": "$modal-header-border-color", "value": "$gray-200", "default": "$gray-200", "type": "color" },
      { "key": "$modal-footer-border-color", "value": "$modal-header-border-color", "default": "$modal-header-border-color", "type": "color" },
      { "key": "$modal-header-border-width", "value": "$modal-content-border-width", "default": "$modal-content-border-width", "type": "" },
      { "key": "$modal-footer-border-width", "value": "$modal-header-border-width", "default": "$modal-header-border-width", "type": "" },
      { "key": "$modal-header-padding", "value": "15px", "default": "15px", "type": "" },
      { "key": "$modal-lg", "value": "800px", "default": "800px", "type": "" },
      { "key": "$modal-md", "value": "500px", "default": "500px", "type": "" },
      { "key": "$modal-sm", "value": "300px", "default": "300px", "type": "" },
      { "key": "$modal-transition", "value": "transform 0.3s ease-out", "default": "transform 0.3s ease-out", "type": "" }
    ]
  },
  {
    "name": "Alerts",
    "slug": "alerts",
    "data": [
      { "key": "$alert-padding-y", "value": "0.75rem", "default": "0.75rem", "type": "" },
      { "key": "$alert-padding-x", "value": "1.25rem", "default": "1.25rem", "type": "" },
      { "key": "$alert-margin-bottom", "value": "1rem", "default": "1rem", "type": "" },
      { "key": "$alert-border-radius", "value": "$border-radius", "default": "$border-radius", "type": "" },
      { "key": "$alert-link-font-weight", "value": "$font-weight-bold", "default": "$font-weight-bold", "type": "" },
      { "key": "$alert-border-width", "value": "$border-width", "default": "$border-width", "type": "" }
    ]
  },
  {
    "name": "Progress bars",
    "slug": "progress-bars",
    "data": [
      { "key": "$progress-height", "value": "1rem", "default": "1rem", "type": "" },
      { "key": "$progress-font-size", "value": "0.75rem", "default": "0.75rem", "type": "" },
      { "key": "$progress-bg", "value": "$gray-200", "default": "$gray-200", "type": "color" },
      { "key": "$progress-border-radius", "value": "$border-radius", "default": "$border-radius", "type": "" },
      { "key": "$progress-box-shadow", "value": "inset 0 0.1rem 0.1rem rgba($black, 0.1)", "default": "inset 0 0.1rem 0.1rem rgba($black, 0.1)", "type": "" },
      { "key": "$progress-bar-color", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$progress-bar-bg", "value": "theme-color('primary')", "default": "theme-color('primary')", "type": "color" },
      { "key": "$progress-bar-animation-timing", "value": "1s linear infinite", "default": "1s linear infinite", "type": "" },
      { "key": "$progress-bar-transition", "value": "width 0.6s ease", "default": "width 0.6s ease", "type": "" }
    ]
  },
  {
    "name": "List group",
    "slug": "list-group",
    "data": [
      { "key": "$list-group-bg", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$list-group-border-color", "value": "rgba($black, 0.125)", "default": "rgba($black, 0.125)", "type": "color" },
      { "key": "$list-group-border-width", "value": "$border-width", "default": "$border-width", "type": "" },
      { "key": "$list-group-border-radius", "value": "$border-radius", "default": "$border-radius", "type": "" },
      { "key": "$list-group-item-padding-y", "value": "0.75rem", "default": "0.75rem", "type": "" },
      { "key": "$list-group-item-padding-x", "value": "1.25rem", "default": "1.25rem", "type": "" },
      { "key": "$list-group-hover-bg", "value": "$gray-100", "default": "$gray-100", "type": "color" },
      { "key": "$list-group-active-color", "value": "$component-active-color", "default": "$component-active-color", "type": "color" },
      { "key": "$list-group-active-bg", "value": "$component-active-bg", "default": "$component-active-bg", "type": "color" },
      { "key": "$list-group-active-border-color", "value": "$list-group-active-bg", "default": "$list-group-active-bg", "type": "color" },
      { "key": "$list-group-disabled-color", "value": "$gray-600", "default": "$gray-600", "type": "color" },
      { "key": "$list-group-disabled-bg", "value": "$list-group-bg", "default": "$list-group-bg", "type": "" },
      { "key": "$list-group-action-color", "value": "$gray-700", "default": "$gray-700", "type": "color" },
      { "key": "$list-group-action-hover-color", "value": "$list-group-action-color", "default": "$list-group-action-color", "type": "color" },
      { "key": "$list-group-action-active-color", "value": "$body-color", "default": "$body-color", "type": "color" },
      { "key": "$list-group-action-active-bg", "value": "$gray-200", "default": "$gray-200", "type": "color" }
    ]
  },
  {
    "name": "Image thumbnails",
    "slug": "image-thumbnails",
    "data": [
      { "key": "$thumbnail-padding", "value": "0.25rem", "default": "0.25rem", "type": "" },
      { "key": "$thumbnail-bg", "value": "$body-bg", "default": "$body-bg", "type": "color" },
      { "key": "$thumbnail-border-width", "value": "$border-width", "default": "$border-width", "type": "" },
      { "key": "$thumbnail-border-color", "value": "#ddd", "default": "#ddd", "type": "color" },
      { "key": "$thumbnail-border-radius", "value": "$border-radius", "default": "$border-radius", "type": "" },
      { "key": "$thumbnail-box-shadow", "value": "0 1px 2px rgba($black, 0.075)", "default": "0 1px 2px rgba($black, 0.075)", "type": "" },
      { "key": "$thumbnail-transition", "value": "all 0.2s ease-in-out", "default": "all 0.2s ease-in-out", "type": "" }
    ]
  },
  {
    "name": "Figures",
    "slug": "figures",
    "data": [
      { "key": "$figure-caption-font-size", "value": "90%", "type": "" },
      { "key": "$figure-caption-color", "value": "$gray-600", "default": "90%", "type": "color" }
    ]
  },
  {
    "name": "Breadcrumbs",
    "slug": "breadcrumbs",
    "data": [
      { "key": "$breadcrumb-padding-y", "value": "0.75rem", "default": "0.75rem", "type": "" },
      { "key": "$breadcrumb-padding-x", "value": "1rem", "default": "1rem", "type": "" },
      { "key": "$breadcrumb-item-padding", "value": "0.5rem", "default": "0.5rem", "type": "" },
      { "key": "$breadcrumb-bg", "value": "$gray-200", "default": "$gray-200", "type": "color" },
      { "key": "$breadcrumb-divider-color", "value": "$gray-600", "default": "$gray-600", "type": "color" },
      { "key": "$breadcrumb-active-color", "value": "$gray-600", "default": "$gray-600", "type": "color" },
      { "key": "$breadcrumb-divider", "value": "'/'", "default": "'/'", "type": "" }
    ]
  },
  {
    "name": "Carousel",
    "slug": "carousel",
    "data": [
      { "key": "$carousel-control-color", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$carousel-control-width", "value": "15%", "default": "15%", "type": "" },
      { "key": "$carousel-control-opacity", "value": "0.5", "default": "0.5", "type": "" },
      { "key": "$carousel-indicator-width", "value": "30px", "default": "30px", "type": "" },
      { "key": "$carousel-indicator-height", "value": "3px", "default": "3px", "type": "" },
      { "key": "$carousel-indicator-spacer", "value": "3px", "default": "3px", "type": "" },
      { "key": "$carousel-indicator-active-bg", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$carousel-caption-width", "value": "70%", "default": "70%", "type": "" },
      { "key": "$carousel-caption-color", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$carousel-control-icon-width", "value": "20px", "default": "20px", "type": "" },
      { "key": "$carousel-transition", "value": "transform 0.6s ease", "default": "transform 0.6s ease", "type": "" }
    ]
  },
  {
    "name": "Close",
    "slug": "close",
    "data": [
      { "key": "$close-font-size", "value": "$font-size-base * 1.5", "default": "$font-size-base * 1.5", "type": "" },
      { "key": "$close-font-weight", "value": "$font-weight-bold", "default": "$font-weight-bold", "type": "" },
      { "key": "$close-color", "value": "$black", "default": "$black", "type": "color" },
      { "key": "$close-text-shadow", "value": "0 1px 0 $white", "default": "0 1px 0 $white", "type": "" }
    ]
  },
  {
    "name": "Code",
    "slug": "code",
    "data": [
      { "key": "$code-font-size", "value": "90%", "default": "90%", "type": "" },
      { "key": "$code-padding-y", "value": "0.2rem", "default": "0.2rem", "type": "" },
      { "key": "$code-padding-x", "value": "0.4rem", "default": "0.4rem", "type": "" },
      { "key": "$code-color", "value": "#bd4147", "default": "#bd4147", "type": "color" },
      { "key": "$code-bg", "value": "$gray-100", "default": "$gray-100", "type": "color" },

      { "key": "$kbd-color", "value": "$white", "default": "$white", "type": "color" },
      { "key": "$kbd-bg", "value": "$gray-900", "default": "$gray-900", "type": "color" },

      { "key": "$pre-color", "value": "$gray-900", "default": "$gray-900", "type": "color" },
      { "key": "$pre-scrollable-max-height", "value": "340px", "default": "340px", "type": "" }
    ]
  },
  {
    "name": "Options",
    "slug": "options",
    "data": [
      { "key": "$enable-rounded", "value": "true", "default": "true", "type": "boolean" },
      { "key": "$enable-shadows", "value": "false", "default": "false", "type": "boolean" },
      { "key": "$enable-gradients", "value": "false", "default": "false", "type": "boolean" },
      { "key": "$enable-transitions", "value": "true", "default": "true", "type": "boolean" },
      { "key": "$enable-hover-media-query", "value": "false", "default": "false", "type": "boolean" },
      { "key": "$enable-grid-classes", "value": "true", "default": "true", "type": "boolean" },
      { "key": "$enable-print-styles", "value": "true", "default": "true", "type": "boolean" }
    ]
  }
]