Boolean
$navigation-disable-everything: false !default;
Number
$navigation-border-radius: calc(border-radius.get-var(lg) * 3) !default;
Number
$navigation-horizontal-padding: spacing.get-var(xs) !default;
Number
$navigation-padding-incrementor: calc(spacing.get-var(sm) * 1.5) !default;
List
$navigation-variables: (border-radius, horizontal-padding, padding-incrementor);
String
$navigation-increasing-padding: calc(
tree.get-var(depth) * get-var(padding-incrementor) +
get-var(horizontal-padding)
);
mixin
@mixin set-var($name, $value) { … }
mixin
@mixin use-var($property, $name: $property, $fallback: null) { … }
mixin
@mixin variables { … }
mixin
@mixin styles($disable-layer: false) { … }
function
@function get-var($name, $fallback: null) { … }
String
Set to true
to disable all the styles.
The default border-radius.
The default horizontal padding.
This is used to continually add more padding to the start of the
NavigationItem
the deeper within the nested lists it appears.
The available configurable css variables and mostly used internally for the
get-var
, set-var
, and use-var
utils.
This is the calc
string for adding more padding the deeper within the
Navigation
tree a link appears.
The supported variable name
The value to set the variable to. Supports null
which will just be a no-op.
The css property to apply the variable to
The supported variable name
An optional fallback value if the variable has not been set
Conditionally applies the css variables based on feature flags
Generates all the styles based on feature flags.
Set this to true
to disable the layer behavior
a var()
statement
The supported variable name
An optional fallback value