From 323f5b61ee0b63b36d8971f3617c12508370cb63 Mon Sep 17 00:00:00 2001
From: prototypa <prototypearea.dev@gmail.com>
Date: Fri, 9 Sep 2022 22:19:00 -0400
Subject: [PATCH] Move to Inter font and minimal details

---
 src/assets/styles/base.css                | 11 +++++++++++
 src/components/atoms/Fonts.astro          |  2 +-
 src/components/core/ToggleMenu.astro      | 15 +--------------
 src/components/widgets/CallToAction.astro |  2 +-
 src/components/widgets/Features3.astro    |  2 +-
 src/components/widgets/Hero.astro         |  6 +++---
 tailwind.config.cjs                       |  2 +-
 7 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/src/assets/styles/base.css b/src/assets/styles/base.css
index 442e39e..5b4af3a 100644
--- a/src/assets/styles/base.css
+++ b/src/assets/styles/base.css
@@ -14,4 +14,15 @@
 
 [astro-icon].icon-bold > * {
   stroke-width: 2;
+}
+
+[data-aw-toggle-menu] path {
+  @apply transition;
+}
+[data-aw-toggle-menu].expanded g > path:first-child {
+  @apply -rotate-45 translate-y-[15px] translate-x-[-3px];
+}
+
+[data-aw-toggle-menu].expanded g > path:last-child {
+  @apply rotate-45 translate-y-[-8px] translate-x-[14px];
 }
\ No newline at end of file
diff --git a/src/components/atoms/Fonts.astro b/src/components/atoms/Fonts.astro
index ecaabbd..0de8a82 100644
--- a/src/components/atoms/Fonts.astro
+++ b/src/components/atoms/Fonts.astro
@@ -4,4 +4,4 @@
 <!-- Google Fonts -->
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;700&display=swap" rel="stylesheet" />
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" rel="stylesheet" />
diff --git a/src/components/core/ToggleMenu.astro b/src/components/core/ToggleMenu.astro
index 9e75c5b..9682ddb 100644
--- a/src/components/core/ToggleMenu.astro
+++ b/src/components/core/ToggleMenu.astro
@@ -12,17 +12,4 @@ const {
 
 <button type="button" class={className} aria-label={label} data-aw-toggle-menu>
   <Icon name={iconName} class={iconClass} optimize={false} />
-</button>
-
-<style is:inline>
-  [data-aw-toggle-menu] path {
-    @apply transition;
-  }
-  [data-aw-toggle-menu].expanded g > path:first-child {
-    @apply -rotate-45 translate-y-[15px] translate-x-[-3px];
-  }
-
-  [data-aw-toggle-menu].expanded g > path:last-child {
-    @apply rotate-45 translate-y-[-8px] translate-x-[14px];
-  }
-</style>
+</button>
\ No newline at end of file
diff --git a/src/components/widgets/CallToAction.astro b/src/components/widgets/CallToAction.astro
index 7c0a9c9..169a8d2 100644
--- a/src/components/widgets/CallToAction.astro
+++ b/src/components/widgets/CallToAction.astro
@@ -18,7 +18,7 @@ const {} = Astro.props;
 
         <div class="mt-6">
           <a
-            class="btn text-white bg-primary-600 hover:bg-primary-800 mb-4 sm:mb-0 font-bold"
+            class="btn text-white bg-primary-600 hover:bg-primary-800 mb-4 sm:mb-0"
             href="https://github.com/onwidget/astrowind"
             target="_blank"
             rel="noopener"
diff --git a/src/components/widgets/Features3.astro b/src/components/widgets/Features3.astro
index 8534d53..49c79cd 100644
--- a/src/components/widgets/Features3.astro
+++ b/src/components/widgets/Features3.astro
@@ -23,7 +23,7 @@ const {} = Astro.props;
 
               <div class="w-full">
                 <a
-                  class="btn text-white bg-primary-600 hover:bg-primary-800 mb-4 sm:mb-0 font-bold"
+                  class="btn text-white bg-primary-600 hover:bg-primary-800 mb-4 sm:mb-0"
                   href="https://github.com/onwidget/astrowind"
                   target="_blank"
                   rel="noopener"
diff --git a/src/components/widgets/Hero.astro b/src/components/widgets/Hero.astro
index 699bf3d..dbbb73b 100644
--- a/src/components/widgets/Hero.astro
+++ b/src/components/widgets/Hero.astro
@@ -20,13 +20,13 @@ const {} = Astro.props;
         <div class="max-w-3xl mx-auto">
           <p class="text-xl text-gray-600 mb-8 dark:text-slate-400">
             AstroWind is a production ready template to start your new website using Astro + Tailwind CSS. It has been
-            designed following Best Practices, SEO, Accessibility, Dark Mode, great Page Speed, image optimization,
-            sitemap generation and more.
+            designed following Best Practices, SEO, Accessibility, <span class="inline sm:hidden">... </span><span class="hidden sm:inline">Dark Mode, Great Page Speed, image optimization,
+            sitemap generation and more.</span>
           </p>
           <div class="max-w-none px-6 flex flex-nowrap flex-col sm:flex-row sm:justify-center gap-4">
             <div class="flex w-full sm:w-auto">
               <a
-                class="btn text-white border border-primary-600 bg-primary-600 hover:bg-primary-800 hover:border-primary-800 sm:mb-0 font-bold w-full"
+                class="btn text-white border border-primary-600 bg-primary-600 hover:bg-primary-800 hover:border-primary-800 sm:mb-0 w-full"
                 href="https://github.com/onwidget/astrowind"
                 target="_blank"
                 rel="noopener"
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index af7fd06..c9f494b 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -10,7 +10,7 @@ module.exports = {
         secondary: colors.pink,
       },
       fontFamily: {
-        sans: ["'IBM Plex Sans'", ...defaultTheme.fontFamily.sans],
+        sans: ["'Inter'", ...defaultTheme.fontFamily.sans],
       },
     },
   },