GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-24 21:34:06 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

🎨 use project formatter

Browse Source
This commit is contained in:
MathieuDR 2025-05-11 00:22:37 +02:00
parent 9691ef3e2e
commit f23ee32b11
No known key found for this signature in database
GPG Key ID: BB1B6AEC733F6F80
1 changed files with 14 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
quartz/components/styles/explorer.scss
View File

@ -1,14 +1,12 @@
@use "../../styles/variables.scss" as *; @use "../../styles/variables.scss" as *;
@media all and ($mobile) { @media all and ($mobile) {
.page>#quartz-body { .page > #quartz-body {
// Shift page position when toggling Explorer on mobile. // Shift page position when toggling Explorer on mobile.
&> :not(.sidebar.left:has(.explorer)) { & > :not(.sidebar.left:has(.explorer)) {
transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out;
} }
&.lock-scroll > :not(.sidebar.left:has(.explorer)) {
&.lock-scroll> :not(.sidebar.left:has(.explorer)) {
transform: translateX(100dvw); transform: translateX(100dvw);
transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out;
} }
@ -22,7 +20,7 @@
margin: 0; margin: 0;
} }
.hide-until-loaded~#explorer-content { .hide-until-loaded ~ #explorer-content {
display: none; display: none;
} }
} }
@ -35,10 +33,8 @@
min-height: 1.2rem; min-height: 1.2rem;
flex: 0 1 auto; flex: 0 1 auto;
&.collapsed { &.collapsed {
flex: 0 1 1.2rem; flex: 0 1 1.2rem;
& .fold { & .fold {
transform: rotateZ(-90deg); transform: rotateZ(-90deg);
} }
@ -88,7 +84,7 @@
pointer-events: all; pointer-events: all;
transition: transform 0.35s ease; transition: transform 0.35s ease;
&>polyline { & > polyline {
pointer-events: none; pointer-events: none;
} }
} }
@ -124,7 +120,7 @@ button.desktop-explorer {
padding: 0; padding: 0;
overscroll-behavior: contain; overscroll-behavior: contain;
& li>a { & li > a {
color: var(--dark); color: var(--dark);
opacity: 0.75; opacity: 0.75;
pointer-events: all; pointer-events: all;
@ -146,7 +142,7 @@ button.desktop-explorer {
grid-template-rows: 1fr; grid-template-rows: 1fr;
} }
.folder-outer>ul { .folder-outer > ul {
overflow: hidden; overflow: hidden;
margin-left: 6px; margin-left: 6px;
padding-left: 0.8rem; padding-left: 0.8rem;
@ -160,7 +156,7 @@ button.desktop-explorer {
align-items: center; align-items: center;
user-select: none; user-select: none;
& div>a { & div > a {
color: var(--secondary); color: var(--secondary);
font-family: var(--headerFont); font-family: var(--headerFont);
font-size: 0.95rem; font-size: 0.95rem;
@ -169,11 +165,11 @@ button.desktop-explorer {
display: inline-block; display: inline-block;
} }
& div>a:hover { & div > a:hover {
color: var(--tertiary); color: var(--tertiary);
} }
& div>button { & div > button {
color: var(--dark); color: var(--dark);
background-color: transparent; background-color: transparent;
border: none; border: none;
@ -206,7 +202,7 @@ button.desktop-explorer {
flex-shrink: 0; flex-shrink: 0;
} }
li:has(> .folder-outer:not(.open))>.folder-container>svg { li:has(> .folder-outer:not(.open)) > .folder-container > svg {
transform: rotate(-90deg); transform: rotate(-90deg);
} }
@ -219,7 +215,7 @@ li:has(> .folder-outer:not(.open))>.folder-container>svg {
&.collapsed { &.collapsed {
flex: 0 0 34px; flex: 0 0 34px;
&>#explorer-content { & > #explorer-content {
transform: translateX(-100vw); transform: translateX(-100vw);
visibility: hidden; visibility: hidden;
} }
@ -228,7 +224,7 @@ li:has(> .folder-outer:not(.open))>.folder-container>svg {
&:not(.collapsed) { &:not(.collapsed) {
flex: 0 0 34px; flex: 0 0 34px;
&>#explorer-content { & > #explorer-content {
transform: translateX(0); transform: translateX(0);
visibility: visible; visibility: visible;
} }
@ -271,4 +267,4 @@ li:has(> .folder-outer:not(.open))>.folder-container>svg {
@media all and ($mobile) { @media all and ($mobile) {
overflow: hidden; overflow: hidden;
} }
} }