Changeset 958 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

Timestamp:

10/30/2014 01:39:19 PM (10 years ago)

Author:

coffee2code

Message:

developer.wordpress.org: change icon and spacing for code reference section of landing page

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

@@ -518 +518 @@
         }
         .inner-wrap {
-            max-width: 700px;
-            max-width: 70rem;
-            margin: 0 auto;
+            max-width: 760px;
+            max-width: 76rem;
+            margin: 1.2em auto 0;
 
             .code-ref-left {
                 float: left;
-                width: 70%;
+                width: 60%;
                 clear: none;
             }
             .code-ref-right {
                 float: left;
-                width: 30%;
+                width: 40%;
                 clear: none;
-            }
-
-            .go {
-                float: right;
+                margin-top: 1.1em;
+                text-align: center;
             }
 
             @media ( max-width: 43em ) {
-
                 .code-ref-left,
                 .code-ref-right {
@@ -560 +557 @@
             font-size: 40px;
             font-size: 5rem;
-            line-height: 50px;
-            line-height: 5rem;
+            line-height: 68px;
+            line-height: 6.8rem;
             .dashicons {
-                font-size: 50px;
-                font-size: 5rem;
-                line-height: 50px;
-                line-height: 5rem;
-                height: 50px;
-                width: 50px;
-                height: 5rem;
-                width: 5rem;
+                font-size: 68px;
+                font-size: 6.8rem;
+                line-height: 68px;
+                line-height: 6.8rem;
+                height: 6.8px;
+                width: 6.8px;
+                height: 6.8rem;
+                width: 6.8rem;
             }
         }
         .widget-description {
-            margin-left: 65px;
-            margin-left: 6.5rem;
+            margin-left: 85px;
+            margin-left: 8.5rem;
         }