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:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user