mirror of
https://github.com/cesanta/mongoose.git
synced 2026-10-01 14:02:40 +07:00
49 lines
842 B
CSS
49 lines
842 B
CSS
:root {
|
|
}
|
|
|
|
*, *::before, *::after {
|
|
box-sizing: border-box; margin: 0; padding: 0;
|
|
font-family: Arial, sans-serif;
|
|
}
|
|
|
|
.toggle {
|
|
position: relative;
|
|
width: 2.75rem;
|
|
height: 1.6rem;
|
|
margin: 0;
|
|
vertical-align: top;
|
|
border: 1px solid transparent;
|
|
background: #d1d5db;
|
|
border-radius: 0.75rem;
|
|
outline: none;
|
|
cursor: pointer;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
.toggle::after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 1px;
|
|
top: 1px;
|
|
width: 1.35rem;
|
|
height: 1.35rem;
|
|
background: #fff;
|
|
border-radius: 50%;
|
|
transition: all 0.3s;
|
|
}
|
|
.toggle:checked {
|
|
background: #d1d5db;
|
|
}
|
|
.toggle:checked::after {
|
|
transform: translateX(calc(100% - 3px));
|
|
}
|
|
.toggle:disabled,
|
|
.toggle.disabled {
|
|
background: #d1d5db;
|
|
cursor: not-allowed;
|
|
}
|
|
.toggle.edited {
|
|
border-color: #ee0;
|
|
}
|