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

Timestamp:

02/12/2018 10:05:18 PM (7 years ago)

Author:

obenland

Message:

Main: Smaller font for shapes & subtitle

Props mapk.
See #3046.

File:

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

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

@@ -1 +1 @@
 body.page-about,
 body.page-template-about {
+    overflow-x: hidden;
+
     .entry-header {
         padding: ms( 4 ) ms( 1 );
@@ -14 +16 @@
         .entry-description {
             color: rgba( 255, 255, 255, 0.8);
-            font-size: ms( 4 );
+            font-size: ms( 2 );
             margin-top: -0.4rem;
-        }
-    }
-
-    .entry-content {
-        overflow: hidden;
-
-        @include breakpoint( 640px ) {
-            overflow: initial;
         }
     }
@@ -38 +32 @@
             margin: 0 auto;
             opacity: 0.9;
-            padding: 4.2rem 0;
+            padding: 4.7rem 0;
             position: absolute;
             text-align: center;
@@ -47 +41 @@
                 font-size: ms( 12 );
                 height: 64px;
+                position: relative;
+                right: 1rem;
                 transform: skew( 15deg );
                 width: 64px;
@@ -93 +89 @@
             .shape {
                 height: 336px;
-                padding: 6.555rem 0;
+                padding: 7rem 0;
                 width: 400px;
             }
@@ -103 +99 @@
             .shape {
                 height: 315px;
-                padding: 4.5rem 0;
+                padding: 5rem 0;
                 width: 480px;
 
@@ -120 +116 @@
             .shape {
                 height: 282px;
-                padding: 3.55rem 0;
+                padding: 4rem 0;
                 width: 430px;
 
@@ -141 +137 @@
             .shape {
                 height: 380px;
-                padding: 5.66rem 0;
+                padding: 6rem 0;
                 width: 580px;