From b6ed63c7ae4e7bf517db7f91cb02653abf2cd9dc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=98=99=E2=97=A6=20The=20Tablet=20=E2=9D=80=20GamerGirla?= =?UTF-8?q?ndCo=20=E2=97=A6=E2=9D=A7?= Date: Mon, 29 May 2023 16:07:26 -0400 Subject: [PATCH] style! --- assets/_colors.scss | 2 +- assets/_main.scss | 4 +++ assets/_markdown.scss | 6 +++++ assets/quartz/styles/custom.scss | 44 +++++++++++++++++++++++++++++++- 4 files changed, 54 insertions(+), 2 deletions(-) diff --git a/assets/_colors.scss b/assets/_colors.scss index 620eb06..7bba838 100644 --- a/assets/_colors.scss +++ b/assets/_colors.scss @@ -10,7 +10,7 @@ --outlinegray: #dadada; --million-progress-bar-color: var(--secondary); --highlighted: #00e7e388; - --header: #a1e7ff; + --header: #00e7e3d1; --title: #00e7e3 --scrollbar: gray; --scrollbar-track: #DDD; diff --git a/assets/_main.scss b/assets/_main.scss index ab05b9e..20cc8e8 100644 --- a/assets/_main.scss +++ b/assets/_main.scss @@ -2,6 +2,10 @@ html { font-size: $font-size-base; scroll-behavior: smooth; touch-action: manipulation; + & *::selection { + background-color: rgb(133, 25, 81); + border-radius: 1.5em; + } } body { diff --git a/assets/_markdown.scss b/assets/_markdown.scss index 358baf4..21ad15d 100644 --- a/assets/_markdown.scss +++ b/assets/_markdown.scss @@ -31,6 +31,12 @@ opacity: initial; } } + h1 { + -webkit-text-stroke: 2.5px currentColor; + } + h2 { + -webkit-text-stroke: 1.7px currentColor; + } h4, h5, diff --git a/assets/quartz/styles/custom.scss b/assets/quartz/styles/custom.scss index 03dd984..a73dc5b 100644 --- a/assets/quartz/styles/custom.scss +++ b/assets/quartz/styles/custom.scss @@ -1 +1,43 @@ -// Add your own CSS here! \ No newline at end of file +// Add your own CSS here! +.tag-container { + display: inline-flex; + flex-wrap: wrap; + & > .post-tag + .post-tag { + margin-left: 0.5em; + } + font-size: 10px; +} +#tabs-post-meta { + color: var(--gray) !important; + user-select: none; + font-size: 15px; + font-family: "AaBobble"; +} +.tags-heading h3 { + margin: 0; + margin-top: 0.8em; +} +.post-date { + // margin: 1.7em 0; + display: inline-block; +} +.small-caps { + text-transform: uppercase; +} +.post-tag { + display: inline-block; + background-color: var(--secondary); + border-radius: 25px; + padding: 3px 7px; + font-size: 12px; + transition: box-shadow 300ms ease-out; + &:hover { + box-shadow: 3px 2px 0px #affffe; + } + a { + color: #000; + &:hover { + text-shadow: 0px 1px 0px #000; + } + } +} \ No newline at end of file