Nacara · SCSS/SASS variables

Computed

$computed-navbar-height

Easy way to access the navbar height, handy if you need to place element based on the navbar position.

$font-awesome-url

Default: https://use.fontawesome.com/releases/v5.15.4/css/all.css

Control which version of Font Awesome is loaded

$nacara-navbar-menu-border

Default: 1px solid $navbar-item-active-background-color

Control the border of the menu items displayed when on mobile

$nacara-navbar-dropdown-item-color

Default: $text

Control the text color of the dropdown items

$nacara-navbar-dropdown-boxed-shadow

Default: $navbar-dropdown-boxed-shadow

Control the shadow displayed when the dropdown is open

$nacara-navbar-dropdown-z-index

Default: $navbar-z

Control the z-index of the dropdown when open

$nacara-grey-overlay-z

Default: 20

Control the z-index of the grey overlay which is displayed when the dropdown is open

$nacara-grey-overlay-background-color

Default: bulmaRgba($scheme-invert, 0.1)

Control the color of the grey overlay which is displayed when the dropdown is open

$nacara-navbar-dropdown-floating-max-width

Default: 300px

Control the max width of the dropdown when floating

$textual-steps-color

Default: $grey-lighter

Control the text color of the generated number for the textual-steps

$table-of-content-item-padding-left

Default: 0.75rem

Control the padding step used for the table of content items, at each level of indentation we increase the padding by the provided value