@stackoverflow/stacks 3.0.0-beta.26 → 3.0.0-beta.27

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.
@@ -1,4 +1,5 @@
1
- .s-navigation {
1
+ .s-navigation,
2
+ .s-navigation ul {
2
3
  --_na-fd: row;
3
4
  --_na-fw: wrap;
4
5
  --_na-p: var(--su2) 0;
@@ -15,7 +16,6 @@
15
16
  --_na-item-selected-bg-hover: var(--_na-item-bg-hover);
16
17
  --_na-item-selected-h: var(--su2);
17
18
  --_na-item-text-ta: center;
18
- --_na-title-mt: var(--su24);
19
19
  --_na-after-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M11.35 4.35 6 9.71.65 4.35l.7-.7L6 8.29l4.65-4.64z'/%3E%3C/svg%3E");
20
20
  --_na-after-bg-color: var(--black-400);
21
21
 
@@ -42,7 +42,8 @@
42
42
  --_na-item-p: var(--su6) var(--su4);
43
43
  }
44
44
 
45
- &&__vertical {
45
+ &&__vertical,
46
+ &&__vertical ul {
46
47
  --_na-fd: column;
47
48
  --_na-gap: 0;
48
49
  --_na-p: 0;
@@ -51,6 +52,7 @@
51
52
  --_na-item-selected-h: 0;
52
53
  --_na-item-p: var(--su6) var(--su8);
53
54
  --_na-item-fc: var(--black-600);
55
+
54
56
  & .s-navigation--item {
55
57
  &.is-selected {
56
58
  --_na-item-bg: var(--black-150);
@@ -151,20 +153,22 @@
151
153
  }
152
154
 
153
155
  & &--title {
154
- &:first-child {
155
- --_na-title-mt: 0;
156
- }
157
-
158
156
  & .s-btn {
159
157
  color: var(--black-400);
160
158
  }
161
159
 
162
- margin-top: var(--_na-title-mt);
160
+ margin-bottom: 0;
163
161
  font-size: var(--fs-fine);
162
+ font-weight: normal;
164
163
  color: var(--black-400);
165
164
  padding: calc(var(--su16) + var(--su2)) var(--su8);
166
165
  }
167
166
 
167
+ //Add top margin to titles except the first one
168
+ & > li ~ li .s-navigation--title {
169
+ margin-top: var(--su24);
170
+ }
171
+
168
172
  & &--icon {
169
173
  color: inherit;
170
174
  margin-right: var(--su4);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@stackoverflow/stacks",
3
3
  "description": "Stack Overflow’s CSS and Design Pattern Library. Stacks is an atomic CSS library with classes and components for rapidly building Stack Overflow.",
4
- "version": "3.0.0-beta.26",
4
+ "version": "3.0.0-beta.27",
5
5
  "files": [
6
6
  "dist",
7
7
  "lib",