_editor.scss 871 B

1234567891011121314151617181920212223242526
  1. /**
  2. * Editor Structure
  3. */
  4. /**
  5. * Content Width
  6. * - Set vertical padding and horizontal margins
  7. */
  8. $horizontal-padding: (2 * map-deep-get($config-global, "spacing", "horizontal") - 30px);
  9. $content-width-flex: 100%;
  10. $content-width-sm: ( map-deep-get($config-global, "breakpoint", "sm") - $horizontal-padding );
  11. $content-width-md: ( map-deep-get($config-global, "breakpoint", "md") - $horizontal-padding );
  12. $content-width-lg: ( map-deep-get($config-global, "breakpoint", "lg") - $horizontal-padding );
  13. $content-width-xl: ( map-deep-get($config-global, "breakpoint", "xl") - $horizontal-padding );
  14. $content-width-xxl:( map-deep-get($config-global, "breakpoint", "xxl") - $horizontal-padding );
  15. /* Width of "default" blocks */
  16. .wp-block {
  17. max-width: $content-width-lg;
  18. }
  19. /* Width of "wide" blocks */
  20. .wp-block[data-align="wide"] {
  21. max-width: $content-width-xl;
  22. }