Make transition in compact docs faster #3
All checks were successful
Publish / publish (push) Successful in 19s
All checks were successful
Publish / publish (push) Successful in 19s
This commit is contained in:
parent
456f459d67
commit
2f8c790770
@ -83,35 +83,35 @@
|
||||
.toggle-label {
|
||||
display: block;
|
||||
left: 0;
|
||||
transition: left 0.5s;
|
||||
transition: left 0.3s;
|
||||
}
|
||||
|
||||
.toggle-overlay {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
transition: background-color 0.5s;
|
||||
transition: background-color 0.3s;
|
||||
display: block;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#docs-container {
|
||||
left: -15em;
|
||||
transition: left 0.5s;
|
||||
transition: left 0.3s;
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
||||
#sidebar-toggle:checked ~ #docs-container {
|
||||
left: 0;
|
||||
transition: left 0.5s;
|
||||
transition: left 0.3s;
|
||||
}
|
||||
|
||||
#sidebar-toggle:checked ~ .toggle-label {
|
||||
left: 15em;
|
||||
transition: left 0.5s;
|
||||
transition: left 0.3s;
|
||||
}
|
||||
|
||||
#sidebar-toggle:checked ~ .toggle-overlay {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
transition: background-color 0.5s;
|
||||
transition: background-color 0.3s;
|
||||
pointer-events: auto;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user