clean styles

This commit is contained in:
semanticdata 2023-12-11 19:27:15 -06:00
parent f186f64ac8
commit 7e23e2c2cb
3 changed files with 17 additions and 54 deletions

View File

@ -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;

View File

@ -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;
}

View File

@ -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: "🌿 ";
}