bulma/docs/_data/variables/components/navbar.json

{
  "sass-vars": [
    {
      "name": "navbar-background-color",
      "css-var": "navbar-background-color",
      "value": "var(--bulma-scheme-main)"
    },
    {
      "name": "navbar-box-shadow-size",
      "css-var": "navbar-box-shadow-size",
      "value": "0 0.125em 0 0"
    },
    {
      "name": "navbar-box-shadow-color",
      "css-var": "navbar-box-shadow-color",
      "value": "var(--bulma-background)"
    },
    {
      "name": "navbar-height",
      "value": "3.25rem",
      "css-var": "navbar-height"
    },
    {
      "name": "navbar-padding-vertical",
      "css-var": "navbar-padding-vertical",
      "value": "1rem"
    },
    {
      "name": "navbar-padding-horizontal",
      "css-var": "navbar-padding-horizontal",
      "value": "2rem"
    },
    {
      "name": "navbar-z",
      "css-var": "navbar-z",
      "value": "30"
    },
    {
      "name": "navbar-fixed-z",
      "css-var": "navbar-fixed-z",
      "value": "30"
    },
    {
      "name": "navbar-item-img-max-height",
      "css-var": "navbar-item-img-max-height",
      "value": "1.75rem"
    },
    {
      "name": "navbar-burger-color",
      "css-var": "navbar-burger-color",
      "value": "var(--bulma-navbar-item-color)"
    },
    {
      "name": "navbar-tab-hover-background-color",
      "css-var": "navbar-tab-hover-background-color",
      "value": "transparent"
    },
    {
      "name": "navbar-tab-hover-border-bottom-color",
      "css-var": "navbar-tab-hover-border-bottom-color",
      "value": "var(--bulma-link)"
    },
    {
      "name": "navbar-tab-active-color",
      "css-var": "navbar-tab-active-color",
      "value": "var(--bulma-link)"
    },
    {
      "name": "navbar-tab-active-background-color",
      "css-var": "navbar-tab-active-background-color",
      "value": "transparent"
    },
    {
      "name": "navbar-tab-active-border-bottom-color",
      "css-var": "navbar-tab-active-border-bottom-color",
      "value": "var(--bulma-link)"
    },
    {
      "name": "navbar-tab-active-border-bottom-style",
      "css-var": "navbar-tab-active-border-bottom-style",
      "value": "solid"
    },
    {
      "name": "navbar-tab-active-border-bottom-width",
      "css-var": "navbar-tab-active-border-bottom-width",
      "value": "0.1875em"
    },
    {
      "name": "navbar-dropdown-background-color",
      "css-var": "navbar-dropdown-background-color",
      "value": "var(--bulma-scheme-main)"
    },
    {
      "name": "navbar-dropdown-border-l",
      "css-var": "navbar-dropdown-border-l",
      "value": "var(--bulma-border-l)"
    },
    {
      "name": "navbar-dropdown-border-color",
      "css-var": "navbar-dropdown-border-color",
      "value": "hsl(\n  var(--bulma-navbar-h),\n  var(--bulma-navbar-s),\n  var(--bulma-navbar-dropdown-border-l)\n)"
    },
    {
      "name": "navbar-dropdown-border-style",
      "css-var": "navbar-dropdown-border-style",
      "value": "solid"
    },
    {
      "name": "navbar-dropdown-border-width",
      "css-var": "navbar-dropdown-border-width",
      "value": "0.125em"
    },
    {
      "name": "navbar-dropdown-offset",
      "css-var": "navbar-dropdown-offset",
      "value": "-0.25em"
    },
    {
      "name": "navbar-dropdown-arrow",
      "css-var": "navbar-dropdown-arrow",
      "value": "var(--bulma-link)"
    },
    {
      "name": "navbar-dropdown-radius",
      "css-var": "navbar-dropdown-radius",
      "value": "var(--bulma-radius-large)"
    },
    {
      "name": "navbar-dropdown-z",
      "css-var": "navbar-dropdown-z",
      "value": "20"
    },
    {
      "name": "navbar-dropdown-boxed-radius",
      "css-var": "navbar-dropdown-boxed-radius",
      "value": "var(--bulma-radius-large)"
    },
    {
      "name": "navbar-dropdown-boxed-shadow",
      "css-var": "navbar-dropdown-boxed-shadow",
      "value": "0 0.5em 0.5em hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-scheme-invert-l),\n  0.1\n),\n0 0 0 1px hsla(\n  var(--bulma-scheme-h),\n  var(--bulma-scheme-s),\n  var(--bulma-scheme-invert-l),\n  0.1\n)"
    },
    {
      "name": "navbar-divider-background-l",
      "css-var": "navbar-divider-background-l",
      "value": "var(--bulma-background-l)"
    },
    {
      "name": "navbar-divider-height",
      "css-var": "navbar-divider-height",
      "value": "0.125em"
    },
    {
      "name": "navbar-bottom-box-shadow-size",
      "css-var": "navbar-bottom-box-shadow-size",
      "value": "0 -0.125em 0 0"
    }
  ],
  "css-vars": [
    {
      "name": "navbar-height",
      "css-var": "navbar-height",
      "value": "3.25rem"
    }
  ]
}