Merge pull request #54 from thisisobate/increase-paragraph

chore: tiny layout improvements

Author: JonathanR19

assets/scss/_styles_project.scss

@@ -413,6 +413,10 @@
     font-size: 1.125rem;
 }
 
+.text-xl {
+    font-size: 1.3rem;
+}
+
 .text-2xl {
     font-size: 1.5rem;
 }

assets/scss/_variables_project.scss

@@ -11,5 +11,5 @@ $light: #ffffff !default;
 // font
 $google_font_name: 'Alegreya Sans';
 $google_font_family: 'Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900';
-$line-height-base: 1.6667;
-$font-size-base: 1.125rem;
+$line-height-base: 1.5;
+$font-size-base: 1.3rem;

layouts/home.html

@@ -5,7 +5,7 @@
   </div>
   <div class="text-center">
     <h1 class="max-w-700px text-6xl line-height-1 -text-primary m-auto">Accelerate application modernization</h1>
-    <p class="max-w-600px text-lg mt-3 m-auto">
+    <p class="max-w-600px mt-3 m-auto">
         Konveyor is an open-source project that gives developers and platform teams visibility, analysis, and transformation tools to predictably re-platform and refactor legacy applications at scale for Kubernetes and cloud-native technologies.
     </p>
   </div>
@@ -31,7 +31,7 @@ <h2 class="fancy text-center font-medium -text-primary"><span>Key components of
                             <h2 class="-text-primary">{{ . }}</h2>
                         {{ end }}
                         {{ with $component.description }}
-                            <p class="text-lg">
+                            <p>
                                 {{ . }}
                             </p>
                         {{ end }}