Changeset 9861 for trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss

Timestamp:

05/10/2015 06:36:58 PM (10 years ago)

Author:

hnla

Message:

Updates to Twentyfourteen & Twentyfifteen scss files
General updates for both files to ensure uniform message notice elements rulesets; adjust colors.
update user item action buttons for small screens Twentyfourteen.
See #6338 See #6291

File:

• trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss (modified) (6 diffs)

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

@@ -128 +128 @@
 $notice-warning:         #d05656;
 $notice-info:            #9fd1e2;
+$notice-update:          #ced98c;
 $stripe-odd:             #ebf0ff;
 $stripe-even:            #dbe5ff;
@@ -917 +918 @@
                     }
                 } // close #item-actions
+
+                #message {
+                    order: 4;
+                }
+
             }
         } // close @media
@@ -975 +981 @@
             img {
                 float: none;
+            }
+        }
+
+        #latest-update {
+            margin-bottom: $spacing-val-sm;
+        }
+
+        @media screen and (max-width: 594px) {
+            #item-buttons {
+                div.generic-button {
+                    display: inline-block;
+                    float: none;
+                    margin: 0 0 $spacing-val-xs 0;
+                    width: 100%;
+
+                    a {
+                        @include box-model();
+                        display: block;
+                        width: 100%;
+                    }
+                }
             }
         }
@@ -991 +1018 @@
                 float: right;
                 width: 78%;
+
+                #latest-update {
+                    margin-bottom: $spacing-val-md;
+                }
             }
         }
@@ -1399 +1430 @@
 */
 #buddypress {
-    div#message.info {
+    div#message {
         p {
-            @include message-box($notice-info);
-        }
-    }
-}
+            @include font-size(18);
+            font-weight: bold;
+        }
+
+        &.info {
+            p {
+                @include message-box($notice-info, #fff);
+            }
+        }
+
+        &.updated {
+            p {
+                @include message-box($notice-update, #fff);
+            }
+        }
+
+    } // close #message
+
+} // close  #buddypress
 
 // Without direct classes on our mesages ( 'warning' )
 // we need to use the body classes
 // message args ($variable-color, text-color)
+// todo: If this is class .warning is included in main BP styles remove from here
 .delete-group {
     #buddypress {
@@ -1419 +1466 @@
 }
 
+/**
+*-------------------------------------------------------------------------------
+* @section 10.0 - Ajax Loading, Widgets, General classes
+*-------------------------------------------------------------------------------
+*/
+
+#buddypress {
+    /* Auto Complete background */
+    .acfb-holder {
+
+        li.friend-tab {
+            background: $notice-info;
+            border: inherit;
+     }
+    }
+}
+