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

Timestamp:

05/10/2015 06:36:58 PM (11 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;
+         }
+        }
+}
+