Add tailwind CSS classes to city info local forecast

ryand56 · Nov 4, 2022 · 66e9638 · 66e9638
1 parent 2755b11
commit 66e9638
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/components/Slides/Containers/Slides/CityInfo/Detailed.tsx b/components/Slides/Containers/Slides/CityInfo/Detailed.tsx
@@ -32,7 +32,7 @@ const Detailed = () => {
                 id="info-subheadershadowfix"
                 className="font-normal font-frutiger57-cond text-white flex flex-row flex-nowrap justify-between text-subhead h-subhead z-subheader-shadow whitespace-nowrap text-shadow-subhead absolute min-w-subhead-shadow"
             >
-                <span id="subhead-title" className="absolute top-[50.8%] transform -translate-y-42-5 scale-x-118 scale-y-100 origin-left left-[7px] w-[250%]">Local Forecast</span>
+                <span id="subhead-title" className="absolute top-subhead-title-t transform -translate-y-42-5 scale-x-118 scale-y-100 origin-left left-subhead-title-l w-subhead-title">Local Forecast</span>
             </motion.div>
             <motion.div
                 initial={{ opacity: 0 }}

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -113,6 +113,8 @@ module.exports = {
         "subhead-city-r": "90px",
         "subhead-shadow-t": "50.8%",
         "subhead-shadow-l": "7px",
+        "subhead-title-t": "50.8%",
+        "subhead-title-l": "7px",
         "forecast": "10%",
         "logo-area-t": "83.4%",
         "logo-area-img-t": "19%",
@@ -195,6 +197,7 @@ module.exports = {
         "infoslide-container": "884.5px",
         "gradient": "125px",
         "subhead-shadow": "250%",
+        "subhead-title": "250%",
         "logo-area": "31.528%",
         "logo-area-img": "65%"
       },