Sha256: 154b774a55e4337981364ffc3cb7a5546d6c6d9cc9bc208110eeba39cbccc60f
Contents?: true
Size: 1.37 KB
Versions: 16
Compression:
Stored size: 1.37 KB
Contents
//
// custom-forms.scss
// Extended from Bootstrap
//
//
// Custom switch
//
.custom-switch {
min-height: $custom-switch-height;
.custom-control-label {
&::before {
top: (($font-size-base * $line-height-base - $custom-switch-height) / 2);
height: $custom-switch-height;
border-radius: $custom-switch-height / 2;
}
&::after {
top: (($font-size-base * $line-height-base - $custom-switch-height) / 2 + $custom-switch-spacing);
left: $custom-switch-spacing - $custom-control-gutter - $custom-switch-width;
background-color: $custom-switch-indicator-bg;
}
}
.custom-control-input:checked ~ .custom-control-label {
&::after {
background-color: $custom-switch-indicator-active-bg;
transform: translateX($custom-switch-width - $custom-switch-spacing * 2 - $custom-switch-indicator-size);
}
}
}
//
// Dark version
//
.custom-switch-dark {
.custom-control-label {
&::before {
background-color: $custom-switch-bg-dark;
}
&::after {
background-color: $custom-switch-indicator-bg-dark;
}
}
.custom-control-input:checked ~ .custom-control-label {
&::before {
background-color: $custom-switch-active-bg-dark;
}
&::after {
background-color: $custom-switch-active-indicator-bg-dark;
}
}
}
Version data entries
16 entries across 16 versions & 2 rubygems