andrew/asimonson1125.github.io
1
0
Fork 0
mirror of https://github.com/asimonson1125/asimonson1125.github.io.git synced 2026-02-25 05:09:49 -06:00
Code Issues Packages Projects Releases Wiki Activity

Create checkbox filtering

Browse Source
This commit is contained in:
Andrew Simonson
2023-01-06 22:16:21 -05:00
parent 97a62ddb65
commit 0efed22013
6 changed files with 309 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/assets/css/checkbox.css Normal file
View File

@@ -0,0 +1,53 @@
.hidden {
display: none;
}
/* checkbox by Matt Smith */
.checkbox-wrapper .switch {
display: inline-block;
height: 34px;
position: relative;
width: 60px;
}
.checkbox-wrapper .switch input {
display: none;
}
.checkbox-wrapper .slider {
background-color: #ccc;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: 0.4s;
}
.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%;
}