fix: mobile

This commit is contained in:
bfahrenfort 2024-11-02 19:34:17 +11:00
parent abf9d6449e
commit 53cd4c3a8a

View File

@ -1,4 +1,5 @@
@use "./base.scss"; @use "./base.scss";
@use "./variables.scss" as *;
@font-face { @font-face {
font-family: "Monaspace Neon"; font-family: "Monaspace Neon";
@ -150,14 +151,18 @@ ul {
} }
.page > #quartz-body .sidebar.left { .page > #quartz-body .sidebar.left {
border-radius: 1rem; @media all and not ($mobile) {
border: 2px solid var(--darkgray); border-radius: 1rem;
top: 1rem; border: 2px solid var(--gray);
height: calc(100vh - 2rem); top: 1rem;
margin-bottom: 1rem; height: calc(100vh - 2rem);
align-content: flex-start; margin-bottom: 1rem;
box-shadow: 8px 6px 0 0 var(--gray); align-content: flex-start;
transition: all .3s ease-in; box-shadow: 8px 6px 0 0 var(--gray);
transition-property: border, box-shadow;
transition-duration: .3s;
transition-timing-function: ease-in;
}
} }
[saved-theme="dark"] .page > #quartz-body .sidebar.left:hover { [saved-theme="dark"] .page > #quartz-body .sidebar.left:hover {
border: 2px solid #e9edfa; border: 2px solid #e9edfa;