peskyadmin/DAM-static-site
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update tw-theme plugin

Browse Source
This commit is contained in:
Somrat 2025-02-17 15:25:28 +06:00
parent 515b3b71e0
commit 1cdbe8a146
5 changed files with 40 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
assets/css/main.css
View File

@ -8,6 +8,7 @@
@custom-variant dark (&:where(.dark, .dark *)); @custom-variant dark (&:where(.dark, .dark *));
@import "./safe.css"; @import "./safe.css";
@import "./utilities.css";
@layer base { @layer base {
@import "./base.css"; @import "./base.css";
@ -19,10 +20,6 @@
@import "./buttons.css"; @import "./buttons.css";
} }
@layer utilities {
@import "./utilities.css";
}
@import "search.css"; @import "search.css";
@import "social-share.css"; @import "social-share.css";
@import "gallery-slider.css"; @import "gallery-slider.css";

2
assets/css/navigation.css
View File

@ -35,7 +35,7 @@
} }
.nav-dropdown-list { .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 { .nav-dropdown-item {

22
assets/css/safe.css
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 */ /* swiper 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;

28
assets/css/utilities.css
View File

@ -1,29 +1,3 @@
/* navbar toggler */ @utility bg-gradient {
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 {
@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;
} }
.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;
}

17
exampleSite/tailwind-plugin/tw-theme.js
View File

@ -89,12 +89,25 @@ module.exports = plugin.withOptions(() => {
colorUtils[`.text-${prefix}${cls}`] = { color: varRef }; colorUtils[`.text-${prefix}${cls}`] = { color: varRef };
colorUtils[`.border-${prefix}${cls}`] = { borderColor: varRef }; colorUtils[`.border-${prefix}${cls}`] = { borderColor: varRef };
colorUtils[`.fill-${prefix}${cls}`] = { fill: varRef }; colorUtils[`.fill-${prefix}${cls}`] = { fill: varRef };
colorUtils[`.stroke-${prefix}${cls}`] = { stroke: varRef };
colorUtils[`.from-${prefix}${cls}`] = { colorUtils[`.from-${prefix}${cls}`] = {
"--tw-gradient-from": varRef, "--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[`.to-${prefix}${cls}`] = { "--tw-gradient-to": varRef };
colorUtils[`.via-${prefix}${cls}`] = { colorUtils[`.via-${prefix}${cls}`] = {
"--tw-gradient-stops": varRef, "--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)",
}; };
}); });
}); });