mirror of
https://github.com/asimonson1125/asimonson1125.github.io.git
synced 2026-02-25 05:09:49 -06:00
69 lines
1.0 KiB
CSS
69 lines
1.0 KiB
CSS
.hidden {
|
|
display: none;
|
|
}
|
|
|
|
.hiddenup {
|
|
max-height: 0px !important;
|
|
}
|
|
|
|
.checkbox-wrapper > div {
|
|
margin-bottom: .5em;
|
|
}
|
|
|
|
.checkbox-wrapper > div:last-child {
|
|
margin-bottom: 0;;
|
|
}
|
|
|
|
.checkbox-wrapper .switch {
|
|
display: flex;
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.checkbox-wrapper .switch > * {
|
|
align-self: center;
|
|
}
|
|
|
|
.checkbox-wrapper .switch input {
|
|
display: none;
|
|
}
|
|
|
|
|
|
.checkbox-wrapper .slider {
|
|
background-color: #ccc;
|
|
transition: 0.4s;
|
|
height: 34px;
|
|
width: 60px;
|
|
}
|
|
|
|
.checkbox-wrapper .slider:before {
|
|
background-color: #fff;
|
|
bottom: 4px;
|
|
content: "";
|
|
height: 26px;
|
|
left: 4px;
|
|
position: absolute;
|
|
transition: 0.4s;
|
|
width: 26px;
|
|
}
|
|
|
|
.checkbox-wrapper input:checked+.slider {
|
|
background-color: #66bb6a;
|
|
}
|
|
|
|
.checkbox-wrapper input:checked+.slider:before {
|
|
transform: translateX(26px);
|
|
}
|
|
|
|
.checkbox-wrapper .slider.round {
|
|
border-radius: 34px;
|
|
}
|
|
|
|
.checkbox-wrapper .slider.round:before {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.checkbox-wrapper strong {
|
|
margin-left: .5em;
|
|
}
|