2023-08-03 08:30:26 +00:00
|
|
|
@import '@wordpress/base-styles/_colors.native.scss';
|
|
|
|
|
2023-07-04 12:08:50 +00:00
|
|
|
// Spacings
|
|
|
|
// Taken from base style system
|
|
|
|
// @wordpress/base-styles/_variables.scss
|
|
|
|
$small-gap: $grid-unit-10; // 8px
|
|
|
|
$medium-gap: $grid-unit-20; // 16px
|
|
|
|
$large-gap: $grid-unit-30; // 24px
|
|
|
|
$xlarge-gap: $grid-unit-40; // 32px
|
|
|
|
|
|
|
|
// Layout
|
|
|
|
$content-spacing-small: $grid-unit-20;
|
|
|
|
$content-spacing-large: $grid-unit-40;
|
|
|
|
$content-spacing-small: $medium-gap;
|
|
|
|
$content-spacing-large: $xlarge-gap;
|
2023-08-08 14:29:08 +00:00
|
|
|
$content-spacing-xlarge: $grid-unit-60;
|
2023-07-04 12:08:50 +00:00
|
|
|
$content-max-width: 1600px;
|
|
|
|
|
|
|
|
// Breakpoints
|
|
|
|
$breakpoint-medium: 769px;
|
|
|
|
$breakpoint-large: 1024px;
|
|
|
|
$breakpoint-xlarge: 1500px;
|
2023-08-08 14:29:08 +00:00
|
|
|
$breakpoint-huge: 1920px;
|
2023-07-04 12:08:50 +00:00
|
|
|
|
|
|
|
// Colours
|
2023-08-03 08:30:26 +00:00
|
|
|
$gutenberg-gray-100: $gray-0; // replaced with closest colour from _colors.native.scss
|
|
|
|
$gutenberg-gray-300: $gray-300; // anything above gray-100 is from the default _colors.scss
|
|
|
|
$gutenberg-gray-700: $gray-700;
|
2023-07-04 12:08:50 +00:00
|
|
|
$gutenberg-gray-900: $gray-900;
|
2023-08-03 08:30:26 +00:00
|
|
|
$mauve-light-12: $gray-900;
|
2023-07-04 12:08:50 +00:00
|
|
|
$woo-purple-50: #7f54b3;
|
2023-08-08 06:34:46 +00:00
|
|
|
$wp-gray-0: $gray-0;
|
2023-08-03 08:30:26 +00:00
|
|
|
$wp-gray-50: $gray-50;
|
2023-08-08 06:34:46 +00:00
|
|
|
$wp-gray-60: $gray-60;
|