Added background color transition to slider handle
parent
c82c563625
commit
07d7e15c6b
|
@ -223,10 +223,10 @@ body .p-inputswitch {
|
||||||
height: 1.75em;
|
height: 1.75em;
|
||||||
}
|
}
|
||||||
body .p-inputswitch .p-inputswitch-slider {
|
body .p-inputswitch .p-inputswitch-slider {
|
||||||
-moz-transition: box-shadow 0.2s;
|
-moz-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
-o-transition: box-shadow 0.2s;
|
-o-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
-webkit-transition: box-shadow 0.2s;
|
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
transition: box-shadow 0.2s;
|
transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
background: #585858;
|
background: #585858;
|
||||||
}
|
}
|
||||||
|
|
|
@ -223,10 +223,10 @@ body .p-inputswitch {
|
||||||
height: 1.75em;
|
height: 1.75em;
|
||||||
}
|
}
|
||||||
body .p-inputswitch .p-inputswitch-slider {
|
body .p-inputswitch .p-inputswitch-slider {
|
||||||
-moz-transition: box-shadow 0.2s;
|
-moz-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
-o-transition: box-shadow 0.2s;
|
-o-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
-webkit-transition: box-shadow 0.2s;
|
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
transition: box-shadow 0.2s;
|
transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
background: #585858;
|
background: #585858;
|
||||||
}
|
}
|
||||||
|
|
|
@ -223,10 +223,10 @@ body .p-inputswitch {
|
||||||
height: 1.75em;
|
height: 1.75em;
|
||||||
}
|
}
|
||||||
body .p-inputswitch .p-inputswitch-slider {
|
body .p-inputswitch .p-inputswitch-slider {
|
||||||
-moz-transition: box-shadow 0.2s;
|
-moz-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
-o-transition: box-shadow 0.2s;
|
-o-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
-webkit-transition: box-shadow 0.2s;
|
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
transition: box-shadow 0.2s;
|
transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
background: #585858;
|
background: #585858;
|
||||||
}
|
}
|
||||||
|
|
|
@ -223,10 +223,10 @@ body .p-inputswitch {
|
||||||
height: 1.75em;
|
height: 1.75em;
|
||||||
}
|
}
|
||||||
body .p-inputswitch .p-inputswitch-slider {
|
body .p-inputswitch .p-inputswitch-slider {
|
||||||
-moz-transition: box-shadow 0.2s;
|
-moz-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
-o-transition: box-shadow 0.2s;
|
-o-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
-webkit-transition: box-shadow 0.2s;
|
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
transition: box-shadow 0.2s;
|
transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
background: #585858;
|
background: #585858;
|
||||||
}
|
}
|
||||||
|
|
|
@ -223,10 +223,10 @@ body .p-inputswitch {
|
||||||
height: 1.75em;
|
height: 1.75em;
|
||||||
}
|
}
|
||||||
body .p-inputswitch .p-inputswitch-slider {
|
body .p-inputswitch .p-inputswitch-slider {
|
||||||
-moz-transition: box-shadow 0.2s;
|
-moz-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
-o-transition: box-shadow 0.2s;
|
-o-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
-webkit-transition: box-shadow 0.2s;
|
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
transition: box-shadow 0.2s;
|
transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
background: #cccccc;
|
background: #cccccc;
|
||||||
}
|
}
|
||||||
|
|
|
@ -223,10 +223,10 @@ body .p-inputswitch {
|
||||||
height: 1.75em;
|
height: 1.75em;
|
||||||
}
|
}
|
||||||
body .p-inputswitch .p-inputswitch-slider {
|
body .p-inputswitch .p-inputswitch-slider {
|
||||||
-moz-transition: box-shadow 0.2s;
|
-moz-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
-o-transition: box-shadow 0.2s;
|
-o-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
-webkit-transition: box-shadow 0.2s;
|
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
transition: box-shadow 0.2s;
|
transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
background: #cccccc;
|
background: #cccccc;
|
||||||
}
|
}
|
||||||
|
|
|
@ -223,10 +223,10 @@ body .p-inputswitch {
|
||||||
height: 1.75em;
|
height: 1.75em;
|
||||||
}
|
}
|
||||||
body .p-inputswitch .p-inputswitch-slider {
|
body .p-inputswitch .p-inputswitch-slider {
|
||||||
-moz-transition: box-shadow 0.2s;
|
-moz-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
-o-transition: box-shadow 0.2s;
|
-o-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
-webkit-transition: box-shadow 0.2s;
|
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
transition: box-shadow 0.2s;
|
transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
background: #cccccc;
|
background: #cccccc;
|
||||||
}
|
}
|
||||||
|
|
|
@ -223,10 +223,10 @@ body .p-inputswitch {
|
||||||
height: 1.75em;
|
height: 1.75em;
|
||||||
}
|
}
|
||||||
body .p-inputswitch .p-inputswitch-slider {
|
body .p-inputswitch .p-inputswitch-slider {
|
||||||
-moz-transition: box-shadow 0.2s;
|
-moz-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
-o-transition: box-shadow 0.2s;
|
-o-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
-webkit-transition: box-shadow 0.2s;
|
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
transition: box-shadow 0.2s;
|
transition: background-color 0.2s, box-shadow 0.2s;
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
background: #f4f4f4;
|
background: #f4f4f4;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue