Window Splitter Sass API

Variables

window-splitter-disable-everything

$window-splitter-disable-everything: false !default;

window-splitter-disable-horizontal

$window-splitter-disable-horizontal: false !default;

window-splitter-disable-vertical

$window-splitter-disable-vertical: false !default;

window-splitter-disable-reversed

$window-splitter-disable-reversed: false !default;

window-splitter-disable-absolute-position

$window-splitter-disable-absolute-position: false !default;

Used By

• @mixin window-splitter-styles

window-splitter-size

$window-splitter-size: 1rem !default;

window-splitter-background-size

$window-splitter-background-size: 0.25rem !default;

window-splitter-background-color

$window-splitter-background-color: interaction.get-var(focus-color) !default;

window-splitter-z-index

$window-splitter-z-index: 30 !default;

window-splitter-variables

$window-splitter-variables: (
  size,
  background-size,
  x,
  y,
  z,
  position,
  background-color,
  opacity
);

Mixins

window-splitter-set-var

@mixin set-var($name, $value) { … }

Requires

• @function get-var-name
• @mixin app-bar-variables

window-splitter-use-var

@mixin use-var($property, $name: $property, $fallback: null) { … }

Requires

• @function app-bar-get-var

window-splitter-styles

@mixin styles($disable-layer: false) { … }

Requires

• @mixin app-bar-use-var
• @mixin app-bar-set-var
• @function app-bar-get-var
• @function negate-var
• $app-bar-disable-everything
• $linear-duration
• $dialog-z-index
• $avatar-background-color
• $draggable-disable-horizontal
• $box-disable-reversed
• $divider-disable-vertical
• $window-splitter-disable-absolute-position

Functions

window-splitter-get-var

@function get-var($name, $fallback: null) { … }

Returns — String

Requires

• @function get-var-name
• @mixin app-bar-variables

Set to true to disable generating any styles

Set to true to disable the horizontal WindowSplitter styles.

Set to true to disable the vertical WindowSplitter styles.

Set to true to disable the reversed WindowSplitter styles.

Set to true to disable the position: absolute styles

The default WindowSplitter draggable area.

The default WindowSplitter visible size (background-color).

The default background-color for the WindowSplitter.

The default z-index for the WindowSplitter.

The available configurable css variables and mostly used internally for the get-var, set-var, and use-var utils.

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

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