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

implement checkbox filtering + timeline animations

Browse Source
This commit is contained in:
Andrew Simonson
2023-01-08 15:20:21 -06:00
parent 894a2e4053
commit c07ea50491
7 changed files with 108 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/assets/css/checkbox.css
View File

@@ -2,27 +2,38 @@
display: none;
}
/* checkbox by Matt Smith */
.hiddenup {
max-height: 0px !important;
}
.checkbox-wrapper > div {
margin-bottom: .5em;
}
.checkbox-wrapper > div:last-child {
margin-bottom: 0;;
}
.checkbox-wrapper .switch {
display: inline-block;
height: 34px;
display: flex;
position: relative;
width: 60px;
cursor: pointer;
}
.checkbox-wrapper .switch > * {
align-self: center;
}
.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;
height: 34px;
width: 60px;
}
.checkbox-wrapper .slider:before {
@@ -50,4 +61,8 @@
.checkbox-wrapper .slider.round:before {
border-radius: 50%;
}
}
.checkbox-wrapper strong {
margin-left: .5em;
}