From b7b116f7feb916580e456cf4631978d84f3bb3e0 Mon Sep 17 00:00:00 2001 From: Arthur Date: Tue, 13 Feb 2024 14:08:35 +0100 Subject: [PATCH] update: badges usable in body (#53) --- .vscode/aiven.code-snippets | 2 +- src/components/Badges/EarlyBadge/styles.module.css | 8 +++++++- src/components/Badges/LimitedBadge/styles.module.css | 8 +++++++- src/components/Badges/ProBadge/styles.module.css | 8 +++++++- 4 files changed, 22 insertions(+), 4 deletions(-) diff --git a/.vscode/aiven.code-snippets b/.vscode/aiven.code-snippets index 7ffd6f8c..e8acb531 100644 --- a/.vscode/aiven.code-snippets +++ b/.vscode/aiven.code-snippets @@ -78,7 +78,7 @@ "Pro-platform badge": { "prefix": ["pro", "badge"], "body": [ - "import ProBadge from \"@site/src/components/ProBadge\";", + "import ProBadge from \"@site/src/components/Badges/ProBadge\";", "", "", "" diff --git a/src/components/Badges/EarlyBadge/styles.module.css b/src/components/Badges/EarlyBadge/styles.module.css index 36e28511..4341c9fd 100644 --- a/src/components/Badges/EarlyBadge/styles.module.css +++ b/src/components/Badges/EarlyBadge/styles.module.css @@ -6,6 +6,12 @@ text-transform: uppercase; margin: 0; padding: 4px 8px; - font-size: 43%; + font-size: 80%; vertical-align: middle; } + +h1 .badge, +h2 .badge, +h3 .badge { + font-size: 43%; +} diff --git a/src/components/Badges/LimitedBadge/styles.module.css b/src/components/Badges/LimitedBadge/styles.module.css index d2f1203e..e880a96c 100644 --- a/src/components/Badges/LimitedBadge/styles.module.css +++ b/src/components/Badges/LimitedBadge/styles.module.css @@ -6,6 +6,12 @@ text-transform: uppercase; margin: 0; padding: 4px 8px; - font-size: 43%; + font-size: 80%; vertical-align: middle; } + +h1 .badge, +h2 .badge, +h3 .badge { + font-size: 43%; +} diff --git a/src/components/Badges/ProBadge/styles.module.css b/src/components/Badges/ProBadge/styles.module.css index bafca525..f3fd9cff 100644 --- a/src/components/Badges/ProBadge/styles.module.css +++ b/src/components/Badges/ProBadge/styles.module.css @@ -6,6 +6,12 @@ text-transform: uppercase; margin: 0; padding: 4px 8px; - font-size: 43%; + font-size: 80%; vertical-align: middle; } + +h1 .badge, +h2 .badge, +h3 .badge { + font-size: 43%; +}