Newer
Older
/* switch toggle */
/* .switch-container {
position: relative;
left: 50%;
top: 50%;
} */
.toggle-button {
background: gray;
width: 50px;
height: 20px;
border-radius: 30px;
padding: 5px;
cursor: pointer;
transition: all 300ms ease-in-out;
}
.toggle-button>.inner-circle {
background: white;
width: 20px;
height: 20px;
border-radius: 50%;
transition: all 300ms ease-in-out;
}
.toggle-button.active {
background: #00ff22;
}
.toggle-button.active>.inner-circle {
margin-left: 40px;
}
.no-box-sizing {
box-sizing: content-box !important;
}