switch.css.scss in flashgrid-2.0.0

- old
+ new

@@ -12,11 +12,12 @@
   position: absolute !important;
   top: 0;
   z-index: -1;
 }
 .switch {
-  background: rgba(236,238,241,1);
+  background: rgba(241,242,244,1);
+  border: 1px solid rgba(217,222,225,1);
   border-radius: 500px;
   color: rgba(43,50,53,1);
   cursor: pointer;
   display: inline-block;
   font-size: 12px;
@@ -32,12 +33,10 @@
   text-rendering: geometricPrecision;
   text-transform: uppercase;
   -webkit-transition: all 0.5s ease-in-out;
           transition: all 0.5s ease-in-out;
   -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   vertical-align: middle;
 }
 .switch span,
 .switch label {
@@ -52,19 +51,19 @@
   background: rgba(255,255,255,1);
   border-radius: 500px;
   margin-bottom: 0;
      margin-top: 0;
   padding-bottom: 4px;
-     padding-top: 4px;
+     padding-top: 3px;
   text-align: center;
   vertical-align: middle;
   width: 20%;
   z-index: 100;
 }
 .switch span {
-  padding-bottom: 5px;
-  padding-top: 3px;
+  padding-bottom: 0;
+     padding-top: 0;
   text-align: center;
   vertical-align: middle;
   width: 40%;
   z-index: 1;
 }
@@ -74,19 +73,31 @@
   -webkit-transform: translate3d(0,0,0);
           transform: translate3d(0,0,0);
   top: 0;
   width: 150%;
 }
-.switch.switch-on > div { margin-left: 0; }
-.switch.switch-off > div { margin-left: -50%; }
+.switch.switch-on > div         { margin-left: 0; }
+.switch.switch-off > div        { margin-left: -50%; }
 .switch.switch-on.switch-black,
 .switch.switch-on.switch-blue,
 .switch.switch-on.switch-green,
-.switch.switch-on.switch-red   { color: rgba(255,255,255,1); }
-.switch.switch-on.switch-black { background: rgba(71,74,84,1); }
-.switch.switch-on.switch-blue  { background: rgba(58,144,216,1); }
-.switch.switch-on.switch-green { background: rgba(122,179,23,1); }
-.switch.switch-on.switch-red   { background: rgba(254,79,50,1); }
+.switch.switch-on.switch-red    { color: rgba(255,255,255,1); }
+.switch.switch-on.switch-black  {
+  background: rgba(71,74,84,1);
+  border-color: rgba(1,4,14,1);
+}
+.switch.switch-on.switch-blue   {
+  background: rgba(58,144,216,1);
+  border-color: rgba(8,94,166,1);
+}
+.switch.switch-on.switch-green  {
+  background: rgba(122,179,23,1);
+  border-color: rgba(72,129,3,1);
+}
+.switch.switch-on.switch-red    {
+  background: rgba(220,74,56,1);
+  border-color: rgba(180,34,16,1);
+}
 .switch.switch-animate > div {
   -webkit-transition: margin-left 0.5s;
           transition: margin-left 0.5s;
 }
 .switch.switch-disabled,
\ No newline at end of file