10h30/astroplate
1
0
Fork 0
mirror of https://github.com/10h30/astroplate.git synced 2026-06-05 15:08:00 +09:00
Code Issues Packages Projects Releases Wiki Activity

update tw-theme plugin

Browse Source
This commit is contained in:
Somrat
2025-02-17 15:31:29 +06:00
parent 680b896e58
commit 35836a90f7
5 changed files with 45 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/main.css
+1 -4
View File
@@ -7,6 +7,7 @@
@custom-variant dark (&:where(.dark, .dark *));
@import "./safe.css";
@import "./utilities.css";
@layer base {
@import "./base.css";
@@ -18,7 +19,3 @@
@import "./buttons.css";
@import "./search.css";
}
@layer utilities {
@import "./utilities.css";
}
src/styles/navigation.css
+1 -1
View File
@@ -35,7 +35,7 @@
}
.nav-dropdown-list {
@apply bg-body dark:bg-darkmode-body z-10 min-w-[180px] rounded p-4 shadow hidden lg:invisible lg:absolute lg:block lg:opacity-0;
@apply bg-body dark:bg-darkmode-body z-10 min-w-[180px] rounded p-4 shadow-sm hidden lg:invisible lg:absolute lg:block lg:opacity-0;
}
.nav-dropdown-item {
src/styles/safe.css
+22
View File
@@ -1,3 +1,25 @@
/* navbar toggler */
input#nav-toggle:checked + label #show-button {
@apply hidden;
}
input#nav-toggle:checked + label #hide-button {
@apply block;
}
input#nav-toggle:checked ~ #nav-menu {
@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 */
.testimonial-slider-pagination {
.swiper-pagination-bullet {
src/styles/utilities.css
+1 -27
View File
@@ -1,29 +1,3 @@
/* navbar toggler */
input#nav-toggle:checked + label #show-button {
@apply hidden;
}
input#nav-toggle:checked + label #hide-button {
@apply block;
}
input#nav-toggle:checked ~ #nav-menu {
@apply block;
}
.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;
}
.shadow {
@apply shadow-[0px_4px_40px_rgba(0,0,0,0.05)];
}
/* 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;
}
src/tailwind-plugin/tw-theme.js
+20 -3
View File
@@ -85,9 +85,26 @@ module.exports = plugin.withOptions(() => {
colorUtils[`.text-${prefix}${cls}`] = { color: varRef };
colorUtils[`.border-${prefix}${cls}`] = { borderColor: varRef };
colorUtils[`.fill-${prefix}${cls}`] = { fill: varRef };
colorUtils[`.from-${prefix}${cls}`] = { "--tw-gradient-from": varRef };
colorUtils[`.to-${prefix}${cls}`] = { "--tw-gradient-to": varRef };
colorUtils[`.via-${prefix}${cls}`] = { "--tw-gradient-stops": varRef };
colorUtils[`.stroke-${prefix}${cls}`] = { stroke: varRef };
colorUtils[`.from-${prefix}${cls}`] = {
"--tw-gradient-from": varRef,
"--tw-gradient-via-stops":
"var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))",
"--tw-gradient-stops":
"var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))",
};
colorUtils[`.to-${prefix}${cls}`] = {
"--tw-gradient-to": varRef,
"--tw-gradient-via-stops":
"var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))",
"--tw-gradient-stops":
"var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))",
};
colorUtils[`.via-${prefix}${cls}`] = {
"--tw-gradient-via": varRef,
"--tw-gradient-via-stops":
"var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position)",
};
});
});