web-apps/apps/common/main/resources/less/switcher.less
2020-12-19 22:44:34 +03:00

53 lines
1.1 KiB
Plaintext

.switcher {
position: relative;
width: 25px;
height: 15px;
background-color: transparent;
cursor: pointer;
.sw-left {
display: inline-block;
height: 100%;
background-color: @highlight-button-pressed;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.sw-right {
display: inline-block;
height: 100%;
background-color: @border-regular-control;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.thumb {
position: absolute;
left: 0;
right: auto;
top: 0;
height: 100%;
background-color: @background-normal;
border: 1px solid @highlight-button-pressed;
border-radius: 3px;
}
&.on {
.thumb {
right: 0;
left: auto;
}
}
&.disabled {
cursor: default;
.sw-left {
background-color: @border-regular-control;
}
.thumb {
border-color: @border-regular-control;
}
}
}