add new text class

_includes/block/features.html

@@ -4,7 +4,7 @@
         <div class="lg:w-1/2 w-full mb-6 lg:mb-0">
           <a class="anchor" id="{{ include.data.ref }}"></a>
           <div class="inline-flex items-center">
-            <h1 class="sm:text-3xl text-2xl font-medium title-font mb-2 cm-gray-1">{{ include.data.title }}</h1>
+            <h1 class="header-text title-font mb-2 cm-gray-1">{{ include.data.title }}</h1>
             {% if include.link %}
             {% assign link=include.data.link|default:include.link %}
             <a href="{% include fnc/link.html item=link %}" alt="learn more">{% include fnc/learn_more.html %}</a>

_includes/block/functions.html

@@ -8,7 +8,7 @@
   <div class="container px-5 {% if padding == true %}py-24{% endif %} mx-auto">
     {% if include.data.title or include.data.text or include.data.link %}
     <div class="flex flex-col text-center w-full mb-20">
-      {% if include.data.title %}<h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 cm-gray-1">{{ include.data.title }}</h1>{% endif %}
+      {% if include.data.title %}<h1 class="header-text title-font mb-4 cm-gray-1">{{ include.data.title }}</h1>{% endif %}
       {% if include.data.text %}<p class="lg:w-2/3 mx-auto leading-relaxed text-base">{{ include.data.text }}</p>{% endif %}
       {% if include.data.link and include.no_link != true %}
       <a class="text-secondary inline-flex items-center justify-center" href="{% include fnc/link.html item=include.data.link %}" alt="learn more">Learn More {% include fnc/learn_more.html %}</a>

assets/index.css

@@ -12,6 +12,10 @@ layout: empty
         @apply border-b-4 border-blue-400;
     }
 
+    .header-text{
+        @apply sm:text-3xl text-2xl font-medium
+    }
+
     .footer-link {
         @apply text-gray-600 hover:text-gray-800
     }