david-swift/duckling
1
0
Fork 3
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Make transition in compact docs faster #3
All checks were successful
Publish / publish (push) Successful in 19s
Details

Browse Source
This commit is contained in:
david-swift 2025-04-13 14:51:34 +02:00
parent 456f459d67
commit 2f8c790770
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
sass/_docs.scss
View File

@ -83,35 +83,35 @@
.toggle-label { .toggle-label {
display: block; display: block;
left: 0; left: 0;
transition: left 0.5s; transition: left 0.3s;
} }
.toggle-overlay { .toggle-overlay {
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
transition: background-color 0.5s; transition: background-color 0.3s;
display: block; display: block;
pointer-events: none; pointer-events: none;
} }
#docs-container { #docs-container {
left: -15em; left: -15em;
transition: left 0.5s; transition: left 0.3s;
box-shadow: var(--shadow); box-shadow: var(--shadow);
} }
#sidebar-toggle:checked ~ #docs-container { #sidebar-toggle:checked ~ #docs-container {
left: 0; left: 0;
transition: left 0.5s; transition: left 0.3s;
} }
#sidebar-toggle:checked ~ .toggle-label { #sidebar-toggle:checked ~ .toggle-label {
left: 15em; left: 15em;
transition: left 0.5s; transition: left 0.3s;
} }
#sidebar-toggle:checked ~ .toggle-overlay { #sidebar-toggle:checked ~ .toggle-overlay {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
transition: background-color 0.5s; transition: background-color 0.3s;
pointer-events: auto; pointer-events: auto;
} }
} }