Changed the css files. so that all buttons on the live preview work a…

…s expected, see them here: https://www.creative-tim.com/learning-lab/tailwind-starter-kit#/documentation/buttons/regular/filled
MERCERNYC · Jan 7, 2020 · b2f8941 · b2f8941
1 parent 6e70d8c
commit b2f8941
Show file tree

Hide file tree

Showing 4 changed files with 204 additions and 50 deletions.
diff --git a/compiled-tailwind.css b/compiled-tailwind.css
@@ -1,3 +1,20 @@
+/*!
+
+=========================================================
+* Tailwind Starter Kit by Creative Tim | Free TailwindCSS Kit Framework - v1.0.0
+=========================================================
+
+* Product Page: https://www.creative-tim.com/learning-lab/tailwind-starter-kit/#/presentation
+* Copyright 2019 Creative Tim (https://www.creative-tim.com)
+
+* Coded by Creative Tim
+
+=========================================================
+
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+*/
+
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 
 /* Document
@@ -709,10 +726,6 @@ img {
   background-color: #feebc8;
 }
 
-.bg-orange-300 {
-  background-color: #fbd38d;
-}
-
 .bg-orange-500 {
   background-color: #ed8936;
 }
@@ -793,10 +806,6 @@ img {
   background-color: #bee3f8;
 }
 
-.bg-blue-300 {
-  background-color: #90cdf4;
-}
-
 .bg-blue-400 {
   background-color: #63b3ed;
 }
@@ -865,14 +874,54 @@ img {
   background-color: #d53f8c;
 }
 
+.hover\:bg-gray-500:hover {
+  background-color: #a0aec0;
+}
+
 .hover\:bg-red-500:hover {
   background-color: #f56565;
 }
 
+.hover\:bg-orange-500:hover {
+  background-color: #ed8936;
+}
+
+.hover\:bg-yellow-500:hover {
+  background-color: #ecc94b;
+}
+
+.hover\:bg-green-500:hover {
+  background-color: #48bb78;
+}
+
+.hover\:bg-teal-500:hover {
+  background-color: #38b2ac;
+}
+
+.hover\:bg-blue-500:hover {
+  background-color: #4299e1;
+}
+
+.hover\:bg-indigo-500:hover {
+  background-color: #667eea;
+}
+
+.hover\:bg-purple-500:hover {
+  background-color: #9f7aea;
+}
+
+.hover\:bg-pink-500:hover {
+  background-color: #ed64a6;
+}
+
 .active\:bg-gray-100:active {
   background-color: #f7fafc;
 }
 
+.active\:bg-gray-600:active {
+  background-color: #718096;
+}
+
 .active\:bg-gray-700:active {
   background-color: #4a5568;
 }
@@ -885,18 +934,74 @@ img {
   background-color: #e53e3e;
 }
 
+.active\:bg-red-900:active {
+  background-color: #742a2a;
+}
+
+.active\:bg-orange-600:active {
+  background-color: #dd6b20;
+}
+
+.active\:bg-orange-900:active {
+  background-color: #7b341e;
+}
+
+.active\:bg-yellow-600:active {
+  background-color: #d69e2e;
+}
+
+.active\:bg-yellow-900:active {
+  background-color: #744210;
+}
+
 .active\:bg-green-600:active {
   background-color: #38a169;
 }
 
+.active\:bg-green-900:active {
+  background-color: #22543d;
+}
+
+.active\:bg-teal-600:active {
+  background-color: #319795;
+}
+
+.active\:bg-teal-900:active {
+  background-color: #234e52;
+}
+
+.active\:bg-blue-600:active {
+  background-color: #3182ce;
+}
+
+.active\:bg-blue-900:active {
+  background-color: #2a4365;
+}
+
 .active\:bg-indigo-600:active {
   background-color: #5a67d8;
 }
 
+.active\:bg-indigo-900:active {
+  background-color: #3c366b;
+}
+
+.active\:bg-purple-600:active {
+  background-color: #805ad5;
+}
+
+.active\:bg-purple-900:active {
+  background-color: #44337a;
+}
+
 .active\:bg-pink-600:active {
   background-color: #d53f8c;
 }
 
+.active\:bg-pink-900:active {
+  background-color: #702459;
+}
+
 .bg-center {
   background-position: center;
 }
@@ -953,10 +1058,6 @@ img {
   border-color: #e53e3e;
 }
 
-.border-red-900 {
-  border-color: #742a2a;
-}
-
 .border-orange-200 {
   border-color: #feebc8;
 }
@@ -969,10 +1070,6 @@ img {
   border-color: #dd6b20;
 }
 
-.border-orange-900 {
-  border-color: #7b341e;
-}
-
 .border-yellow-200 {
   border-color: #fefcbf;
 }
@@ -985,10 +1082,6 @@ img {
   border-color: #d69e2e;
 }
 
-.border-yellow-900 {
-  border-color: #744210;
-}
-
 .border-green-200 {
   border-color: #c6f6d5;
 }
@@ -1001,10 +1094,6 @@ img {
   border-color: #38a169;
 }
 
-.border-green-900 {
-  border-color: #22543d;
-}
-
 .border-teal-200 {
   border-color: #b2f5ea;
 }
@@ -1017,10 +1106,6 @@ img {
   border-color: #319795;
 }
 
-.border-teal-900 {
-  border-color: #234e52;
-}
-
 .border-blue-200 {
   border-color: #bee3f8;
 }
@@ -1033,10 +1118,6 @@ img {
   border-color: #3182ce;
 }
 
-.border-blue-900 {
-  border-color: #2a4365;
-}
-
 .border-indigo-200 {
   border-color: #c3dafe;
 }
@@ -1049,10 +1130,6 @@ img {
   border-color: #5a67d8;
 }
 
-.border-indigo-900 {
-  border-color: #3c366b;
-}
-
 .border-purple-200 {
   border-color: #e9d8fd;
 }
@@ -1065,10 +1142,6 @@ img {
   border-color: #805ad5;
 }
 
-.border-purple-900 {
-  border-color: #44337a;
-}
-
 .border-pink-200 {
   border-color: #fed7e2;
 }
@@ -1081,10 +1154,6 @@ img {
   border-color: #d53f8c;
 }
 
-.border-pink-900 {
-  border-color: #702459;
-}
-
 .rounded-sm {
   border-radius: 0.125rem;
 }
@@ -1589,10 +1658,6 @@ img {
   margin-top: 12rem;
 }
 
-.mt-64 {
-  margin-top: 16rem;
-}
-
 .mr-auto {
   margin-right: auto;
 }
@@ -1815,6 +1880,11 @@ img {
   padding-bottom: 2.5rem;
 }
 
+.px-12 {
+  padding-left: 3rem;
+  padding-right: 3rem;
+}
+
 .py-16 {
   padding-top: 4rem;
   padding-bottom: 4rem;
@@ -1926,6 +1996,10 @@ img {
   padding-bottom: 5rem;
 }
 
+.pt-24 {
+  padding-top: 6rem;
+}
+
 .pt-32 {
   padding-top: 8rem;
 }
@@ -2622,6 +2696,10 @@ img {
   width: 50%;
 }
 
+.w-10\/12 {
+  width: 83.333333%;
+}
+
 .w-full {
   width: 100%;
 }
@@ -2652,10 +2730,18 @@ img {
     margin-top: 0;
   }
 
+  .sm\:ml-1 {
+    margin-left: 0.25rem;
+  }
+
   .sm\:mr-2 {
     margin-right: 0.5rem;
   }
 
+  .sm\:pt-0 {
+    padding-top: 0;
+  }
+
   .sm\:pr-10 {
     padding-right: 2.5rem;
   }
@@ -2736,6 +2822,10 @@ img {
             justify-content: space-between;
   }
 
+  .md\:mt-0 {
+    margin-top: 0;
+  }
+
   .md\:mt-4 {
     margin-top: 1rem;
   }
@@ -2744,6 +2834,10 @@ img {
     margin-bottom: 1rem;
   }
 
+  .md\:mt-64 {
+    margin-top: 16rem;
+  }
+
   .md\:ml-64 {
     margin-left: 16rem;
   }
@@ -2776,11 +2870,20 @@ img {
     overflow-y: auto;
   }
 
+  .md\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
   .md\:px-10 {
     padding-left: 2.5rem;
     padding-right: 2.5rem;
   }
 
+  .md\:pt-0 {
+    padding-top: 0;
+  }
+
   .md\:pb-2 {
     padding-bottom: 0.5rem;
   }
@@ -2916,6 +3019,10 @@ img {
     margin-right: 1rem;
   }
 
+  .lg\:mt-16 {
+    margin-top: 4rem;
+  }
+
   .lg\:ml-auto {
     margin-left: auto;
   }