woocommerce/plugins/woocommerce-admin/client/stylesheets/abstracts/_variables.scss

49 lines
1.2 KiB
SCSS
Raw Normal View History

/** @format */
$fallback-gutter: 24px;
$fallback-gutter-large: 40px;
$gutter: var(--main-gap);
$gutter-large: var(--large-gap);
$gap-largest: 40px;
2018-08-23 18:21:04 +00:00
$gap-larger: 36px;
$gap-large: 24px;
$gap: 16px;
$gap-small: 12px;
$gap-smaller: 8px;
$gap-smallest: 4px;
// Header
$header-height: 56px;
// Sidebar
$sidebar-width: 272px;
// @todo Remove this spacing variable
$spacing: 16px;
2018-07-20 03:40:15 +00:00
// Gutenberg variables. These are temporary until Gutenberg's variables are exposed.
$default-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
'Helvetica Neue', sans-serif;
$default-font-size: 13px;
$default-line-height: 1.4;
$break-small: 600px;
$border-width: 1px;
2019-06-12 17:37:13 +00:00
$blue-medium-focus: #007cba;
2018-07-20 03:40:15 +00:00
$light-gray-500: $core-grey-light-500;
$dark-gray-300: $core-grey-dark-300;
$dark-gray-700: $core-grey-dark-700;
2018-07-20 03:40:15 +00:00
$dark-gray-900: $core-grey-dark-900;
$alert-red: $error-red;
$radius-round-rectangle: 4px;
// WordPress defaults
$adminbar-height: 32px;
$adminbar-height-mobile: 46px;
// Muriel
$muriel-box-shadow-1dp: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
0 1px 3px 0 rgba(0, 0, 0, 0.12);
$muriel-box-shadow-8dp: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14),
0 3px 14px 2px rgba(0, 0, 0, 0.12);