now using vite for development

JuanSierra99 · Dec 21, 2023 · 84f297c · 84f297c
1 parent 6fc835b
commit 84f297c
Show file tree

Hide file tree

Showing 50 changed files with 1,504 additions and 277 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/dist/output.css b/dist/output.css
@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -32,9 +32,11 @@
 4. Use the user's configured `sans` font-family by default.
 5. Use the user's configured `sans` font-feature-settings by default.
 6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS
 */
 
-html {
+html,
+:host {
   line-height: 1.5;
   /* 1 */
   -webkit-text-size-adjust: 100%;
@@ -44,12 +46,14 @@ html {
   -o-tab-size: 4;
      tab-size: 4;
   /* 3 */
-  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   /* 4 */
   font-feature-settings: normal;
   /* 5 */
   font-variation-settings: normal;
   /* 6 */
+  -webkit-tap-highlight-color: transparent;
+  /* 7 */
 }
 
 /*
@@ -121,8 +125,10 @@ strong {
 }
 
 /*
-1. Use the user's configured `mono` font family by default.
-2. Correct the odd `em` font sizing in all browsers.
+1. Use the user's configured `mono` font-family by default.
+2. Use the user's configured `mono` font-feature-settings by default.
+3. Use the user's configured `mono` font-variation-settings by default.
+4. Correct the odd `em` font sizing in all browsers.
 */
 
 code,
@@ -131,8 +137,12 @@ samp,
 pre {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   /* 1 */
-  font-size: 1em;
+  font-feature-settings: normal;
   /* 2 */
+  font-variation-settings: normal;
+  /* 3 */
+  font-size: 1em;
+  /* 4 */
 }
 
 /*
@@ -574,10 +584,6 @@ video {
   right: 0px;
 }
 
-.tw-right-1\/3 {
-  right: 33.333333%;
-}
-
 .tw-z-0 {
   z-index: 0;
 }
@@ -606,10 +612,6 @@ video {
   height: 100vh;
 }
 
-.tw-min-h-screen {
-  min-height: 100vh;
-}
-
 .tw-w-1\/2 {
   width: 50%;
 }
@@ -635,10 +637,6 @@ video {
   flex-grow: 1;
 }
 
-.tw-flex-grow-0 {
-  flex-grow: 0;
-}
-
 .tw-translate-x-1\/2 {
   --tw-translate-x: 50%;
   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));
@@ -654,18 +652,10 @@ 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));
 }
 
-.tw-flex-row {
-  flex-direction: row;
-}
-
 .tw-flex-col {
   flex-direction: column;
 }
 
-.tw-items-center {
-  align-items: center;
-}
-
 .tw-space-y-reverse > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 1;
 }
@@ -726,45 +716,15 @@ video {
   background-color: rgb(239 68 68 / var(--tw-bg-opacity));
 }
 
-.tw-bg-green-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(187 247 208 / var(--tw-bg-opacity));
-}
-
-.tw-bg-green-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(74 222 128 / var(--tw-bg-opacity));
-}
-
 .tw-object-cover {
   -o-object-fit: cover;
      object-fit: cover;
 }
 
-.tw-p-4 {
-  padding: 1rem;
-}
-
-.tw-pb-10 {
-  padding-bottom: 2.5rem;
-}
-
-.tw-pt-10 {
-  padding-top: 2.5rem;
-}
-
 .tw-pt-4 {
   padding-top: 1rem;
 }
 
-.tw-pt-5 {
-  padding-top: 1.25rem;
-}
-
-.tw-pt-1 {
-  padding-top: 0.25rem;
-}
-
 .tw-text-center {
   text-align: center;
 }
@@ -779,31 +739,6 @@ video {
   line-height: 1;
 }
 
-.tw-text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-
-.tw-text-4xl {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
-}
-
-.tw-text-6xl {
-  font-size: 3.75rem;
-  line-height: 1;
-}
-
-.tw-text-xs {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-
-.tw-text-2xl {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-
 .tw-font-extrabold {
   font-weight: 800;
 }
@@ -876,10 +811,6 @@ video {
   transition-duration: 150ms;
 }
 
-.tw-delay-500 {
-  transition-delay: 500ms;
-}
-
 .tw-delay-1000 {
   transition-delay: 1000ms;
 }
@@ -900,6 +831,14 @@ video {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 
+.\[vite\:css\] {
+  vite: css;
+}
+
+.\[vite\:html\] {
+  vite: html;
+}
+
 @media (min-width: 640px) {
   .sm\:tw-h-24 {
     height: 6rem;
@@ -909,11 +848,6 @@ video {
     width: 100%;
   }
 
-  .sm\:tw-text-2xl {
-    font-size: 1.5rem;
-    line-height: 2rem;
-  }
-
   .sm\:tw-text-4xl {
     font-size: 2.25rem;
     line-height: 2.5rem;
@@ -924,34 +858,10 @@ video {
     line-height: 1;
   }
 
-  .sm\:tw-text-6xl {
-    font-size: 3.75rem;
-    line-height: 1;
-  }
-
   .sm\:tw-text-8xl {
     font-size: 6rem;
     line-height: 1;
   }
-
-  .sm\:tw-text-lg {
-    font-size: 1.125rem;
-    line-height: 1.75rem;
-  }
-}
-
-@media (min-width: 768px) {
-  .md\:tw-text-xl {
-    font-size: 1.25rem;
-    line-height: 1.75rem;
-  }
-}
-
-@media (min-width: 1024px) {
-  .lg\:tw-text-2xl {
-    font-size: 1.5rem;
-    line-height: 2rem;
-  }
 }
 
 @media (prefers-color-scheme: dark) {
@@ -961,10 +871,3 @@ video {
     }
   }
 }
-
-@media (min-width: 1280px) {
-  .xl\:tw-text-3xl {
-    font-size: 1.875rem;
-    line-height: 2.25rem;
-  }
-}