@hearthsound/design 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/css/components/section.css +5 -2
  2. package/css/components/shell.css +3 -0
  3. package/package.json +1 -1
package/css/components/section.css CHANGED
@@ -65,7 +65,10 @@
65
65
  grid-auto-columns: 180px;
66
66
  gap: 28px;
67
67
  overflow-x: auto;
68
- padding: 0 32px 6px;
68
+ /* The card's hover tile is drawn 8 px outside the cover; the scrollport
69
+ keeps that room so the tile is never clipped (fc5-diff). */
70
+ padding: 8px 32px 14px;
71
+ margin: -8px 0;
69
72
  scrollbar-width: none;
70
73
  }
71
74
 
@@ -77,7 +80,7 @@
77
80
  .hs-shelf {
78
81
  grid-auto-columns: 140px;
79
82
  gap: 14px;
80
- padding: 0 14px 4px;
83
+ padding: 8px 14px 12px;
81
84
  }
82
85
 
83
86
  .hs-shelf__button {
package/css/components/shell.css CHANGED
@@ -29,6 +29,9 @@
29
29
  grid-area: main;
30
30
  min-width: 0;
31
31
  overflow: auto;
32
+ /* A page that grows past the viewport would otherwise shift the whole
33
+ content column by the scrollbar's width (fc5-diff). */
34
+ scrollbar-gutter: stable;
32
35
  }
33
36
 
34
37
  .hs-shell__player {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hearthsound/design",
3
- "version": "0.2.0",
3
+ "version": "0.2.1",
4
4
  "license": "MIT",
5
5
  "description": "Design language of Hearthsound: tokens, fonts, icons and component styles",
6
6
  "repository": {