Merge remote-tracking branch 'origin/main' into feat/text

src/components/Section.tsx

@@ -128,7 +128,12 @@ const Section = (props: ISection) => {
         >
             {section.title && (
                 <h2
-                    className={twMerge("text-3xl font-extrabold", oClass.title)}
+                    className={twMerge(
+                        // "text-2xl font-extrabold sm:text-5xl",
+                        // breakpoint can 'break' overrides in project (smeag)
+                        "text-5xl font-extrabold",
+                        oClass.title
+                    )}
                 >
                     {section.title}
                 </h2>
@@ -136,7 +141,8 @@ const Section = (props: ISection) => {
             {section.subtitle && (
                 <h4
                     className={twMerge(
-                        "mt-2 text-2xl font-bold",
+                        // "mt-2 text-xl font-bold sm:text-3xl",
+                        "mt-2 text-3xl font-bold",
                         oClass.subtitle
                     )}
                 >

src/components/Text.tsx

@@ -26,7 +26,7 @@ const Text = (props: IText) => {
             {title && (
                 <h2
                     className={twMerge(
-                        "font-extrabold sm:text-4xl",
+                        "text-2xl font-extrabold sm:text-4xl",
                         oClass.title
                     )}
                 >
@@ -45,6 +45,7 @@ const Text = (props: IText) => {
                 <>
                     <span
                         className={twMerge(
+                            //"pt-10 text-justify text-xl leading-8 sm:text-2xl",
                             "pt-10 text-justify text-xl leading-8 ",
                             oClass.content
                         )}