Changeset 5993

Timestamp:

04/02/2016 07:13:59 AM (9 years ago)

Author:

netweb

Message:

Updated admin base SCSS styles:

• _admin.scss via ​WP:changeset:34976, ​WP:changeset:35265, ​WP:changeset:36532, and ​WP:changeset:36619
• _mixins.scss via ​WP:changeset:34948

See #2583

Location:

trunk/src/includes/admin/styles

Files:

• _admin.scss (modified) (4 diffs)
• _mixins.scss (modified) (3 diffs)

trunk/src/includes/admin/styles/_admin.scss

@@ -316 +316 @@
 #wpadminbar .quicklinks .menupop ul li a:hover strong,
 #wpadminbar .quicklinks .menupop ul li a:focus strong,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
@@ -332 +333 @@
 
 #wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .quicklinks li a:focus .blavatar,
+#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
@@ -354 +357 @@
     background: $adminbar-input-background;
 }
-
-#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { color: $menu-text; opacity: 0.7; }
-#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { color: $menu-text; opacity: 0.7; }
-#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { color: $menu-text; opacity: 0.7; }
-#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { color: $menu-text; opacity: 0.7; }
-
 
 /* Admin Bar: my account */
@@ -485 +482 @@
 }
 
-/* jQuery UI Slider */
-
-.wp-slider .ui-slider-handle,
-.wp-slider .ui-slider-handle.ui-state-hover,
-.wp-slider .ui-slider-handle.focus {
-    background: $button-color;
-    border-color: darken( $button-color, 10% );
-    box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
+#customize-footer-actions .devices button:focus {
+    border-bottom-color: $highlight-color;
 }
 

trunk/src/includes/admin/styles/_mixins.scss

@@ -5 +5 @@
 @mixin button( $button-color, $text-color: white ) {
     background: $button-color;
-    border-color: darken( $button-color, 10% );
+    border-color: darken( $button-color, 10% ) darken( $button-color, 15% ) darken( $button-color, 15% );
     color: $text-color;
-    box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
+    box-shadow: 0 1px 0 darken( $button-color, 15% );
+    text-shadow: 0 -1px 1px darken( $button-color, 15% ),
+        1px 0 1px darken( $button-color, 15% ),
+        0 1px 1px darken( $button-color, 15% ),
+        -1px 0 1px darken( $button-color, 15% );
 
     &:hover,
     &:focus {
-        background: darken( $button-color, 5% );
+        background: lighten( $button-color, 3% );
         border-color: darken( $button-color, 15% );
         color: $text-color;
-        box-shadow: inset 0 1px 0 lighten( $button-color, 10% );
+        box-shadow: 0 1px 0 darken( $button-color, 15% );
     }
 
     &:focus {
-        box-shadow: inset 0 1px 0 lighten( $button-color, 10% ),
-                    0 0 0 1px #5b9dd9,
-                    0 0 2px 1px rgba( 30, 140, 190, .8 );
+        box-shadow: inset 0 1px 0 darken( $button-color, 10% ),
+                    0 0 2px 1px #33b3db;
     }
 
@@ -26 +29 @@
         background: darken( $button-color, 10% );
         border-color: darken( $button-color, 15% );
-        color: $text-color;
-        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ),
-                    0 0 0 1px #5b9dd9,
-                    0 0 2px 1px rgba( 30, 140, 190, .8 );
+        box-shadow: inset 0 2px 0 darken( $button-color, 15% );
     }
 
@@ -41 +41 @@
         text-shadow: none !important;
     }
+
+    &.button-hero {
+        box-shadow: 0 2px 0 darken( $button-color, 15% ) !important;
+        &:active {
+            box-shadow: inset 0 3px 0 darken( $button-color, 15% ) !important;
+        }
+    }
+
 }