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

Timestamp:

08/14/2014 08:08:13 PM (10 years ago)

Author:

coffee2code

Message:

Code Reference: sync SASS and CSS files; minor formatting tweaks

File:

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

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

@@ -1 +1 @@
 @import "reset";
 @import "global";
+
+.home .devhub-wrap {
+    #content {
+        padding: 0;
+    }
+    .site-header {
+        margin-bottom: 0;
+    }
+}
 
 .devhub-wrap {
@@ -49 +58 @@
     h1 {
         font-size: 28px;
-        font-size: 2.8rem;
+        font-size: 3rem;
         line-height: 32px;
         line-height: 3.2rem;
+        font-weight: 300;
+        margin-bottom: 1.5rem;
     }
     h2 {
@@ -58 +69 @@
         line-height: 26px;
         line-height: 2.6rem;
+        font-weight: 300;
     }
     h3 {
@@ -64 +76 @@
         line-height: 24px;
         line-height: 2.4rem;
+        font-weight: 300;
     }
     h4 {
@@ -71 +84 @@
         line-height: 2.2rem;
         border-bottom: none;
+        font-weight: 300;
 
         .dashicons {
@@ -82 +96 @@
             width: 2.2rem;
         }
+    }
+
+    main {
+        font-size: 1.5rem;
     }
 
@@ -336 +354 @@
     ----------------------------------------------- */
 
-    .widget {
-        margin: 0 0 1.5em;
-    }
-
     /* Make sure select elements fit in widgets */
     .widget select {
@@ -638 +652 @@
     .reference-landing {
         padding: 1em 0;
+
         .section {
             max-width: 700px;
@@ -688 +703 @@
     }
     #sidebar {
-        padding: 0;
-        border: 2px solid #cecece;
-        background-color: #f4f3f3;
+        border: 1px solid #d0d0d0;
+        box-shadow: 0px 0px 5px #d0d0d0;
+        background-color: #f0f0f0;
         & > ul {
             padding: 0;
@@ -697 +712 @@
             li {
                 h2.widgettitle {
-                background-color: #cecece;
+                background-color: #d0d0d0;
                 color: #8a8989;
                 text-align: center;
@@ -706 +721 @@
                 ul {
                     list-style-type: none;
-                    margin-left: 10px;
+                    margin: 0 10px;
                     padding: 15px 0;
                     counter-reset: item;
@@ -713 +728 @@
                             content: counter(item);
                             counter-increment: item;
-                            background-color: #cecece;
+                            background-color: #d0d0d0;
                             width: 25px;
                             display: inline-block;
@@ -724 +739 @@
                         }
                         a {
-                            font-size: 14px;
+                            font-size: 16px;
                             color: #4b4b4b;
                             font-weight: bold;
@@ -731 +746 @@
                             list-style-type: none;
                             padding: 0;
-                            margin-left: 44px;
+                            margin: 0 0 0 35px;
                             li {
                                 &:before {
@@ -738 +753 @@
                                 a {
                                     font-weight: normal;
+                                    font-size: 14px;
                                 }
                                 ul {
@@ -748 +764 @@
             }
         }
+        .current-menu-item a {
+            font-weight: bold !important;
+            color: #246998;
+        }
+    }
+
+    .menu-item-has-children {
+        padding-bottom: 15px;
     }
 
@@ -1099 +1123 @@
         }
     }
+
+    .table-of-contents {
+        float: right;
+        width: 200px;
+        background: #f5f5f5;
+        border: 1px solid #d6d6d6;
+        margin: 0 0 0 10px;
+        z-index: 1;
+        position: relative;
+
+        h2 {
+            margin: 0;
+            padding-bottom: 3px;
+            text-align: center;
+            text-transform: uppercase;
+            font-size: 1em;
+            letter-spacing: 3px;
+            background: #d0d0d0;
+            color: #8a8989;
+        }
+
+        ul,
+        ol {
+            margin: 10px 20px;
+        }
+    }
+
+    ul.items {
+        margin-bottom: 8px !important;
+        list-style-type: none !important;
+        padding-right: 10px;
+
+        li {
+            padding-bottom: 6px !important;
+
+            ul li,
+            ul li ul li {
+                padding-bottom: 0 !important;
+            }
+
+            a {
+                color: #555 !important;
+            }
+        }
+    }
 }