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

Timestamp:

10/17/2015 02:31:48 PM (10 years ago)

Author:

hnla

Message:

Twentythirteen Companion styles updates.

• Updates general styles.

• Corrects issue where scss nested rulesets/selectors aren't compiled where nested CSS comment structures are found causing all styles to be omitted.

• Add new menu layout for user object-nav for mobile screens, menu parent on hover/focus expands to display menu items.

See #6533

File:

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

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

@@ -260 +260 @@
 #buddypress {
 
-    // active/current states all navs
-    div.item-list-tabs {
-        ul {
-            li.selected {
-                a {
-                    background: $dark-background;
-                    color: #fff;
-                    opacity: 1;
-                }
-            }
-        }
-    }
     // Global Nav Styles
     div.item-list-tabs {
@@ -288 +276 @@
         }
     }
-
+}
+// .bp-user #object-nav @ small screen as a dropdown
+
+.bp-user {
+    #buddypress {
+        @media screen and (max-width: 38.75em) {
+
+            #object-nav {
+                background: $cream-background;
+                border: 1px solid $border-light;
+                overflow: visible;
+                padding: $spacing-val-sm;
+
+                ul {
+                    border: 0;
+                    height: 0;
+                    // all latest vendor releases handle transitions, so no prefixes used.
+                    transition: height 0.3s ease-in-out 0.7s;
+                    visibility: hidden;
+                }
+
+                &:before {
+                    content: "Menu \021E9";
+                    display: inline;
+                    opacity: 0.7;
+                }
+
+                &:hover,
+                &:focus {
+                    &:before {content: "Menu \021E7";}
+
+                    ul {
+                        height: 320px;
+                        opacity: 1;
+                        overflow-y: auto;
+                        visibility: visible;
+                    }
+                }
+            }
+
+            #subnav {clear: both;}
+
+        } // close @media
+    }
+}
     /*__ Horizontal menus & small screen __*/
+
+#buddypress {
+
     #object-nav {
 
@@ -371 +406 @@
             li.current {
                 a {
-                    background: $dark-background;
-                    color: #fff;
+                    background: none;
                     opacity: 1;
                 }
@@ -1590 +1624 @@
 .bp-user {
     .entry-title {margin-bottom: 0.5em;}
-
-    #buddypress {
+}
 
 /**
@@ -1599 +1632 @@
 */
 
+.bp-user {
+
+    #buddypress {
+
         table {
             th {@include font-size(14)}
-            td {@include font-size(12)}
+            td {@include font-size(13)}
 
             @media screen and (min-width: 46.25em) {
@@ -1646 +1683 @@
 
         } // close .notifications-options-nav
+    } // close #buddypress
+} // close .bp-user
 
 /**
@@ -1652 +1691 @@
     *-------------------------------------------
     */
+
+.bp-user {
+
+    #buddypress {
+
         .profile {
             .bp-widget {
@@ -1663 +1707 @@
                 table {margin-top: 0;}
             }
-            /* Edit profile */
 
             #profile-edit-form {
@@ -1719 +1762 @@
             }
         } // close .profile
+    } // close #buddyPress
+} // close .bp-user
 
 /**
@@ -1725 +1770 @@
     *-------------------------------------------
     */
+
+.bp-user {
+
+    #buddypress {
 
         #groups-list {
@@ -1736 +1785 @@
             }
         }
+    }
+}
 
 /**
@@ -1742 +1793 @@
     *-------------------------------------------
     */
+
+.bp-user {
+
+    #buddypress {
 
         #message-thread {
@@ -1828 +1883 @@
                     @media screen and (max-width: 46.25em) {
                         padding-top: 0;
+                        span.icon:before {font-size: 14px;}
                     }
                 }
@@ -1863 +1919 @@
                     }
                 }
-
-
 
                 td.thread-options {
@@ -1953 +2007 @@
             }
         }
+    } // close #buddypress
+} // close .bp-user
 
 /**
@@ -1960 +2016 @@
     */
 
+.bp-user {
+
+    #buddypress {
+
         #settings-form {
-            // 'p' = email notification screen sub heading
+            padding: 0 $spacing-val-sm;
+        // 'p' = email notification screen sub heading
             > p {
                 @include font-size(20);
@@ -2000 +2061 @@
         }
 
-    } // close #BuddyPress
+    } // close #buddyPress
 
 } // close .bp-user