Pārlūkot izejas kodu

ux() some final tweaks

Torkel Ödegaard 9 gadi atpakaļ
vecāks
revīzija
ee7afcbe9e
1 mainītis faili ar 11 papildinājumiem un 3 dzēšanām
  1. 11 3
      public/sass/components/_switch.scss

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

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