2021-06-02 03:54:00 +00:00
|
|
|
@import '@automattic/color-studio/dist/color-variables.scss';
|
2020-07-17 00:11:42 +00:00
|
|
|
|
2020-06-10 01:55:06 +00:00
|
|
|
// Import Gutenberg variables
|
2022-03-18 11:45:14 +00:00
|
|
|
@import '@wordpress/base-styles/colors.scss';
|
|
|
|
@import '@wordpress/base-styles/variables.scss';
|
|
|
|
@import '@wordpress/base-styles/mixins.scss';
|
|
|
|
@import '@wordpress/base-styles/breakpoints.scss';
|
|
|
|
@import '@wordpress/base-styles/animations.scss';
|
|
|
|
@import '@wordpress/base-styles/z-index.scss';
|
|
|
|
@import '@wordpress/base-styles/default-custom-properties.scss';
|
2018-07-16 13:53:38 +00:00
|
|
|
|
2018-09-11 07:27:13 +00:00
|
|
|
$fallback-gutter: 24px;
|
|
|
|
$fallback-gutter-large: 40px;
|
2018-07-16 13:53:38 +00:00
|
|
|
$gutter: var(--main-gap);
|
2018-08-08 22:11:54 +00:00
|
|
|
$gutter-large: var(--large-gap);
|
2018-07-16 13:53:38 +00:00
|
|
|
|
2018-08-08 22:11:54 +00:00
|
|
|
$gap-largest: 40px;
|
2018-08-23 18:21:04 +00:00
|
|
|
$gap-larger: 36px;
|
2018-07-16 13:53:38 +00:00
|
|
|
$gap-large: 24px;
|
|
|
|
$gap: 16px;
|
|
|
|
$gap-small: 12px;
|
2018-08-01 16:00:45 +00:00
|
|
|
$gap-smaller: 8px;
|
2018-07-16 13:53:38 +00:00
|
|
|
$gap-smallest: 4px;
|
|
|
|
|
2019-04-30 09:43:55 +00:00
|
|
|
// Header
|
2020-09-29 12:57:50 +00:00
|
|
|
$header-height: 60px;
|
2020-11-03 00:57:49 +00:00
|
|
|
$header-scroll-shadow: 0 8px 8px 0 rgba(85, 93, 102, 0.3);
|
2019-04-30 09:43:55 +00:00
|
|
|
|
2019-07-18 10:11:21 +00:00
|
|
|
// Sidebar
|
|
|
|
$sidebar-width: 272px;
|
|
|
|
|
2019-02-06 06:41:53 +00:00
|
|
|
// @todo Remove this spacing variable
|
2018-07-16 13:53:38 +00:00
|
|
|
$spacing: 16px;
|
2018-07-20 03:40:15 +00:00
|
|
|
|
2019-11-22 00:19:37 +00:00
|
|
|
// Gutenberg variable overrides.
|
2019-08-29 16:07:56 +00:00
|
|
|
$white: $studio-white;
|
|
|
|
$black: $studio-black;
|
2018-07-20 03:40:15 +00:00
|
|
|
$alert-red: $error-red;
|
2019-08-15 16:51:21 +00:00
|
|
|
$alert-yellow: $notice-yellow;
|
|
|
|
$alert-green: $valid-green;
|
2018-12-25 04:34:24 +00:00
|
|
|
|
|
|
|
// WordPress defaults
|
|
|
|
$adminbar-height: 32px;
|
|
|
|
$adminbar-height-mobile: 46px;
|
2022-12-13 16:13:12 +00:00
|
|
|
$admin-menu-width: 160px;
|
2023-01-18 19:11:02 +00:00
|
|
|
$admin-menu-width-collapsed: 36px;
|
2019-05-22 08:38:25 +00:00
|
|
|
|
2019-08-29 16:07:56 +00:00
|
|
|
// wp-admin colors
|
|
|
|
$wp-admin-background: #f1f1f1;
|
|
|
|
$wp-admin-sidebar: #24292d;
|
|
|
|
|
2019-05-22 08:38:25 +00:00
|
|
|
// Muriel
|
2020-07-17 00:11:42 +00:00
|
|
|
$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-6dp: 0 3px 5px rgba(0, 0, 0, 0.2),
|
|
|
|
0 1px 18px rgba(0, 0, 0, 0.12), 0 6px 10px rgba(0, 0, 0, 0.14);
|
|
|
|
$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);
|