27 lines
1004 B
SCSS
27 lines
1004 B
SCSS
$gap-largest: 40px;
|
|
$gap-larger: 36px;
|
|
$gap-large: 24px;
|
|
$gap: 16px;
|
|
$gap-small: 12px;
|
|
$gap-smaller: 8px;
|
|
$gap-smallest: 4px;
|
|
|
|
// Variables pulled from Gutenberg.
|
|
// Editor Widths
|
|
$sidebar-width: 280px;
|
|
$content-width: 610px; // For the visual width, subtract 30px (2 * $block-padding + 2px borders). This comes to 580px, which is optimized for 70 characters.
|
|
|
|
// Blocks
|
|
$block-padding: 14px; // Space between block footprint and focus boundaries. These are drawn outside the block footprint, and do not affect the size.
|
|
$block-spacing: 4px; // Vertical space between blocks.
|
|
$block-side-ui-width: 28px; // Width of the movers/drag handle UI.
|
|
$block-side-ui-clearance: 2px; // Space between movers/drag handle UI, and block.
|
|
$block-container-side-padding: $block-side-ui-width + $block-padding + 2 * $block-side-ui-clearance; // Total space left and right of the block footprint.
|
|
|
|
// Cart block
|
|
$cart-image-width: 5rem;
|
|
|
|
// Card element widths
|
|
$card-element-small-width: 5rem;
|
|
$card-element-width: 7rem;
|