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

Timestamp:

10/11/2015 06:24:45 PM (11 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;
                 }