From 5475d4f057fe4983bb61cc53b8c02dfe5bd63512 Mon Sep 17 00:00:00 2001 From: Adrien Allard Date: Tue, 11 Jun 2024 18:17:08 +0200 Subject: [PATCH] style: better formatting of font sizes --- content/en/news/001-a-new-indie-studio.md | 4 ++-- content/fr/news/001-a-new-indie-studio.md | 4 ++-- src/lib/css/typo.scss | 3 +++ src/lib/css/variables.scss | 4 ++-- src/pages/index/games.scss | 3 --- src/pages/index/news.html | 4 ++-- src/pages/index/news.scss | 13 ++++++------- 7 files changed, 17 insertions(+), 18 deletions(-) diff --git a/content/en/news/001-a-new-indie-studio.md b/content/en/news/001-a-new-indie-studio.md index 9294d4c..e34d97b 100644 --- a/content/en/news/001-a-new-indie-studio.md +++ b/content/en/news/001-a-new-indie-studio.md @@ -18,7 +18,7 @@ The open source software is not as strong in the video game industry as in other As a side goal, we aim to help this community and projects grow, so we choose to use as much open-source software as we can and hope to contribute in the future.
- + Godot Engine Logo
**We also want to thank Corentin** (a close friend). He set up all the toolchain we use to develop our games, and he did that with some panache. @@ -32,7 +32,7 @@ We are almost ready to announce it, but I'll keep that for a later post :). Nevertheless, we are proud to present our game studio: **Frog Collective.**
- + Frog Collective Logo
We hope you'll like what we will do together. diff --git a/content/fr/news/001-a-new-indie-studio.md b/content/fr/news/001-a-new-indie-studio.md index 73f31bf..5001eb3 100644 --- a/content/fr/news/001-a-new-indie-studio.md +++ b/content/fr/news/001-a-new-indie-studio.md @@ -18,7 +18,7 @@ Les logiciels libres ne sont pas aussi répandus dans l'industrie du jeu vidéo On aimerai que ces projets devienne plus important dans le milieu, on a donc choisi d'utiliser autant de logiciels libres que possible et espérons y contribuer à l'avenir.
- + Logo du Godot Engine
**Nous tenons également à remercier Corentin** (un ami proche). Il a mis en place toute la chaîne d'outils que nous utilisons pour développer nos jeux, et il l'a fait avec un certain panache. @@ -32,7 +32,7 @@ Nous sommes presque prêts à l'annoncer, mais je garderai cela pour un post ult Nous sommes fiers de vous présenter notre studio de jeu : **Frog Collective.**
- + Logo de Frog Collective
Nous espérons que vous aimerez ce que nous ferons ensemble. diff --git a/src/lib/css/typo.scss b/src/lib/css/typo.scss index b0990fb..d335e8f 100644 --- a/src/lib/css/typo.scss +++ b/src/lib/css/typo.scss @@ -44,14 +44,17 @@ h2 { font-family: 'Knewave'; font-size: var(--fz-2); font-weight: bold; + letter-spacing: 0.1rem; text-transform: uppercase; } h3 { margin: 0 0 var(--space-medium) 0; + font-family: 'Knewave'; font-size: var(--fz-3); font-weight: bold; + letter-spacing: 0.1rem; } h4 { diff --git a/src/lib/css/variables.scss b/src/lib/css/variables.scss index 7b3e6a1..bbe4a9d 100644 --- a/src/lib/css/variables.scss +++ b/src/lib/css/variables.scss @@ -25,7 +25,7 @@ $mobile-breakpoint: "max-width: 970px"; --fz-1: 4rem; --fz-2: 2rem; - --fz-3: 1.5rem; + --fz-3: 1.3rem; --fz-4: 1.125rem; --border-radius-small: 3px; @@ -38,7 +38,7 @@ $mobile-breakpoint: "max-width: 970px"; @media ($mobile-breakpoint) { --fz-1: 2.8rem; --fz-2: 1.825rem; - --fz-3: 1.5rem; + --fz-3: 1.25rem; --fz-4: 1.125rem; } } diff --git a/src/pages/index/games.scss b/src/pages/index/games.scss index e98f137..2a966a5 100644 --- a/src/pages/index/games.scss +++ b/src/pages/index/games.scss @@ -19,9 +19,6 @@ background: var(--background-red); color: var(--color-on-dark); padding: var(--space-small) var(--space-xlarge); - font-family: 'Knewave'; - letter-spacing: 0.1rem; - font-size: 40px; } &--description { diff --git a/src/pages/index/news.html b/src/pages/index/news.html index 0837b0e..400e4d0 100644 --- a/src/pages/index/news.html +++ b/src/pages/index/news.html @@ -10,8 +10,8 @@ {% for news in glob("news/*.md") | map('markdown') %}
-
{{ news.meta.date }}
-

{{ news.meta.title }}

+

{{ news.meta.date }}

+

{{ news.meta.title }}

diff --git a/src/pages/index/news.scss b/src/pages/index/news.scss index 44f6d78..e17688e 100644 --- a/src/pages/index/news.scss +++ b/src/pages/index/news.scss @@ -14,9 +14,6 @@ padding: var(--space-small) var(--space-medium); align-items: center; gap: var(--space-small); - font-family: 'Knewave'; - letter-spacing: 0.1rem; - font-size: 24px; @media($mobile-breakpoint) { flex-direction: column; @@ -26,7 +23,7 @@ &--date { border-right: 2px solid var(--color-on-dark); padding-right: var(--space-small); - font-weight: bold; + margin: 0; @media($mobile-breakpoint) { border-right: 0; @@ -40,9 +37,7 @@ &--title { flex-grow: 1; margin: 0; - font-family: 'Knewave'; - letter-spacing: 0.1rem; - font-size: 32px; + text-transform: none; @media($mobile-breakpoint) { text-align: center; @@ -56,4 +51,8 @@ padding: var(--space-medium) var(--space-medium); } } + + &--image { + max-width: 100%; + } }