From 2f033888e43ee33f406bc11a2074c4a5e8d519e9 Mon Sep 17 00:00:00 2001
From: Juan Picado <juanpicado19@gmail.com>
Date: Thu, 12 Aug 2021 08:20:54 +0200
Subject: [PATCH] website: updagre text size (#2363)

* updagre text size

* try latest pnpm

* Update website.yml

* Update website.yml
---
 .github/workflows/website.yml                  |  2 +-
 website/src/components/FeatureCard.module.scss |  2 +-
 website/src/css/_buttons.scss                  |  2 +-
 website/src/css/_headers.scss                  | 14 ++++++++++++--
 website/src/css/custom.scss                    |  4 ++--
 5 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/.github/workflows/website.yml b/.github/workflows/website.yml
index 43b9cf7f7..f929f60c0 100644
--- a/.github/workflows/website.yml
+++ b/.github/workflows/website.yml
@@ -145,4 +145,4 @@ jobs:
           number: ${{ github.event.issue.number }}
           header: lighthouse
           message: |
-            ${{ steps.format_lighthouse_score.outputs.comment }}
\ No newline at end of file
+            ${{ steps.format_lighthouse_score.outputs.comment }}
diff --git a/website/src/components/FeatureCard.module.scss b/website/src/components/FeatureCard.module.scss
index 19970d4fe..6f10508e1 100644
--- a/website/src/components/FeatureCard.module.scss
+++ b/website/src/components/FeatureCard.module.scss
@@ -22,7 +22,7 @@ .featureCard {
 
   p {
     color: var(--p-color);
-    font-size: 0.875rem;
+    font-size: var(--font-size);
   }
 }
 
diff --git a/website/src/css/_buttons.scss b/website/src/css/_buttons.scss
index 92c11507b..c17d0b191 100644
--- a/website/src/css/_buttons.scss
+++ b/website/src/css/_buttons.scss
@@ -1,7 +1,7 @@
 .link {
   font-weight: 600;
   padding: 0.575rem;
-  font-size: 0.875rem;
+  font-size: var(--font-size);
   width: 100%;
   border-radius: 1rem;
   text-decoration: none;
diff --git a/website/src/css/_headers.scss b/website/src/css/_headers.scss
index 862ce3b21..86720923b 100644
--- a/website/src/css/_headers.scss
+++ b/website/src/css/_headers.scss
@@ -15,7 +15,17 @@ h3 {
   font-size: var(--ifm-h3-font-size);
 }
 
-p {
+p,
+li,
+a {
   color: var(--p-color);
-  font-size: 0.875rem;
+  font-size: var(--font-size);
+}
+
+@media (min-width: 1000px) {
+  p,
+  li,
+  a {
+    font-size: var(--font-size-big);
+  }
 }
diff --git a/website/src/css/custom.scss b/website/src/css/custom.scss
index d601931b0..9833e7170 100644
--- a/website/src/css/custom.scss
+++ b/website/src/css/custom.scss
@@ -20,8 +20,8 @@ :root {
   --twitter-color: #1595de;
   --red: #cd4001;
   --p-color: #5c5c5c;
-
-  --ifm-code-font-size: 95%;
+  --font-size: 0.875rem;
+  --font-size-big: calc(var(--font-size) * 1.2);
 }
 
 html[data-theme='dark']:root {