mirror of
https://github.com/jackyzha0/quartz.git
synced 2025-12-27 23:04:05 -06:00
fix: mobile
This commit is contained in:
parent
abf9d6449e
commit
53cd4c3a8a
@ -1,4 +1,5 @@
|
||||
@use "./base.scss";
|
||||
@use "./variables.scss" as *;
|
||||
|
||||
@font-face {
|
||||
font-family: "Monaspace Neon";
|
||||
@ -150,14 +151,18 @@ ul {
|
||||
}
|
||||
|
||||
.page > #quartz-body .sidebar.left {
|
||||
border-radius: 1rem;
|
||||
border: 2px solid var(--darkgray);
|
||||
top: 1rem;
|
||||
height: calc(100vh - 2rem);
|
||||
margin-bottom: 1rem;
|
||||
align-content: flex-start;
|
||||
box-shadow: 8px 6px 0 0 var(--gray);
|
||||
transition: all .3s ease-in;
|
||||
@media all and not ($mobile) {
|
||||
border-radius: 1rem;
|
||||
border: 2px solid var(--gray);
|
||||
top: 1rem;
|
||||
height: calc(100vh - 2rem);
|
||||
margin-bottom: 1rem;
|
||||
align-content: flex-start;
|
||||
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 {
|
||||
border: 2px solid #e9edfa;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user