|
22 | 22 | exposes at runtime (see src/wp-admin/css/colors/_tokens.scss), so the widget |
23 | 23 | follows the user's selected admin color scheme (Blue, Modern, Coffee, etc.). |
24 | 24 | Fallback values match the classic "Fresh" scheme. |
25 | | -
|
26 | | - Neutrals: the Figma design-system grays are intentionally NOT exposed as |
27 | | - CSS custom properties, so we reuse the classic wp-admin palette already |
28 | | - shared by dashboard.css / site-health.css for visual consistency. |
29 | 25 | ----------------------------------------------------------------------------- */ |
30 | 26 |
|
31 | 27 | #dashboard_on_this_day, |
|
72 | 68 | /* ----------------------------------------------------------------------------- |
73 | 69 | 2. Postbox chrome |
74 | 70 | ----------------------------------------------------------------------------- */ |
75 | | - |
76 | 71 | #dashboard_on_this_day { |
77 | 72 | & .inside { |
78 | 73 | margin: 0; |
|
94 | 89 | /* ----------------------------------------------------------------------------- |
95 | 90 | 3. Widget body — title |
96 | 91 | ----------------------------------------------------------------------------- */ |
97 | | - |
98 | 92 | .on-this-day-title-main { |
99 | 93 | display: inline-flex; |
100 | 94 | align-items: center; |
|
136 | 130 | /* ----------------------------------------------------------------------------- |
137 | 131 | 3. Widget body — intro + timeline |
138 | 132 | ----------------------------------------------------------------------------- */ |
139 | | - |
140 | 133 | .on-this-day-intro { |
141 | 134 | margin: 0; |
142 | 135 | padding: 14px 16px 12px; |
|
230 | 223 | /* ----------------------------------------------------------------------------- |
231 | 224 | 3. Widget body — post card |
232 | 225 | ----------------------------------------------------------------------------- */ |
233 | | - |
234 | 226 | .on-this-day-post-list { |
235 | 227 | display: flex; |
236 | 228 | flex-direction: column; |
|
374 | 366 | /* ----------------------------------------------------------------------------- |
375 | 367 | 3. Widget body — empty state |
376 | 368 | ----------------------------------------------------------------------------- */ |
377 | | - |
378 | 369 | .on-this-day-empty { |
379 | 370 | text-align: center; |
380 | 371 | padding: 26px 20px 22px; |
|
414 | 405 | /* ----------------------------------------------------------------------------- |
415 | 406 | 4. Adaptive rules |
416 | 407 | ----------------------------------------------------------------------------- */ |
417 | | - |
418 | 408 | @media (prefers-reduced-motion: reduce) { |
419 | 409 | .on-this-day-post { |
420 | 410 | transition: none; |
|
0 commit comments