Menu

Whitespace

5px divider
10px divider
15px divider
20px divider
35px divider
50px divider
70px divider
100px divider
140px divider

Z-index

$kit-loading-z-index: 220;
$kit-reading-ruler-z-index: 210;
$kit-tooltip-z-index: 200;
$kit-speechplayer-z-index: 190;
$kit-modal-z-index: 180;
$kit-cookie-z-index: 170;
$kit-popup-z-index: 160;
$kit-aside-z-index: 150;
$kit-overlay-z-index: 140; // behind aside
$kit-header-z-index: 130;
$kit-footer-z-index: 120;
$kit-component-focus-z-index: 110;
$kit-component-z-index: 100;

Breakpoints

$kit-breakpoint-medium: 479px;
$kit-breakpoint-large: 767px;
$kit-breakpoint-xlarge: 991px;

Containers

Container-small
Container-medium
Container-large