bernard/RosterChief
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rebuild compiled CSS to include bg-secondary / text-secondary-content

Browse Source 
These are the club avatar's classes for the new secondary_color feature.
Tailwind only emits utility classes it sees used in a template scan, and
the dev watcher wasn't running when that avatar edit landed, so the
classes were silently absent from static/css/app.css: no background,
no text colour, just an empty (visually white) circle. A one-off build
regenerates them; both now correctly reference var(--color-secondary)
and var(--color-secondary-content) so a club's colour picks apply.
This commit is contained in:
Bernard Siebens
2026-07-27 10:37:43 +02:00
parent 0223383c9d
commit c1ba6e269b
1 changed files with 123 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

123
static/css/app.css
View File

@@ -8,11 +8,13 @@
--color-red-500: oklch(63.7% 0.237 25.331);
--color-sky-500: oklch(68.5% 0.169 237.323);
--color-blue-500: oklch(62.3% 0.214 259.815);
--color-gray-500: oklch(55.1% 0.027 264.364);
--color-black: #000;
--color-white: #fff;
--spacing: 0.25rem;
--container-xs: 20rem;
--container-xl: 36rem;
--container-6xl: 72rem;
--text-xs: 0.75rem;
--text-xs--line-height: calc(1 / 0.75);
--text-sm: 0.875rem;
@@ -2876,6 +2878,9 @@
.mx-auto {
margin-inline: auto;
}
.my-1 {
margin-block: var(--spacing);
}
.my-2 {
margin-block: calc(var(--spacing) * 2);
}
@@ -2956,6 +2961,9 @@
.mt-10 {
margin-top: calc(var(--spacing) * 10);
}
.mr-1 {
margin-right: var(--spacing);
}
.mb-1 {
margin-bottom: var(--spacing);
}
@@ -2974,6 +2982,9 @@
.mb-10 {
margin-bottom: calc(var(--spacing) * 10);
}
.ml-1 {
margin-left: var(--spacing);
}
.ml-2 {
margin-left: calc(var(--spacing) * 2);
}
@@ -3198,6 +3209,9 @@
.block {
display: block;
}
.contents {
display: contents;
}
.flex {
display: flex;
}
@@ -3231,9 +3245,15 @@
.h-56 {
height: calc(var(--spacing) * 56);
}
.h-72 {
height: calc(var(--spacing) * 72);
}
.h-screen {
height: 100vh;
}
.min-h-6 {
min-height: calc(var(--spacing) * 6);
}
.w-12 {
width: calc(var(--spacing) * 12);
}
@@ -3252,6 +3272,12 @@
.w-full {
width: 100%;
}
.max-w-6xl {
max-width: var(--container-6xl);
}
.max-w-40 {
max-width: calc(var(--spacing) * 40);
}
.max-w-none {
max-width: none;
}
@@ -3261,12 +3287,18 @@
.max-w-xs {
max-width: var(--container-xs);
}
.min-w-0 {
min-width: 0;
}
.flex-1 {
flex: 1;
}
.flex-shrink {
flex-shrink: 1;
}
.shrink {
flex-shrink: 1;
}
.shrink-0 {
flex-shrink: 0;
}
@@ -3334,6 +3366,9 @@
.resize {
resize: both;
}
.scrollbar-gutter-stable {
scrollbar-gutter: stable;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@@ -3393,6 +3428,9 @@
margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}
}
.gap-y-2 {
row-gap: calc(var(--spacing) * 2);
}
.divide-y {
:where(& > :not(:last-child)) {
--tw-divide-y-reverse: 0;
@@ -3407,6 +3445,9 @@
border-color: var(--color-base-200);
}
}
.self-start {
align-self: flex-start;
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
@@ -3524,6 +3565,9 @@
.bg-primary {
background-color: var(--color-primary);
}
.bg-secondary {
background-color: var(--color-secondary);
}
.bg-white {
background-color: var(--color-white);
}
@@ -3618,6 +3662,21 @@
.p-4 {
padding: calc(var(--spacing) * 4);
}
.menu-title {
@layer daisyui.l1.l2.l3 {
padding-inline: calc(0.25rem * 3);
padding-block: calc(0.25rem * 2);
color: var(--color-base-content);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
}
font-size: 0.875rem;
font-weight: 600;
}
}
.px-3 {
padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
padding-inline: calc(var(--spacing) * 4);
}
@@ -3776,6 +3835,24 @@
.text-base-content {
color: var(--color-base-content);
}
.text-base-content\/30 {
color: var(--color-base-content);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-base-content) 30%, transparent);
}
}
.text-base-content\/35 {
color: var(--color-base-content);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-base-content) 35%, transparent);
}
}
.text-base-content\/40 {
color: var(--color-base-content);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
}
}
.text-base-content\/50 {
color: var(--color-base-content);
@supports (color: color-mix(in lab, red, red)) {
@@ -3797,12 +3874,24 @@
.text-error {
color: var(--color-error);
}
.text-error-content {
color: var(--color-error-content);
}
.text-gray-500 {
color: var(--color-gray-500);
}
.text-neutral-content {
color: var(--color-neutral-content);
}
.text-primary-content {
color: var(--color-primary-content);
}
.text-red-500 {
color: var(--color-red-500);
}
.text-secondary-content {
color: var(--color-secondary-content);
}
.text-sky-500 {
color: var(--color-sky-500);
}
@@ -3986,11 +4075,40 @@
}
}
}
.select-error {
@layer daisyui.l1.l2 {
&, &:focus, &:focus-within, &:open {
--input-color: var(--color-error);
}
}
}
.textarea-error {
@layer daisyui.l1.l2 {
&, &:focus, &:focus-within {
--input-color: var(--color-error);
}
}
}
.sm\:hidden {
@media (width >= 40rem) {
display: none;
}
}
.sm\:inline {
@media (width >= 40rem) {
display: inline;
}
}
.sm\:grid-cols-2 {
@media (width >= 40rem) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.sm\:px-6 {
@media (width >= 40rem) {
padding-inline: calc(var(--spacing) * 6);
}
}
.md\:grid-cols-2 {
@media (width >= 48rem) {
grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -4011,6 +4129,11 @@
display: none;
}
}
.lg\:w-fit {
@media (width >= 64rem) {
width: fit-content;
}
}
.lg\:grid-cols-2 {
@media (width >= 64rem) {
grid-template-columns: repeat(2, minmax(0, 1fr));