Remover CDN do tailwind pra não ter um grande download ao entrar na aplicação

CaioHVectorA · CaioHVectorA · commit 9a9baabe460d · 2025-05-01T19:10:16.000-03:00
diff --git a/css/style.css b/css/style.css
@@ -5,7 +5,10 @@
     margin: 0;
     /* padding: 0; */
 }
-
+ a {
+    text-decoration: none;
+    color: inherit;
+ }
 body {
     text-align: center;
     min-height: 100vh;
@@ -264,4 +267,136 @@ li {
 
 .h-5 {
     height: 20px !important;
+}
+
+/* Tailwind Utility Classes */
+.text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+}
+
+.text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+}
+
+.text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+}
+
+.italic {
+    font-style: italic;
+}
+
+.opacity-70 {
+    opacity: 0.7;
+}
+
+.opacity-90 {
+    opacity: 0.9;
+}
+
+.border-y {
+    border-top-width: 1px;
+    border-bottom-width: 1px;
+}
+
+.border-white\/40 {
+    border-color: rgba(255, 255, 255, 0.4);
+}
+
+.rounded-lg {
+    border-radius: 0.5rem;
+}
+
+.inline-flex {
+    display: inline-flex;
+}
+
+.items-center {
+    align-items: center;
+}
+
+.justify-center {
+    justify-content: center;
+}
+
+.gap-2 {
+    gap: 0.5rem;
+}
+
+.gap-4 {
+    gap: 1rem;
+}
+
+.font-medium {
+    font-weight: 500;
+}
+
+.mt-8 {
+    margin-top: 2rem;
+}
+
+.invert {
+    filter: invert(1);
+}
+
+.flex {
+    display: flex;
+}
+
+.bg-blue-500 {
+    background-color: #3b82f6;
+}
+
+.hover\:bg-blue-600:hover {
+    background-color: #2563eb;
+}
+
+.hover\:bg-green-700:hover {
+    background-color: #15803d;
+}
+
+.bg-gradient-to-r {
+    background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+
+.from-purple-500 {
+    --tw-gradient-from: #a855f7;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(168 85 247 / 0));
+}
+
+.via-pink-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to, rgb(236 72 153 / 0));
+}
+
+.to-orange-500 {
+    --tw-gradient-to: #f97316;
+}
+
+.hover\:from-purple-600:hover {
+    --tw-gradient-from: #9333ea;
+}
+
+.hover\:via-pink-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to, rgb(219 39 119 / 0));
+}
+
+.hover\:to-orange-600:hover {
+    --tw-gradient-to: #ea580c;
+}
+
+.transition-all {
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+}
+
+.w-4 {
+    width: 1rem;
+}
+
+.h-4 {
+    height: 1rem;
 }
diff --git a/index.html b/index.html
@@ -4,7 +4,6 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>UFF POPULAR</title>
-    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
     <link rel="stylesheet" href="css/style.css" />
   </head>
   <body>
