Refactoring the toggles a bit.
This commit is contained in:
Родитель
5b174713b3
Коммит
7a87d458e7
|
@ -1051,6 +1051,7 @@ input[type="button"] {
|
|||
-webkit-transform: translate3d(17px, 0, 0);
|
||||
transform: translate3d(17px, 0, 0);
|
||||
}
|
||||
.toggle.active:active .toggle-handle,
|
||||
.toggle.active .toggle-handle:active {
|
||||
-webkit-transform: translate3d(10px, 0, 0) !important;
|
||||
transform: translate3d(10px, 0, 0) !important;
|
||||
|
|
|
@ -38,15 +38,15 @@
|
|||
&.active {
|
||||
border: 2px solid $positive-color;
|
||||
@include box-shadow(inset 0 0 0 30px $positive-color);
|
||||
}
|
||||
|
||||
// Active state for toggle handle
|
||||
&.active .toggle-handle {
|
||||
.toggle-handle {
|
||||
border-color: $positive-color;
|
||||
@include transform(translate3d(17px,0,0));
|
||||
|
||||
&:active {
|
||||
@include transform(translate3d(10px,0,0) !important);
|
||||
}
|
||||
// Handle when the handle and the container is active
|
||||
&:active .toggle-handle,
|
||||
.toggle-handle:active {
|
||||
@include transform(translate3d(10px,0,0) !important); // Evil important tag is used to overwrite js.
|
||||
}
|
||||
}
|
||||
}
|
Загрузка…
Ссылка в новой задаче