36 lines
788 B
SCSS
36 lines
788 B
SCSS
/** @format */
|
|
|
|
$fallback-gutter: 24px;
|
|
$fallback-gutter-large: 40px;
|
|
$gutter: var(--main-gap);
|
|
$gutter-large: var(--large-gap);
|
|
|
|
$gap-largest: 40px;
|
|
$gap-larger: 36px;
|
|
$gap-large: 24px;
|
|
$gap: 16px;
|
|
$gap-small: 12px;
|
|
$gap-smaller: 8px;
|
|
$gap-smallest: 4px;
|
|
|
|
// Header
|
|
$small-header-height: 50px;
|
|
$medium-header-height: 60px;
|
|
$large-header-height: 80px;
|
|
|
|
// @todo Remove this spacing variable
|
|
$spacing: 16px;
|
|
|
|
// Gutenberg Button variables. These are temporary until Gutenberg's variables are exposed.
|
|
$border-width: 1px;
|
|
$default-font-size: 13px;
|
|
$blue-medium-200: #bfe7f3;
|
|
$light-gray-500: $core-grey-light-500;
|
|
$dark-gray-300: $core-grey-dark-300;
|
|
$dark-gray-900: $core-grey-dark-900;
|
|
$alert-red: $error-red;
|
|
|
|
// WordPress defaults
|
|
$adminbar-height: 32px;
|
|
$adminbar-height-mobile: 46px;
|