zmp-core
Version:
Full featured mobile HTML framework for building iOS & Android apps
27 lines (26 loc) • 753 B
text/less
.aurora {
.toggle {
input[type='checkbox']:checked + .toggle-icon {
background: var(--zmp-toggle-active-color, var(--zmp-theme-color));
&:after {
.ltr({
transform: translateX(calc(var(--zmp-toggle-width) - var(--zmp-toggle-height)));
});
.rtl({
transform: translateX(calc(-1 * (var(--zmp-toggle-width) - var(--zmp-toggle-height))));
});
}
}
}
.toggle-icon {
background: var(--zmp-toggle-inactive-color);
&:after {
height: calc(var(--zmp-toggle-height) - 4px);
width: calc(var(--zmp-toggle-height) - 4px);
top: 2px;
.ltr({ left: 2px; });
.rtl({ right: 2px; });
border-radius: calc(var(--zmp-toggle-height) - 4px);
}
}
}