From 6780fbd95fc93a9c92d4df2b1ecc541cc7da5104 Mon Sep 17 00:00:00 2001 From: Hactarus <859868+Hactarus@users.noreply.github.com> Date: Thu, 16 Mar 2023 13:04:56 +0100 Subject: [PATCH] feat(font): Define font size --- src/assets/css/1024_default.css | 5 +++++ src/assets/css/style_hactarus.css | 18 ++++++++++++++++++ src/index.html | 4 +++- 3 files changed, 26 insertions(+), 1 deletion(-) create mode 100644 src/assets/css/1024_default.css diff --git a/src/assets/css/1024_default.css b/src/assets/css/1024_default.css new file mode 100644 index 0000000..5385022 --- /dev/null +++ b/src/assets/css/1024_default.css @@ -0,0 +1,5 @@ +:root { + --text-h2: 25pt + --text-guide: 20pt; + --text-default: 16pt; +} \ No newline at end of file diff --git a/src/assets/css/style_hactarus.css b/src/assets/css/style_hactarus.css index 0be448b..dc94aae 100644 --- a/src/assets/css/style_hactarus.css +++ b/src/assets/css/style_hactarus.css @@ -2,6 +2,7 @@ body { margin: 0; padding: 0; + font-size: var(--text-default); } menu { @@ -40,11 +41,24 @@ header { section { padding-top: 5vh; + text-align: justify; +} + +section > figure { + margin: auto; + text-align: center; } h2 { + padding: 1vh 2vw; background-color: var(--color-bg); color: var(--color-txt); + font-size: var(--text-h2); +} + +p { + padding: 1vh 2vw; + color: var(--color-bg); } /* Decorations */ @@ -98,4 +112,8 @@ h2 { img { max-width: 100vw; +} + +.guide__el { + font-size: var(--text-guide); } \ No newline at end of file diff --git a/src/index.html b/src/index.html index a5e6067..5679449 100644 --- a/src/index.html +++ b/src/index.html @@ -34,10 +34,12 @@ + + + //-->