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-18 08:05:43 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Use columns block for the parallelogram style

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.
This commit is contained in:
Kelly Dwan 2019-10-02 16:35:49 -04:00
parent f8558fe9c2
commit fe68610602
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
6 changed files with 81 additions and 71 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;