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

Theme: Fix text overlap in parallelograms when font is small

Browse source 
This uses pixels to set a padding because the positioning is done in pixels, so the overlap is static pixels, not related to the font size.

Fixes #73
This commit is contained in:
Kelly Dwan 2019-12-16 17:04:56 -05:00
parent b68664c231
commit b1cbcdb01b
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
1 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
themes/wporg-5ftf/css/utilities/_columns.scss
View file

@ -25,13 +25,14 @@
top: 40px;
left: 30px;
z-index: 2;
padding-right: 90px; // parallelograms overlap by about 70px, plus 20px for breathing space.
}
&:last-child {
position: relative;
z-index: 1;
right: 30px;
padding-left: 4rem;
padding-left: 90px; // see above.
}
&:before {