diff options
Diffstat (limited to 'src/app.css')
| -rw-r--r-- | src/app.css | 27 |
1 files changed, 26 insertions, 1 deletions
diff --git a/src/app.css b/src/app.css index 7dcddd4..679174a 100644 --- a/src/app.css +++ b/src/app.css @@ -28,6 +28,7 @@ --color-formatted-table-background: var(--color-neutral-950); --color-codeblock-border: var(--color-neutral-900); --color-codeblock-background: var(--color-neutral-950); + --color-accent-primary: var(--color-red-400); } @utility afterunderline-* { @@ -62,11 +63,19 @@ } } } +@utility quicklink { + @apply text-accent-primary transition-all afterunderline-accent-primary hover:afterunderline-hoverstate hover:text-white; +} @utility internal-header-active { &:not(:is(p)) { @apply text-white/95; } + &:is(blockquote) { + &::before { + background-color: var(--colour-full); + } + } &::after { @apply -ml-3 bg-gray-200/50; } @@ -74,7 +83,7 @@ #postmd { @apply font-sans; a { - @apply text-red-400 transition-all afterunderline-red-400 hover:afterunderline-hoverstate hover:text-white; + @apply quicklink; } h1 { @apply text-4xl mb-1.5 mt-2; @@ -185,6 +194,22 @@ } } } + blockquote:not(.default-blockquote) { + @apply -ml-1 pl-4 p-2 relative my-1; + &::before { + @apply absolute w-1 bg-accent-primary/50 transition-colors left-0 top-[10%] h-[80%]; + content: ''; + --colour-full: var(--color-accent-primary); + } + &:hover::before { + background-color: var(--colour-full); + } + p { + &::after { + @apply hidden; + } + } + } } /* |