diff --git a/contributors/contributor.css b/contributors/contributor.css deleted file mode 100644 index 660dbbb..0000000 --- a/contributors/contributor.css +++ /dev/null @@ -1,625 +0,0 @@ -*{ - font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; - margin: 0; - padding: 0; - box-sizing: border-box; - } - .container { - text-align: center; - } - - .title { - display: inline-block; - font-size: 3em; - margin-bottom: 20px; - padding: 10px; - color: #fffdff; - text-shadow: 1px 1px 2px rgb(11, 11, 11), 0 0 1em rgba(27, 3, 239, 0.617), - 0 0 0.2em rgba(114, 125, 231, 0.623); - /* border-radius: 20px; */ - /* background-color: rgba(209, 209, 255, 0.8); */ - } - - .theme-switch::before { - content: ""; - position: absolute; - top: 3px; - left: 3px; - width: 24px; - height: 24px; - background-size: contain; - background-repeat: no-repeat; - background-position: center; - transition: left 0.3s ease-in-out, background-image 0.3s ease-in-out; - background-image: url("../Assets/moon.png"); - } - - .theme-switch.dark-theme::before { - left: 33px; - background-image: url("../Assets/sun.png"); - } - - .contributors-grid { - - width: 100vw; - flex-wrap: wrap; - gap: 40px; - padding: 20px; - display: grid; - grid-template-columns: repeat(6, minmax(100px,5fr)) - } - - .contributor-card { - /* width: auto; - height: auto; */ - min-width: 200px; - min-height: 300px; - display: flex; - justify-content: center; - position: relative; - overflow: hidden; - max-width: calc(55% - 16px); - display: flex; - flex-direction: column; - align-items: center; - background-color: #fd9393; - border: 1px solid #e0e2d0; - border-radius: 8px; - box-shadow: 0 0px 8px rgba(0, 0, 0, 1); - padding: 16px; - transition: transform 0.5s ease-in-out, box-shadow 0.3s ease; - text-decoration: none; - color: inherit; - /* margin-bottom: 16px; */ - word-wrap: wrap; - - - } - - #contributors { - perspective: 1000px; /* This adds depth for 3D transformations */ - } - - .contributor-card:hover { - transform: scale(1.02); - box-shadow: 1px 1px 23px rgba(14, 6, 14, 0.915); - border: none; - cursor: pointer; - transform: translateZ(50px); - - } - - - .contributor-card:hover::before { - transform: translate(0, 0); - opacity: 1; - } - - .contributor-card img { - border-radius: 50%; - width: 100px; - height: 100px; - object-fit: cover; - margin-bottom: 10px; - transition: box-shadow 0.3s ease-in-out, border 0.1s ease-in-out; - } - - .contributor-card:hover img { - border: 2px solid rgb(255, 234, 0); - box-shadow: -1px 2px 27px rgb(83, 217, 241); - } - - /* - .contributor-card h2 { - margin: 0 0 10px; - } */ - /* - .contributor-card p { - } */ - - .contributor-card h2 { - color: #040404; - position: relative; - z-index: 1; - transition: text-shadow 0.3s ease-in-out, color 0.3s ease-in-out; - } - - .contributor-card p { - font-size: 1.2em; - color: #040404; - position: relative; - z-index: 1; - transition: text-shadow 0.3s ease-in-out, color 0.3s ease-in-out; - margin: 0 0 10px; - } - - .contributor-card:hover h2 { - text-shadow: 1px 1px 2px rgb(0, 108, 108), 0 0 0.2em rgb(0, 14, 108), - 0 0 0.8em rgb(0, 14, 108); - color: white; - } - - .contributor-card:hover p { - text-shadow: 1px 1px 2px rgba(4, 0, 127, 0.715), 0 0 0.2em rgb(5, 18, 168), - 0 0 0.3em rgb(134, 136, 250); - color: white; - - /* font-weight: 400; */ - } - @media (max-width: 1220px) { - .contributors-grid { - - gap: 20px; - padding: 20px; - grid-template-columns: repeat(5, minmax(100px,5fr)) - } - } - @media (max-width: 1024px) { - .contributors-grid { - - gap: 20px; - padding: 20px; - grid-template-columns: repeat(4, minmax(100px,5fr)) - } - } - @media (max-width: 835px) { - - .contributors-grid { - - gap: 20px; - padding: 20px; - grid-template-columns: repeat(3, minmax(100px,5fr)) - } - } - @media (max-width: 634px) { - .contributors-grid { - - gap: 20px; - padding: 20px; - grid-template-columns: repeat(2, minmax(100px,5fr)) - } - } - @media (max-width: 422px) { - .contributor-card{ - min-width: 250px; - min-height: 300px; - } - .contributors-grid { - - gap: 20px; - padding: 30px; - grid-template-columns: repeat(1, minmax(100px,5fr)); - margin-left: calc(100% - 90%); - - } - } - @media (max-width: 375px) { - .contributor-card{ - min-width: 250px; - min-height: 300px; - } - .contributors-grid { - - gap: 20px; - padding: 30px; - grid-template-columns: repeat(1, minmax(100px,5fr)); - margin-left: calc(100% - 90%); - } - } - @media (max-width: 320px) { - .contributor-card{ - min-width: 250px; - min-height: 300px; - } - .contributors-grid { - - gap: 20px; - padding: 30px; - grid-template-columns: repeat(1, minmax(100px,5fr)); - margin-left: calc(0%); - } - } - - body { - background-color: #ffffff; - color: #212529; - } - - header { - height: 100px; - } - - .logo { - margin: 30px 0 0 0; - } - - footer { - background-color: #333; - color: white; - text-align: center; - padding: 20px 0; - margin-top: auto; - } - - .footer-container { - max-width: 800px; - margin: auto; - padding: 0 20px; - } - - /* .footer-links, - .footer-socials, - .footer-contact { - margin: 10px 0; - } - - .footer-links a, - .footer-socials a { - color: white; - text-decoration: none; - margin: 0 10px; - transition: color 0.3s; - } - - .footer-links a:hover, - .footer-socials a:hover { - color: #007bff; - } */ - - /* .footer-socials a { - font-size: 24px; - margin: 0 15px; - } */ - - .footer-contact a { - color: white; - } - - header { - height: 100px; - } - body { - min-height: 100vh; - max-width: 100vw; - } - .logo { - margin: 5px 0px 0px 0px; - } - - footer { - background: #333; - color: white; - text-align: center; - padding: 20px 0; - margin-top: auto; - } - - .footer-container { - max-width: 800px; - margin: auto; - padding: 0 20px; - } - - /* .footer-links, - .footer-socials { - margin: 10px 0; - } - - .footer-links a, - .footer-socials a { - color: white; - text-decoration: none; - margin: 0 10px; - transition: color 0.3s; - } - - .footer-links a:hover, - .footer-socials a:hover { - color: #007bff; - } - - .footer-contact { - margin: 10px 0; - } */ - - @media (max-width: 900px) { - header { - display: flex; - justify-content: space-between; - align-items: center; - padding: 0.5rem 0.5rem; - /* Adjust padding to reduce overall height */ - } - - header nav { - flex-direction: column; - align-items: flex-start; - max-width: 100vw; - } - - header nav .hamburger { - display: block; - font-size: 28px; - cursor: pointer; - color: #fff; - padding: 1rem; /* Adjust padding for hamburger icon */ - position: absolute; - top: 0; - right: 1rem; /* Adjust right position as needed */ - } - - header nav ul { - flex-direction: column; - align-items: flex-start; - display: none; /* Hide the navbar items */ - max-height: 100vw; /* Full width for mobile view */ - position: absolute; - top: 100%; - right: 0; - background-color: #333; /* Background color for the floating menu */ - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add a box shadow */ - padding: 1rem; /* Add padding */ - border-radius: 0 0 8px 8px; /* Rounded corners at the bottom */ - } - - header nav ul.show { - display: flex; /* Show the navbar items when the hamburger is clicked */ - align-items: flex-start; - } - - header nav ul li { - margin: 0.5rem 1rem; /* Adjust margin for vertical spacing */ - } - header nav ul li a:hover { - color: #00c6ff; - - border-bottom: 2px solid #00c6ff; - - /* color: #000; */ - /* border-radius: .75rem; Rounded corners for active link */ - } - } - - /* Styles for larger screens */ - @media (min-width: 901px) { - header { - height: auto; - } - header nav .hamburger { - display: none; - } - - header nav ul { - display: flex; - flex-direction: row; - flex-wrap: wrap; - align-items: center; - } - - /* header nav ul li { - margin: 0 0.5rem; /* Reduce margin between items */ - } - */ header nav ul li a:hover { - background-color: #00c6ff; - color: #000; - border-radius: 0.75rem; /* Rounded corners for active link */ - } - - footer { - background-color: #1a1a1a; - color: white; - padding: 40px 0; - text-align: center; - } - - footer p { - margin: 10px 0; - } - - footer p a { - color: #00c6ff; - text-decoration: none; - } - - footer p a:hover { - text-decoration: underline; - } - - /* Footer Styles */ - footer { - background-color: #1a1a1a; - color: white; - padding: 40px 0; - text-align: center; - } - - footer p { - margin: 10px 0; - } - - footer p a { - color: #00c6ff; - text-decoration: none; - } - - footer p a:hover { - text-decoration: underline; - } - - footer { - background: #333; - color: white; - text-align: center; - padding: 20px 0; - margin-top: auto; - } - - .footer-container { - max-width: 800px; - margin: auto; - padding: 0 20px; - } - - /* .footer-links, - .footer-socials { - margin: 10px 0; - } - - .footer-links a, - .footer-socials a { - color: white; - text-decoration: none; - margin: 0 10px; - transition: color 0.3s; - } - - .footer-links a:hover, - .footer-socials a:hover { - color: #007bff; - } */ - - .footer-contact { - margin: 10px 0; - } - - - - - - html { - scroll-behavior: smooth; - max-width: 100vw; - max-height: 100vh; - } - - body { - background-color: #dfd4c8; - overflow-x: hidden; - margin: 0; - - - } - - header { - background-color: #1a1a1a; - padding: 0px 20px; - box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); - position: sticky; - top: 0; - z-index: 1000; - border-bottom: 3px solid #00c6ff; - display: flex; - justify-content: space-between; - align-items: center; - } - - header nav { - display: flex; - justify-content: space-between; - align-items: center; - padding: 0.5rem 1rem; - } - - header nav ul { - list-style: none; - display: flex; - gap: 30px; - } - - header nav ul li a { - color: #fff; - text-decoration: none; - font-weight: 600; - font-size: 18px; - transition: color 0.3s, border-bottom 0.3s; - background-color: rgb(72, 71, 71); - padding: 15px; - } - - header nav ul li a:hover { - background-color: #00c6ff; - color: #000; - border-radius: 0.75rem; - } - - @media (max-width: 900px) { - header { - display: flex; - justify-content: space-between; - align-items: center; - padding: 0.5rem 1rem; - } - - header nav { - flex-direction: column; - align-items: flex-start; - width: 100%; - } - - header nav .hamburger { - display: block; - font-size: 28px; - cursor: pointer; - color: #fff; - padding: 1rem; - position: absolute; - top: 0; - right: 1rem; - } - - header nav ul { - flex-direction: column; - display: none; - width: 100%; - height: 100vh; - background-color: #333; - padding: 1rem; - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); - border-radius: 0 0 8px 8px; - } - - header nav ul.show { - display: flex; - } - } - - @media (min-width: 901px) { - header nav .hamburger { - display: none; - } - - header nav ul { - display: flex; - flex-direction: row; - align-items: center; - } - } - - header .logo h1 { - color: #fff; - font-weight: 700; - font-size: 28px; - margin: 0; - } - - -.homeBtn{ - text-decoration: none; - color: #000; - top: 20px; - left: 20px; - position: absolute; - background-color: #0e99ea; - width: 60px; - height: 40px; - display: flex; - justify-content: center; - align-items: center; - border-radius: 40px; - border: #000 2px solid; - } -.homeBtn:hover{ - background-color: #00c6ff; - color: #000; - border: #00c6ff 2px solid; -} \ No newline at end of file diff --git a/contributors/contributor.html b/contributors/contributor.html index 4ca31cf..34af511 100644 --- a/contributors/contributor.html +++ b/contributors/contributor.html @@ -14,8 +14,8 @@ integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> - - + + @@ -29,9 +29,9 @@ -
-

Our Contributors

-
+
+

Our Amazing Contributors

+
diff --git a/contributors/contributor.js b/contributors/contributor.js index dd555cb..90e6b84 100644 --- a/contributors/contributor.js +++ b/contributors/contributor.js @@ -1,53 +1,114 @@ document.addEventListener("DOMContentLoaded", () => { - const contributorsContainer = document.getElementById("contributors"); - - async function fetchContributors() { - let contributors = []; - let page = 1; - let perPage = 100; // Max per page is 100 - let moreContributors = true; - - while (moreContributors) { - try { - const response = await fetch( - `https://api.github.com/repos/Vimall03/Alimento/contributors?page=${page}&per_page=${perPage}` - ); - const data = await response.json(); - - // If no more contributors, stop fetching - if (data.length === 0) { - moreContributors = false; - } else { - contributors = contributors.concat(data); - page++; - } - } catch (error) { - console.error("Error fetching contributors:", error); - break; // Exit loop if there's an error + const contributorsContainer = document.getElementById("contributors"); + + async function fetchContributors() { + let contributors = []; + let page = 1; + let perPage = 100; // Max per page is 100 + let moreContributors = true; + + while (moreContributors) { + try { + const response = await fetch( + `https://api.github.com/repos/Vimall03/Alimento/contributors?page=${page}&per_page=${perPage}` + ); + const data = await response.json(); + + // If no more contributors, stop fetching + if (data.length === 0) { + moreContributors = false; + } else { + contributors = contributors.concat(data); + page++; } + } catch (error) { + console.error("Error fetching contributors:", error); + break; // Exit loop if there's an error } - - displayContributors(contributors); } - - function displayContributors(contributors) { - contributorsContainer.innerHTML = ""; - contributors.forEach((contributor) => { - const contributorCard = document.createElement("div"); - contributorCard.className = "contributor-card"; - - contributorCard.innerHTML = ` - - ${contributor.login} - -

${contributor.login}

-

Contributions: ${contributor.contributions}

+ + displayContributors(contributors); + } + + function displayContributors(contributors) { + contributorsContainer.innerHTML = ""; + contributors.forEach((contributor) => { + const contributorCard = document.createElement("div"); + contributorCard.classList.add("bg-white", "text-black", "rounded-lg", "shadow-lg", "border", "border-gray-300", "overflow-hidden", "transition-transform", "hover:scale-110", "duration-300"); + + // contributorCard.innerHTML = ` + // + // ${contributor.login} + // + //

${contributor.login}

+ //

Contributions: ${contributor.contributions}

+ // `; + contributorCard.innerHTML = ` + +
+ ${contributor.login} +

${contributor.login}

+

${contributor.type}

+
+ ${contributor.contributions} contributions +
+
+
+ + + + + + View Profile + + + + +
`; - - contributorsContainer.appendChild(contributorCard); - }); - } - - fetchContributors(); - }); - \ No newline at end of file + + contributorsContainer.appendChild(contributorCard); + }); + } + + fetchContributors(); +}); + +//
+// {login} +//

{login}

+//

{type}

+//
+// {contributions} contributions +//
+//
+//
+// +// +// +// +// +// View Profile +// +// +// +// +//
diff --git a/output.css b/output.css index 6c3d8be..4d10356 100644 --- a/output.css +++ b/output.css @@ -708,6 +708,11 @@ video { margin-bottom: 0.5rem; } +.my-4 { + margin-top: 1rem; + margin-bottom: 1rem; +} + .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; @@ -718,11 +723,6 @@ video { margin-bottom: 2rem; } -.my-4 { - margin-top: 1rem; - margin-bottom: 1rem; -} - .mb-1 { margin-bottom: 0.25rem; } @@ -767,6 +767,10 @@ video { margin-left: auto; } +.mr-2 { + margin-right: 0.5rem; +} + .mr-5 { margin-right: 1.25rem; } @@ -787,6 +791,10 @@ video { margin-top: 2.5rem; } +.mt-12 { + margin-top: 3rem; +} + .mt-14 { margin-top: 3.5rem; } @@ -823,8 +831,8 @@ video { margin-top: 10px; } -.mt-12 { - margin-top: 3rem; +.mb-8 { + margin-bottom: 2rem; } .box-border { @@ -835,6 +843,10 @@ video { display: block; } +.inline-block { + display: inline-block; +} + .inline { display: inline; } @@ -867,6 +879,10 @@ video { height: 3.5rem; } +.h-24 { + height: 6rem; +} + .h-32 { height: 8rem; } @@ -959,6 +975,10 @@ video { width: 3.5rem; } +.w-24 { + width: 6rem; +} + .w-3\/4 { width: 75%; } @@ -1028,22 +1048,6 @@ video { width: max-content; } -.w-\[\] { - width: ; -} - -.w-\[4\] { - width: 4; -} - -.w-\[48\%\] { - width: 48%; -} - -.min-w-\[300\] { - min-width: 300; -} - .min-w-\[300px\] { min-width: 300px; } @@ -1120,6 +1124,12 @@ video { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.scale-105 { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @@ -1146,6 +1156,10 @@ video { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } +.grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); +} + .flex-col { flex-direction: column; } @@ -1158,10 +1172,6 @@ video { flex-wrap: wrap-reverse; } -.items-start { - align-items: flex-start; -} - .items-center { align-items: center; } @@ -1306,6 +1316,10 @@ video { border-width: 2px; } +.border-4 { + border-width: 4px; +} + .border-b { border-bottom-width: 1px; } @@ -1357,13 +1371,14 @@ video { border-color: rgb(229 231 235 / var(--tw-border-opacity)); } -.border-gray-400 { +.border-gray-300 { --tw-border-opacity: 1; - border-color: rgb(156 163 175 / var(--tw-border-opacity)); + border-color: rgb(209 213 219 / var(--tw-border-opacity)); } -.border-\[\] { - border-color: ; +.border-gray-400 { + --tw-border-opacity: 1; + border-color: rgb(156 163 175 / var(--tw-border-opacity)); } .bg-\[\#333\] { @@ -1483,6 +1498,11 @@ video { background-color: rgb(37 99 235 / var(--tw-bg-opacity)); } +.bg-gray-100 { + --tw-bg-opacity: 1; + background-color: rgb(243 244 246 / var(--tw-bg-opacity)); +} + .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); @@ -1518,9 +1538,9 @@ video { background-color: rgb(239 68 68 / var(--tw-bg-opacity)); } -.bg-slate-600 { +.bg-slate-400 { --tw-bg-opacity: 1; - background-color: rgb(71 85 105 / var(--tw-bg-opacity)); + background-color: rgb(148 163 184 / var(--tw-bg-opacity)); } .bg-transparent { @@ -1532,15 +1552,6 @@ video { background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } -.bg-\[\] { - background-color: ; -} - -.bg-slate-400 { - --tw-bg-opacity: 1; - background-color: rgb(148 163 184 / var(--tw-bg-opacity)); -} - .bg-none { background-image: none; } @@ -1766,6 +1777,10 @@ video { font-weight: 600; } +.font-extrabold { + font-weight: 800; +} + .uppercase { text-transform: uppercase; } @@ -1838,6 +1853,16 @@ video { color: rgb(237 228 52 / var(--tw-text-opacity)); } +.text-black { + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} + +.text-blue-500 { + --tw-text-opacity: 1; + color: rgb(59 130 246 / var(--tw-text-opacity)); +} + .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); @@ -1884,6 +1909,12 @@ video { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.shadow-lg { + --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); @@ -1928,6 +1959,12 @@ video { transition-duration: 150ms; } +.transition-colors { + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); @@ -2048,6 +2085,11 @@ video { color: rgb(37 99 235 / var(--tw-text-opacity)); } +.hover\:text-gray-700:hover { + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity)); +} + .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); @@ -2154,6 +2196,10 @@ video { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } + .sm\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .sm\:flex-row { flex-direction: row; } @@ -2267,14 +2313,14 @@ video { width: 33%; } - .md\:w-auto { - width: auto; - } - .md\:w-\[48\%\] { width: 48%; } + .md\:w-auto { + width: auto; + } + .md\:max-w-2xl { max-width: 42rem; } @@ -2295,6 +2341,10 @@ video { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } + .md\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .md\:flex-row { flex-direction: row; } @@ -2356,6 +2406,15 @@ video { font-size: 1.25rem; line-height: 1.75rem; } + + .md\:text-5xl { + font-size: 3rem; + line-height: 1; + } + + .md\:font-bold { + font-weight: 700; + } } @media (min-width: 1024px) { @@ -2405,6 +2464,10 @@ video { max-width: 64rem; } + .lg\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + .lg\:justify-between { justify-content: space-between; } @@ -2479,6 +2542,15 @@ video { line-height: 1.75rem; } + .lg\:text-6xl { + font-size: 3.75rem; + line-height: 1; + } + + .lg\:font-extrabold { + font-weight: 800; + } + .lg\:leading-tight { line-height: 1.25; } diff --git a/tailwind.config.js b/tailwind.config.js index ddc39c9..a02c4a0 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -3,7 +3,9 @@ module.exports = { content: [ './**/*.php', './**/*.html', + './**/*/*.html', './**/*.js', + './**/*/*.js', ], theme: { extend: {