tec3/five-for-the-future
tec3/five-for-the-future
1
0
Fork 0
mirror of https://github.com/WordPress/five-for-the-future.git synced 2025-07-05 10:25:45 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Use columns block for the parallelogram style (#16)

Browse source 
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.
This commit is contained in:
Kelly Dwan 2019-10-03 15:09:06 -04:00 • committed by GitHub
parent f8558fe9c2
commit e20a834cb0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 160 additions and 108 deletions
Download patch file Download diff file Expand all files Collapse all files

8
themes/wporg-5ftf/css/settings/_structure.scss
View file

@ -1,3 +1,11 @@
$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;