wt
ec54166f8f
Prepare Build and Testing executable binary / Prepare-Build-Testing-With-Make (push) Has been cancelled
Prepare Build and Testing executable binary / Prepare-Build-Testing-With-CMake (push) Has been cancelled
Prepare Build and Testing executable binary / Prepare-Build-Testing-With-Meson (push) Has been cancelled
90 lines
1.6 KiB
CSS
90 lines
1.6 KiB
CSS
.checkbox-wrapper-2 .ikxBAC {
|
|
appearance: none;
|
|
background-color: #dfe1e4;
|
|
border-radius: 72px;
|
|
border-style: none;
|
|
flex-shrink: 0;
|
|
height: 20px;
|
|
margin: 0;
|
|
position: relative;
|
|
width: 30px;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.checkbox-wrapper-2 .ikxBAC::before {
|
|
bottom: -6px;
|
|
content: "";
|
|
left: -6px;
|
|
position: absolute;
|
|
right: -6px;
|
|
top: -6px;
|
|
transition: 0.3s;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.checkbox-wrapper-2 .ikxBAC,
|
|
.checkbox-wrapper-2 .ikxBAC::after {
|
|
transition: 300ms;
|
|
}
|
|
|
|
.checkbox-wrapper-2 .ikxBAC::after {
|
|
background-color: #fff;
|
|
border-radius: 50%;
|
|
content: "";
|
|
height: 14px;
|
|
left: 3px;
|
|
position: absolute;
|
|
top: 3px;
|
|
width: 14px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.checkbox-wrapper-2 input[type=checkbox] {
|
|
cursor: default;
|
|
}
|
|
|
|
.checkbox-wrapper-2 .ikxBAC:hover {
|
|
background-color: #c9cbcd;
|
|
transition-duration: 0s;
|
|
}
|
|
|
|
.checkbox-wrapper-2 .ikxBAC:checked {
|
|
background-color: green;
|
|
}
|
|
|
|
.checkbox-wrapper-2 .ikxBAC:checked::after {
|
|
background-color: #fff;
|
|
left: 13px;
|
|
}
|
|
|
|
.checkbox-wrapper-2 :focus:not(.focus-visible) {
|
|
outline: 0;
|
|
}
|
|
|
|
.checkbox-wrapper-2 .ikxBAC:checked:hover {
|
|
background-color: hsl(from green h s 20%);
|
|
}
|
|
|
|
.settingssection {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: calc(100vh - 50px);
|
|
padding: 10px;
|
|
transition: 0.3s;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.settingssection.active {
|
|
opacity: 1;
|
|
pointer-events: all;
|
|
}
|
|
|
|
#wifiqrimg.active {
|
|
width: 150px;
|
|
height: 150px;
|
|
}
|