From 68d6a755215750a60cc33e903948e3ada4ef5b81 Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.ai>
Date: Tue, 11 Oct 2022 17:10:43 +0200
Subject: [PATCH] Docs(refactor): use css variable for small font size.

To facilitate reusability and convey meaning.
---
 website/src/components/Figure/styles.module.css | 2 +-
 website/src/css/custom.css                      | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/website/src/components/Figure/styles.module.css b/website/src/components/Figure/styles.module.css
index 273ed579c9..ed7c46d58e 100644
--- a/website/src/components/Figure/styles.module.css
+++ b/website/src/components/Figure/styles.module.css
@@ -15,7 +15,7 @@ figure * + * {
 }
 
 figcaption {
-    font-size: 90%;
+    font-size: var(--unleash-font-size-smaller);
     padding-inline: var(--ifm-pre-padding);
     border-inline-start: 5px solid var(--ifm-color-primary);
 }
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 2a2d2b861b..398c47b3e5 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -13,6 +13,8 @@
     --ifm-code-font-size: 90%;
     --ifm-font-size-base: 15px;
     --navbar-link-color: #122d33;
+
+    --unleash-font-size-smaller: 90%;
 }
 
 footer {