Changeset 10285 for trunk/src/bp-templates/bp-legacy/css/twentysixteen.scss

Timestamp:

10/17/2015 06:16:35 PM (10 years ago)

Author:

hnla

Message:

Twentysixteen Companion Styles Updates

• Update nav styles, remove active anchor backgrounds.
• Add mobile menu dropdown.
• Correct nested CSS comments within scss hierarchical selectors preventing ruleset compilation.

See #6648

File:

• trunk/src/bp-templates/bp-legacy/css/twentysixteen.scss (modified) (20 diffs)

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

@@ +1 @@
+
 // Stylesheet Guidence Notes
 // Table of content represents a guide to sections of the sheet.
@@ -346 +347 @@
             li.selected {
                 a {
-                    background: $dark-background;
-                    color: #fff;
+                    background: inherit;
                     opacity: 1;
                 }
@@ -353 +353 @@
         }
     }
-    // Global Nav Styles
+    // global nav styles
     div.item-list-tabs {
         ul {
@@ -372 +372 @@
 } // close #buddypress
 
+// .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 __*/
 #buddypress {
@@ -452 +501 @@
 } // close #buddypress
 
-#budypress {
-
-    // active/current states all navs
-    div.item-list-tabs {
-        ul {
-            li.selected,
-            li.current {
-                a {
-                    background: $dark-background;
-                    color: #fff;
-                    opacity: 1;
-                }
-            }
-        }
-    }
-
-} // close #buddypress
 
     /*__ Vertical menu User Account / Group single screens __*/
@@ -660 +692 @@
             &:focus,
             &:hover {
-                background: lighten($background-hover, 10%);
-                color: $cream-background;
+                background: inherit;
+                color: #000;
             }
         }
@@ -671 +703 @@
                 &:focus,
                 &:hover {
-                    background: lighten($background-hover, 10%);
-                    color: $cream-background;
+                    background: inherit;
+                    color: #000;
                 }
             }
@@ -1560 +1592 @@
 .bp-user {
     .entry-title {margin-bottom: 0.5em;}
-
-    #buddypress {
+}
 
 /**
@@ -1568 +1599 @@
 *--------------------------------------------
 */
+.bp-user {
+
+    #buddypress {
 
         table {
@@ -1617 +1651 @@
         } // close .notifications-options-nav
 
+    } //close #buddypress
+} // close .bp-user
+
 /**
     *-------------------------------------------
@@ -1622 +1659 @@
     *-------------------------------------------
     */
+
+.bp-user {
+
+    #buddypress {
+
         .profile {
             .bp-widget {
@@ -1688 +1730 @@
         } // close .profile
 
+    } // close #buddypress
+} // close .bp-user
+
 /**
     *-------------------------------------------
@@ -1693 +1738 @@
     *-------------------------------------------
     */
+
+.bp-user {
+
+    #buddypress {
 
         #groups-list {
@@ -1705 +1754 @@
         }
 
+    } // close #buddypress
+} // close .bp-user
+
 /**
     *-------------------------------------------
@@ -1710 +1762 @@
     *-------------------------------------------
     */
+
+.bp-user {
+
+    #buddypress {
 
         #message-thread {
@@ -1894 +1950 @@
         }
 
-        /* Sitewide Notices loop */
         .sitewide-notices {
             tr {
@@ -1912 +1967 @@
         }
 
+    } // #buddypress
+} // close .bp-user
+
 /**
     *------------------------------
@@ -1917 +1975 @@
     *------------------------------
     */
+
+.bp-user {
+
+    #buddypress {
 
         #settings-form {
@@ -1958 +2020 @@
         }
 
-    } // close #BuddyPress
+    } // close #buddyPress
 
 } // close .bp-user
@@ -2050 +2112 @@
                 float: left;
                 margin: 0;
-                width: 100%;
+                width: 70%;
             }