update tailwind and fix tw intellisense

This commit is contained in:
Somrat
2025-04-06 12:31:48 +06:00
parent 8fe5d9043c
commit 18345294c9
4 changed files with 34 additions and 35 deletions
+2 -1
View File
@@ -1,5 +1,6 @@
{ {
"files.associations": { "files.associations": {
"*.mdx": "markdown" "*.mdx": "markdown"
} },
"tailwindCSS.experimental.configFile": "src/styles/main.css"
} }
+17 -17
View File
@@ -1,6 +1,6 @@
{ {
"name": "astroplate", "name": "astroplate",
"version": "5.3.0", "version": "5.4.0",
"description": "Astro and Tailwindcss boilerplate", "description": "Astro and Tailwindcss boilerplate",
"author": "zeon.studio", "author": "zeon.studio",
"license": "MIT", "license": "MIT",
@@ -17,40 +17,40 @@
}, },
"dependencies": { "dependencies": {
"@astrojs/check": "0.9.4", "@astrojs/check": "0.9.4",
"@astrojs/mdx": "4.2.1", "@astrojs/mdx": "4.2.3",
"@astrojs/react": "4.2.1", "@astrojs/react": "4.2.3",
"@astrojs/rss": "4.0.11", "@astrojs/rss": "4.0.11",
"@astrojs/sitemap": "3.3.0", "@astrojs/sitemap": "3.3.0",
"astro": "5.5.4", "astro": "5.6.1",
"astro-auto-import": "^0.4.4", "astro-auto-import": "^0.4.4",
"astro-font": "^1.0.0", "astro-font": "^1.0.0",
"date-fns": "^4.1.0", "date-fns": "^4.1.0",
"disqus-react": "^1.1.5", "disqus-react": "^1.1.6",
"github-slugger": "^2.0.0", "github-slugger": "^2.0.0",
"gray-matter": "^4.0.3", "gray-matter": "^4.0.3",
"marked": "^15.0.7", "marked": "^15.0.7",
"prop-types": "^15.8.1", "prop-types": "^15.8.1",
"react": "^19.0.0", "react": "^19.1.0",
"react-dom": "^19.0.0", "react-dom": "^19.1.0",
"react-icons": "^5.4.0", "react-icons": "^5.5.0",
"react-lite-youtube-embed": "^2.4.0", "react-lite-youtube-embed": "^2.4.0",
"remark-collapse": "^0.1.2", "remark-collapse": "^0.1.2",
"remark-toc": "^9.0.0", "remark-toc": "^9.0.0",
"swiper": "^11.2.4" "swiper": "^11.2.6"
}, },
"devDependencies": { "devDependencies": {
"@tailwindcss/forms": "^0.5.10", "@tailwindcss/forms": "^0.5.10",
"@tailwindcss/typography": "^0.5.16", "@tailwindcss/typography": "^0.5.16",
"@tailwindcss/vite": "^4.0.6", "@tailwindcss/vite": "^4.1.3",
"@types/node": "22.13.4", "@types/node": "22.14.0",
"@types/react": "19.0.9", "@types/react": "19.1.0",
"@types/react-dom": "19.0.3", "@types/react-dom": "19.1.1",
"eslint": "^9.20.1", "eslint": "^9.24.0",
"prettier": "^3.5.1", "prettier": "^3.5.3",
"prettier-plugin-astro": "^0.14.1", "prettier-plugin-astro": "^0.14.1",
"prettier-plugin-tailwindcss": "^0.6.11", "prettier-plugin-tailwindcss": "^0.6.11",
"sharp": "0.33.5", "sharp": "0.33.5",
"tailwindcss": "^4.0.6", "tailwindcss": "^4.1.3",
"typescript": "^5.7.3" "typescript": "^5.8.3"
} }
} }
+6 -17
View File
@@ -11,22 +11,11 @@ input#nav-toggle:checked ~ #nav-menu {
@apply block; @apply block;
} }
/* form style */
.form-input {
@apply w-full rounded border-transparent bg-light px-6 py-4 text-text-dark placeholder:text-text-light focus:border-primary dark:focus:border-darkmode-primary focus:ring-transparent dark:border-darkmode-border dark:bg-darkmode-light dark:text-darkmode-text-light;
}
.form-label {
@apply mb-4 block font-secondary text-xl font-normal text-text-dark dark:text-darkmode-text-light;
}
/* swiper pagination */ /* swiper pagination */
.testimonial-slider-pagination { .swiper-pagination-bullet {
.swiper-pagination-bullet { @apply !h-2.5 !w-2.5 !bg-light !opacity-100 dark:!bg-darkmode-light;
@apply h-2.5 w-2.5 bg-light opacity-100 dark:bg-darkmode-light; }
}
.swiper-pagination-bullet-active {
.swiper-pagination-bullet-active { @apply !h-4 !w-4 !bg-primary dark:!bg-darkmode-primary;
@apply h-4 w-4 bg-primary dark:bg-darkmode-primary;
}
} }
+9
View File
@@ -1,3 +1,12 @@
@utility bg-gradient { @utility bg-gradient {
@apply bg-linear-to-b from-[rgba(249,249,249,1)] from-[0.53%] to-white to-[83.28%] dark:from-darkmode-light dark:to-darkmode-body; @apply bg-linear-to-b from-[rgba(249,249,249,1)] from-[0.53%] to-white to-[83.28%] dark:from-darkmode-light dark:to-darkmode-body;
} }
/* form style */
@utility form-input {
@apply w-full rounded border-transparent bg-light px-6 py-4 text-text-dark placeholder:text-text-light focus:border-primary dark:focus:border-darkmode-primary focus:ring-transparent dark:border-darkmode-border dark:bg-darkmode-light dark:text-darkmode-text-light;
}
@utility form-label {
@apply mb-4 block font-secondary text-xl font-normal text-text-dark dark:text-darkmode-text-light;
}