fix CSS nesting warnings and test type warnings

Replace BEM-style &--modifier nesting (unsupported in native CSS) with
&.class-modifier in shop/components.css and page_renderer.ex. Fix
Elixir 1.19 type warnings comparing lists with != [].

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
jamey
2026-03-02 01:02:24 +00:00
parent fadcf57286
commit 96341613f4
5 changed files with 12 additions and 12 deletions

View File

@@ -2947,19 +2947,19 @@
background-color: var(--t-surface-sunken);
color: var(--t-text-secondary);
&--lg {
&.order-status-badge-lg {
font-size: var(--t-text-small, 0.875rem);
padding: 0.375rem 0.875rem;
margin-top: 0.75rem;
}
&--shipped,
&--delivered {
&.order-status-badge-shipped,
&.order-status-badge-delivered {
background-color: color-mix(in srgb, var(--t-accent) 15%, transparent);
color: var(--t-accent);
}
&--failed {
&.order-status-badge-failed {
background-color: color-mix(in srgb, #ef4444 12%, transparent);
color: #b91c1c;
}