From b1cbcdb01b541924b5a046f7b7c90b732774b82c Mon Sep 17 00:00:00 2001
From: Kelly Dwan <ryelle@users.noreply.github.com>
Date: Mon, 16 Dec 2019 17:04:56 -0500
Subject: [PATCH] Theme: Fix text overlap in parallelograms when font is small

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
---
 themes/wporg-5ftf/css/utilities/_columns.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/themes/wporg-5ftf/css/utilities/_columns.scss b/themes/wporg-5ftf/css/utilities/_columns.scss
index 4f7392d..b573795 100644
--- a/themes/wporg-5ftf/css/utilities/_columns.scss
+++ b/themes/wporg-5ftf/css/utilities/_columns.scss
@@ -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 {