Browse Source

ux() some final tweaks

Torkel Ödegaard 9 years ago
parent
commit
ee7afcbe9e
1 changed files with 11 additions and 3 deletions
  1. 11 3
      public/sass/components/_switch.scss

+ 11 - 3
public/sass/components/_switch.scss

@@ -47,10 +47,18 @@ $switch-height: 1.5rem;
   }
 
   &:hover {
-    input + label:before, input + label:after {
+    input + label:before {
+      @include buttonBackground($input-bg, lighten($input-bg, 5%));
+      color: $text-color;
+      text-shadow: 1px 1px 4px rgb(45, 45, 45);
+    }
+
+    input + label:after {
       @include buttonBackground($input-bg, lighten($input-bg, 5%));
       color: lighten(#FF8600, 10%);
+      text-shadow: 1px 1px 4px rgb(25, 25, 25);
     }
+
   }
 
   input + label:before {
@@ -63,7 +71,7 @@ $switch-height: 1.5rem;
     color: darken($text-color-weak, 10%);
     transition: transform 0.4s;
     backface-visibility: hidden;
-    text-shadow: 0px 0px 5px rgb(45, 45, 45);
+    text-shadow: 1px 1px 4px rgb(45, 45, 45);
   }
 
   input + label:after {
@@ -72,7 +80,7 @@ $switch-height: 1.5rem;
     //content: "\f00c";
     content: "\f046"; // check-square-o
     color: #FF8600;
-    text-shadow: 0px 0px 5px rgb(45, 45, 45);
+    text-shadow: 1px 1px 4px rgb(25, 25, 25);
 
     font-family: 'FontAwesome';
     transition: transform 0.4s;