Remove TailwindCSS completely and use Nuxt UI with custom CSS for styling

This commit is contained in:
Ryderjj89
2025-09-29 19:21:34 -04:00
parent d11bdcfeaf
commit 97daf164ee
3 changed files with 23 additions and 8 deletions

View File

@@ -1,10 +1,5 @@
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
/* TailwindCSS base styles */
@tailwind base;
@tailwind components;
@tailwind utilities;
/* Apply Inter font family to the entire application */
html {
font-family: 'Inter', 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";
@@ -14,6 +9,28 @@ html {
body {
font-family: inherit;
font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
margin: 0;
padding: 0;
}
/* Basic reset and utility styles */
* {
box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
line-height: 1.25;
}
button {
cursor: pointer;
border: none;
outline: none;
}
input, textarea {
outline: none;
}
/* Custom font classes if needed */