v0.3.0

* Add blockquote style
kulmajaba · Aug 15, 2024 · 7ca5016 · 7ca5016
1 parent 2b13442
commit 7ca5016
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/assets/css/_base.scss b/assets/css/_base.scss
@@ -128,3 +128,13 @@ hr {
  width: 100%;
  border-color: var(--color-border);
 }
+
+blockquote {
+ padding: 0.25em 1em;
+ border-radius: 4px;
+ border-left: 4px solid var(--color-border);
+ background-color: var(--color-bg-card-dim);
+ color: var(--color-text-secondary);
+ margin-block: 0.5em;
+ margin-inline: 1em;
+}
diff --git a/assets/css/_variables.scss b/assets/css/_variables.scss
@@ -16,6 +16,7 @@ $layout-breakpoint-l: 1200px;
  --color-bg-transparent: rgb(246 246 246 / 0.75);
  --color-bg-transparent-dark: rgb(28 28 28 / 0.75);
  --color-bg-card: rgb(255 255 255);
+ --color-bg-card-dim: rgb(255 255 255 / 0.5);
  --color-bg-scrollbar: rgb(255 255 255);
  --color-bg-scrollbar-thumb: rgb(28 28 28 / 0.25);
  --color-border: rgb(28 28 28 / 0.2);
@@ -33,6 +34,7 @@ $layout-breakpoint-l: 1200px;
  --color-bg: rgb(28 28 28);
  --color-bg-transparent: rgb(28 28 28 / 0.75);
  --color-bg-card: rgb(36 36 36);
+ --color-bg-card-dim: rgb(36 36 36 / 0.5);
  --color-bg-scrollbar: rgb(36 36 36);
  --color-bg-scrollbar-thumb: rgb(246 246 246 / 0.25);
  --color-border: rgb(246 246 243 / 0.2);