five-for-the-future/themes/wporg-5ftf/css/settings/_structure.scss
Kelly Dwan e20a834cb0
Use columns block for the parallelogram style (#16)
This avoids the complex mutliply-nested blocks and makes the block style less reliant on a custom class. On mid-sized screens, we switch to plain horizontally-overlapping rectangles, and on small screens we stack the columns, and vertically-overlap.

Also, remove the parallelogram styles from the editor display. The skew and positioning don't work well in the editor context.
2019-10-03 15:09:06 -04:00

12 lines
358 B
SCSS

$breakpoint-tablet: 768px !default;
$breakpoint-desktop: 960px !default;
$breakpoint-desktop-large: 1200px !default;
// From @wordpress/viewport
$breakpoint-huge: 1440px !default;
$breakpoint-wide: 1280px !default;
$breakpoint-large: 960px !default;
$breakpoint-medium: 782px !default;
$breakpoint-small: 600px !default;
$breakpoint-mobile: 480px !default;