aboutsummaryrefslogtreecommitdiff
path: root/frontend/scss
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/scss')
-rw-r--r--frontend/scss/general.scss21
-rw-r--r--frontend/scss/main.scss4
2 files changed, 16 insertions, 9 deletions
diff --git a/frontend/scss/general.scss b/frontend/scss/general.scss
index 694a4b0..4df6da0 100644
--- a/frontend/scss/general.scss
+++ b/frontend/scss/general.scss
@@ -11,12 +11,15 @@ body * {
line-height: var(--line-height);
}
-main, article {
+main,
+article {
max-width: var(--width-content);
margin: 0 auto;
}
-h1, h2, h3 {
+h1,
+h2,
+h3 {
font-weight: 500;
line-height: var(--line-height-smaller);
@@ -64,7 +67,8 @@ nav > a {
line-height: var(--line-height-smaller);
}
-em, cite {
+em,
+cite {
font-style: italic;
}
@@ -75,7 +79,8 @@ b {
padding: 0.05em 0.1em;
}
-ul, ol {
+ul,
+ol {
margin-top: -1rem;
margin-bottom: var(--margin-base);
margin-left: 1rem;
@@ -118,14 +123,15 @@ figure {
margin-bottom: var(--margin-base);
- & a, img {
+ & a,
+ img {
max-width: 100%;
display: block;
&.large {
--max-width: var(--width-deco);
--width: min(calc(100vw - 4rem), var(--max-width));
- margin-left: max(calc((100% - var(--max-width))/2), calc((100% - var(--width))/2));
+ margin-left: max(calc((100% - var(--max-width)) / 2), calc((100% - var(--width)) / 2));
width: var(--width);
max-width: var(--max-width);
max-height: none;
@@ -139,7 +145,8 @@ figcaption {
color: var(--color-gray);
}
-code, pre {
+code,
+pre {
background: var(--color-black);
}
diff --git a/frontend/scss/main.scss b/frontend/scss/main.scss
index 541dd9e..d704d74 100644
--- a/frontend/scss/main.scss
+++ b/frontend/scss/main.scss
@@ -6,8 +6,8 @@
:root {
--color-dark: hsl(202, 25%, 9%);
--color-light: #dce4e4;
- --color-gray: #BCB3BB; /* quote and legend */
- --color-rose: #F2B5D4; /* link accent */
+ --color-gray: #bcb3bb; /* quote and legend */
+ --color-rose: #f2b5d4; /* link accent */
--color-light-rose: hsl(330, 55%, 70%, 0.2); /* link accent hover and highlight */
--color-black: rgba(0, 0, 0, 0.4); /* pre, code */