EP/myep
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: basic themes for event sites

Browse Source
This commit is contained in:
Björn Fromme
2026-03-16 12:00:56 +01:00
parent c7a27f1dc7
commit ee84690cd9
28 changed files with 1158 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/styles/components/button.css
+37 -13
View File
@@ -9,8 +9,14 @@
@apply px-2 py-1 md:px-4 text-xs sm:text-sm;
}
.button--full {
@apply block w-full;
.button--primary {
background: linear-gradient(120deg, #960167 0%, #9e036a 40%, #fa1a8c 100%);
@apply text-white;
@apply hover:bg-none hover:bg-pink/80;
}
.button[disabled] {
@apply cursor-not-allowed;
}
.button--secondary {
@@ -18,20 +24,38 @@
@apply hover:bg-primary-light/80;
}
.button--primary {
background: linear-gradient(120deg, #960167 0%, #9e036a 40%, #fa1a8c 100%);
@apply text-white;
@apply hover:bg-none hover:bg-pink/80;
.sbw {
.button--primary {
@apply bg-none bg-sbw-secondary text-white;
@apply hover:bg-none hover:bg-sbw-primary/80;
}
.button--secondary {
@apply bg-none bg-sbw-primary-dark text-white;
@apply hover:bg-none hover:bg-sbw-primary/80;
}
}
.button--muted {
@apply bg-zinc-300 hover:bg-zinc-300;
.snz {
.button--primary {
@apply bg-none bg-snz-secondary text-white;
@apply hover:bg-none hover:bg-snz-primary/80;
}
.button--secondary {
@apply bg-none bg-snz-primary-dark text-white;
@apply hover:bg-none hover:bg-snz-primary/80;
}
}
.button--dark {
@apply bg-primary-dark;
}
.ser {
.button--primary {
@apply bg-none bg-ser-secondary text-white;
@apply hover:bg-none hover:bg-ser-primary/80;
}
.button[disabled] {
@apply cursor-not-allowed;
.button--secondary {
@apply bg-none bg-ser-primary text-white;
@apply hover:bg-none hover:bg-ser-primary/80;
}
}
assets/styles/components/forms.css
+21
View File
@@ -33,3 +33,24 @@ select[readonly] {
input[readonly] {
@apply cursor-not-allowed;
}
.sbw {
.form-checkbox,
.form-radio {
@apply text-sbw-secondary;
}
}
.snz {
.form-checkbox,
.form-radio {
@apply text-snz-primary;
}
}
.ser {
.form-checkbox,
.form-radio {
@apply text-ser-secondary;
}
}
assets/styles/components/pagination.css
+30
View File
@@ -58,3 +58,33 @@ a.pagination-item__border > .pagination-item__inner:hover {
/* No left/bottom-left border on overlapping edge, no right border */
clip-path: polygon(0 0, 100% 0, 100% 100%, var(--pagination-skew) 100%);
}
.sbw {
.pagination-item__border {
@apply bg-sbw-primary-dark/10;
}
a.pagination-item__border > .pagination-item__inner:hover {
@apply bg-sbw-primary;
}
}
.snz {
.pagination-item__border {
@apply bg-snz-primary-dark/10;
}
a.pagination-item__border > .pagination-item__inner:hover {
@apply bg-snz-primary;
}
}
.ser {
.pagination-item__border {
@apply bg-ser-primary/10;
}
a.pagination-item__border > .pagination-item__inner:hover {
@apply bg-ser-primary;
}
}
assets/styles/components/tooltip.css
+54 -1
View File
@@ -3,7 +3,6 @@
.tippy-box {
background-color: theme('colors.primary');
}
.tippy-box[data-placement^='top'] > .tippy-arrow::before {
border-top-color: theme('colors.primary');
}
@@ -16,3 +15,57 @@
.tippy-box[data-placement^='right'] > .tippy-arrow::before {
border-right-color: theme('colors.primary');
}
.sbw {
.tippy-box {
background-color: theme('colors.sbw.secondary');
}
.tippy-box[data-placement^='top'] > .tippy-arrow::before {
border-top-color: theme('colors.sbw.secondary');
}
.tippy-box[data-placement^='bottom'] > .tippy-arrow::before {
border-bottom-color: theme('colors.sbw.secondary');
}
.tippy-box[data-placement^='left'] > .tippy-arrow::before {
border-left-color: theme('colors.sbw.secondary');
}
.tippy-box[data-placement^='right'] > .tippy-arrow::before {
border-right-color: theme('colors.sbw.secondary');
}
}
.snz {
.tippy-box {
background-color: theme('colors.snz.primary-dark');
}
.tippy-box[data-placement^='top'] > .tippy-arrow::before {
border-top-color: theme('colors.snz.primary-dark');
}
.tippy-box[data-placement^='bottom'] > .tippy-arrow::before {
border-bottom-color: theme('colors.snz.primary-dark');
}
.tippy-box[data-placement^='left'] > .tippy-arrow::before {
border-left-color: theme('colors.snz.primary-dark');
}
.tippy-box[data-placement^='right'] > .tippy-arrow::before {
border-right-color: theme('colors.snz.primary-dark');
}
}
.ser {
.tippy-box {
background-color: theme('colors.ser.secondary');
}
.tippy-box[data-placement^='top'] > .tippy-arrow::before {
border-top-color: theme('colors.ser.secondary');
}
.tippy-box[data-placement^='bottom'] > .tippy-arrow::before {
border-bottom-color: theme('colors.ser.secondary');
}
.tippy-box[data-placement^='left'] > .tippy-arrow::before {
border-left-color: theme('colors.ser.secondary');
}
.tippy-box[data-placement^='right'] > .tippy-arrow::before {
border-right-color: theme('colors.ser.secondary');
}
}