diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss index 0ed356ae2..86ac7662c 100644 --- a/quartz/styles/base.scss +++ b/quartz/styles/base.scss @@ -1,7 +1,7 @@ @use "variables" as *; @use "syntax"; @use "callouts"; -// @use "explorer"; +// @use "custom"; * { scrollbar-width: thin; @@ -64,10 +64,14 @@ a { text-decoration: none; // transition: color 0.5s ease; // 0.2s color: var(--secondary); + text-decoration: underline 0.2rem transparent; + transition: text-decoration-color 0.5s; - // &:hover { - // color: var(--tertiary) !important; - // } + &:hover { + // color: var(--tertiary) !important; + text-decoration-color: var(--tertiary); + // text-underline-offset: 0.4em; + } &.internal:not(:has(> img)) { text-decoration: none; diff --git a/quartz/styles/custom.scss b/quartz/styles/custom.scss index bdcf64aa1..31a77602a 100644 --- a/quartz/styles/custom.scss +++ b/quartz/styles/custom.scss @@ -1,44 +1,15 @@ @use "./base.scss"; -// put your custom CSS here! - -// a { -// display: inline-block; -// position: relative; -// // color: #0087ca; +// Explorer +// div[data-folderpath="/Archive"] p[class="folder-title"]::before { +// content: "📚 "; // } - -// a::after { -// content: ''; -// position: absolute; -// width: 100%; -// transform: scaleX(0); -// height: 2px; -// bottom: 0; -// left: 0; -// background-color: #0087ca; -// transform-origin: bottom right; -// transition: transform 0.25s ease-out; +// div[data-folderpath="/Seedlings"] p[class="folder-title"]::before { +// content: "🌱 "; // } - -// a:hover::after { -// transform: scaleX(1); -// transform-origin: bottom left; +// div[data-folderpath="/Evergreen"] p[class="folder-title"]::before { +// content: "🌳 "; // } - -// a.article-title { - +// div[data-folderpath="/Budding"] p[class="folder-title"]::before { +// content: "🌿 "; // } - -a { - // text-decoration: underline 0.15em rgba(0, 0, 0, 1); - // text-underline-offset: 0.2em; - // transition: text-decoration-color 0.3s, text-underline-offset 0.3s; - text-decoration: underline 0.2rem transparent; - transition: text-decoration-color 0.5s; -} - -a:hover { - text-decoration-color: var(--tertiary); - // text-underline-offset: 0.4em; -} diff --git a/quartz/styles/explorer.scss b/quartz/styles/explorer.scss deleted file mode 100644 index c5304065f..000000000 --- a/quartz/styles/explorer.scss +++ /dev/null @@ -1,12 +0,0 @@ -div[data-folderpath="/Archive"] p[class="folder-title"]::before { - content: "📚 "; -} -div[data-folderpath="/Seedlings"] p[class="folder-title"]::before { - content: "🌱 "; -} -div[data-folderpath="/Evergreen"] p[class="folder-title"]::before { - content: "🌳 "; -} -div[data-folderpath="/Budding"] p[class="folder-title"]::before { - content: "🌿 "; -}