5bf3f1ed4b
Apply brand restyle across design-system components (buttons, hero, navbar, about, cards, cart, footer) and shop page; update tokens. Rebuild dist and add STYLE-CHANGES.md change log. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2 lines
1.8 KiB
CSS
2 lines
1.8 KiB
CSS
.timeline-pill[data-v-6e29cc84]{border-radius:var(--radius-pill);font-family:var(--font-sans);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;white-space:nowrap;z-index:1;border:1px solid #0000;justify-content:center;align-items:center;padding:.375rem .875rem;font-size:.75rem;font-weight:700;display:inline-flex;position:relative}.pill-paper[data-v-6e29cc84]{background:var(--color-paper);color:var(--color-brand);border-color:var(--color-line-strong)}.pill-brand-soft[data-v-6e29cc84]{background:color-mix(in srgb, var(--color-brand) 14%, var(--color-cream));color:var(--color-brand);border-color:color-mix(in srgb, var(--color-brand) 28%, transparent)}.pill-accent[data-v-6e29cc84]{background:var(--color-accent-fill);color:var(--color-accent-fill-ink);border-color:var(--color-accent-fill)}.timeline-track[data-v-6e29cc84]{align-items:center;margin-bottom:.5rem;position:relative}.timeline-track[data-v-6e29cc84]:before{content:"";background:var(--color-line-strong);height:1px;position:absolute;top:50%;left:16.6667%;right:16.6667%;transform:translateY(-.5px)}.timeline-cell[data-v-6e29cc84]{justify-content:center;display:flex}@media (width<=767px){.timeline-mobile-marker[data-v-6e29cc84]{justify-content:center;align-items:center;padding:1.75rem 0;display:flex;position:relative}.timeline-mobile-marker[data-v-6e29cc84]:before{content:"";background:var(--color-line-strong);width:1px;position:absolute;top:0;bottom:50%;left:50%;transform:translate(-.5px)}.timeline-mobile-marker[data-v-6e29cc84]:after{content:"";background:var(--color-line-strong);width:1px;position:absolute;top:50%;bottom:0;left:50%;transform:translate(-.5px)}.timeline-item:first-child .timeline-mobile-marker[data-v-6e29cc84]:before{display:none}}@media (width>=768px){.timeline-mobile-marker[data-v-6e29cc84]{display:none}}
|