Changeset 7332 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_about.scss

Timestamp:

06/25/2018 05:00:18 PM (7 years ago)

Author:

obenland

Message:

Main: Add parallelogram to Get page.

Props melchoyce.
See #3673.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_about.scss (modified) (5 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-main/css/components/_about.scss

@@ -26 +26 @@
         position: relative;
 
-        .shape {
-            color: #fff;
-            display: block;
+        .parallelogram {
             height: 260px;
-            margin: 0 auto;
-            opacity: 0.9;
-            padding: 4.7rem 0;
-            position: absolute;
-            text-align: center;
-            transform: skew( -15deg) ;
             width: 310px;
-
-            &:before {
-                font-size: ms( 12 );
-                height: 64px;
-                position: relative;
-                right: 1rem;
-                transform: skew( 15deg );
-                width: 64px;
-            }
 
             &:hover,
@@ -87 +70 @@
             height: 610px;
 
-            .shape {
+            .parallelogram {
                 height: 336px;
                 padding: 7rem 0;
@@ -97 +80 @@
             height: 580px;
 
-            .shape {
+            .parallelogram {
                 height: 315px;
                 padding: 5rem 0;
@@ -114 +97 @@
             margin: 4rem 0;
 
-            .shape {
+            .parallelogram {
                 height: 282px;
                 padding: 4rem 0;
@@ -135 +118 @@
             height: 420px;
 
-            .shape {
+            .parallelogram {
                 height: 380px;
                 padding: 6rem 0;