Changeset 10249 for trunk/src/bp-templates/bp-legacy/css/twentythirteen.scss

Timestamp:

10/11/2015 06:24:45 PM (10 years ago)

Author:

hnla

Message:

Twentythirteen companion styles updates

• Various adjustments for elements margin/padding conflicts with parent styles.
• Object nav small screen styles.

See #6533

File:

• trunk/src/bp-templates/bp-legacy/css/twentythirteen.scss (modified) (10 diffs)

trunk/src/bp-templates/bp-legacy/css/twentythirteen.scss

@@ -289 +289 @@
     }
 
-    /*__ Horizontal menus __*/
+    /*__ Horizontal menus & small screen __*/
     #object-nav {
 
         ul {
             overflow: hidden;
-            li {float: none;}
+
+            li {
+                @media screen and (max-width: 38.75em) {
+                    &:focus,
+                    &:hover {
+                        background: darken($cream-background, 2%);
+                    }
+                }
+
+                float: none;
+            }
+
+            @media screen and (max-width: 38.75em) {
+                li:not(:last-child) {
+                    border-bottom: 1px solid $border-light;
+                }
+            }
+
             li:not(.selected) {
                 a {opacity: 0.7;}
@@ -453 +470 @@
                     border-bottom: 1px solid $border-med;
                     overflow: visible;
-                    padding-bottom: 0;
+                    padding: 0;
 
                     li {
@@ -1649 +1666 @@
 
             #profile-edit-form {
+
                 .button-nav:before,
                 .button-nav:after {
@@ -1662 +1680 @@
                     border-bottom: 1px solid $border-light;
                     margin-left: 0;
+                    padding: 0;
 
                     li {
@@ -1812 +1831 @@
                 }
 
+                .thread-checkbox {
+                    padding: 0 0 0 0.3em;
+                }
+
                 td.bulk-select-check,
                 td.thread-from {
-                    height: 2.6em;
+                    height: 3em;
                     @media screen and (max-width: 38.75em) {
                         height: 5.2em;
@@ -1835 +1858 @@
                         @include font-size(12);
                     }
-                }
+
+                    .thread-excerpt {
+                        @include font-size(14);
+                    }
+                }
+
+
 
                 td.thread-options {
@@ -1856 +1885 @@
                     @media screen and (max-width: 38.75em) {
                         clear: both;
-                        @include font-size(11);
+                        @include font-size(12);
                         width: 100%;
                     }
@@ -2107 +2136 @@
         }
 
-        div.message-search {margin-right: $spacing-val-sm;}
     } // close @media
 
@@ -2134 +2162 @@
 // a more general typography section to manage BP elements grouped under
 // breakpoints. Provide top/bottom margins for tables, lacking in BP styles
+
 #buddypress {
+
     table {
         @include font-size(14);
@@ -2143 +2173 @@
             border-color: darken($border-light, 20%);
             color: $content-background;
+        }
+
+        // twentythirteen removes left padding, replace!
+        th,
+        td {
+            padding: 0.3em;
         }