feat: unify design tokens, five font weights, radius scale, restrained motion, AA contrast
This commit is contained in:
@@ -130,10 +130,10 @@ describe('TodayEnvironmentStrip', () => {
|
||||
it('uses the selected landing-page typography and full-height separators', () => {
|
||||
const css = readFileSync(resolve(process.cwd(), 'src/style.css'), 'utf8')
|
||||
expect(css).toContain('.today-environment{grid-column:1/-1;position:relative;min-width:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);align-items:stretch')
|
||||
expect(css).toContain('color:#302a24;font-size:23px;line-height:1.15;font-weight:760')
|
||||
expect(css).toContain('margin-top:6px;color:#655b50;font-size:12px;font-weight:450')
|
||||
expect(css).toContain('.today-environment__eyeline{color:#8b8275;font-size:11px')
|
||||
expect(css).toContain('.today-environment__item+.today-environment__item{border-left:1px solid var(--line)}')
|
||||
expect(css).toContain('color:var(--text-primary);font-size:23px;line-height:1.15;font-weight:800')
|
||||
expect(css).toContain('margin-top:6px;color:var(--text-secondary);font-size:12px;font-weight:400')
|
||||
expect(css).toContain('.today-environment__eyeline{color:var(--text-secondary);font-size:11px')
|
||||
expect(css).toContain('.today-environment__item+.today-environment__item{border-left:1px solid var(--border-cream)}')
|
||||
expect(css).not.toContain('.today-environment.has-attention:before')
|
||||
expect(css).not.toMatch(/\.today-environment[^}]*gradient|\.today-environment[^}]*box-shadow|\.today-environment[^}]*backdrop-filter/)
|
||||
})
|
||||
@@ -143,8 +143,8 @@ describe('TodayEnvironmentStrip', () => {
|
||||
expect(css).not.toContain('.today-track-head{')
|
||||
expect(css).toContain('@media(max-width:720px){.today-environment{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto}')
|
||||
expect(css).toContain('.today-environment__calendar{grid-column:1/-1;grid-row:1;display:flex;flex-direction:row;align-items:baseline;justify-content:space-between')
|
||||
expect(css).toContain('.today-environment__weather{grid-column:1;grid-row:2;border-top:1px solid var(--line);border-left:0!important}')
|
||||
expect(css).toContain('.today-environment__gold{grid-column:2;grid-row:2;border-top:1px solid var(--line)}')
|
||||
expect(css).toContain('.today-environment__weather{grid-column:1;grid-row:2;border-top:1px solid var(--border-cream);border-left:0!important}')
|
||||
expect(css).toContain('.today-environment__gold{grid-column:2;grid-row:2;border-top:1px solid var(--border-cream)}')
|
||||
expect(css).toContain('.today-environment__weather,.today-environment__gold{padding:13px 10px;display:flex;flex-direction:column;')
|
||||
expect(css).toContain('.today-environment__calendar-main--desktop,.today-environment__gold-date--desktop{display:none}')
|
||||
expect(css).toContain('.today-environment__calendar-main--mobile,.today-environment__gold-date--mobile{display:inline}')
|
||||
|
||||
Reference in New Issue
Block a user