summaryrefslogtreecommitdiff
path: root/website/public/css
diff options
context:
space:
mode:
Diffstat (limited to 'website/public/css')
-rw-r--r--website/public/css/base.css32
-rw-r--r--website/public/css/cv.css1
2 files changed, 28 insertions, 5 deletions
diff --git a/website/public/css/base.css b/website/public/css/base.css
index c28934a..d4c070a 100644
--- a/website/public/css/base.css
+++ b/website/public/css/base.css
@@ -29,10 +29,10 @@
--colour-hyperlink: var(--colour-hyperlink-80);
--font-size-sm: 1rem;
- --font-size-base: 1.1rem;
- --font-size-md: 1.2rem;
- --font-size-lg: 1.5rem;
- --font-size-xl: 2rem;
+ --font-size-base: 1.25rem;
+ --font-size-md: 1.75rem;
+ --font-size-lg: 2.5rem;
+ --font-size-xl: 3.5rem;
--spacing-block-xs: 0.5rem;
--spacing-block-sm: 1.75rem;
@@ -60,6 +60,7 @@
body {
font-size: var(--font-size-base);
color: var(--colour-primary-fg);
+ font-weight: light;
background-color: var(--colour-primary-bg);
line-height: 1.5;
@@ -155,6 +156,7 @@ h2 {
h3, h4, h5, h6 {
font-size: var(--font-size-md);
font-weight: 600;
+ margin-block-start: var(--spacing-block-lg);
}
/** Hyperlinks */
@@ -190,6 +192,12 @@ figcaption {
text-align: center;
}
+/** Lists */
+
+:is(ol, ul) {
+ margin-inline-start: var(--spacing-inline-lg);
+}
+
/** Navigation bar */
nav {
@@ -202,6 +210,7 @@ nav ul {
justify-content: center;
gap: var(--spacing-inline-md);
list-style: none;
+ margin: 0;
}
@media (min-width: 36rem) {
@@ -215,10 +224,18 @@ nav ul {
}
}
+/** Emphasis */
+
+strong {
+ font-weight: bold;
+ font-style: italic;
+}
+
/** Blog feed */
.h-feed ul {
list-style: none;
+ margin-inline: 0;
}
/** Block quotes */
@@ -232,7 +249,12 @@ blockquote {
font-style: initial;
}
-blockquote :is(em, i) {
+blockquote :is(b, strong) {
+ font-style: italic;
+ font-weight: bold;
+}
+
+blockquote :is(i, em) {
font-style: normal;
}
diff --git a/website/public/css/cv.css b/website/public/css/cv.css
index 06a93f4..b481d05 100644
--- a/website/public/css/cv.css
+++ b/website/public/css/cv.css
@@ -78,6 +78,7 @@ header h1 {
:is(.experience, .passions) :is(ol, ul) {
list-style: none;
+ margin-inline: 0;
}
:is(.experience, .passions) :is(ol, ul) li {