@primer/brand-css 0.72.0-rc.c1f51647 → 0.72.0-rc.f8b72452
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.
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
position: relative;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
@media (min-width:
|
|
12
|
+
@media screen and (min-width: 63.25rem) {
|
|
13
13
|
.RiverAccordion {
|
|
14
14
|
--gap-width: var(--brand-Grid-spacing-column-gap);
|
|
15
15
|
--column-and-gap-width: calc((100% + var(--gap-width)) / 12);
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
padding-block: var(--brand-RiverAccordion-variant-gridline-spacing-outerBlock);
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
@media (min-width:
|
|
43
|
+
@media screen and (min-width: 63.25rem) {
|
|
44
44
|
.RiverAccordion--variant-gridline {
|
|
45
45
|
--gap-width: var(--brand-RiverAccordion-variant-gridline-spacing-contentGap);
|
|
46
46
|
--half-column: calc(50% - var(--gap-width) / 2);
|
|
@@ -75,6 +75,17 @@
|
|
|
75
75
|
margin-block-start: calc(-1 * var(--brand-RiverAccordion-variant-gridline-spacing-outerBlock));
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
+
@media screen and (min-width: 48rem) and (max-width: 63.24rem) {
|
|
79
|
+
.RiverAccordion {
|
|
80
|
+
max-width: 618px;
|
|
81
|
+
margin-inline: auto;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.RiverAccordion--variant-gridline {
|
|
85
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
|
|
78
89
|
.RiverAccordion--variant-gridline .RiverAccordion__visualsWrapper:has(.RiverAccordion__visual--has-background) {
|
|
79
90
|
border-radius: 0;
|
|
80
91
|
}
|
|
@@ -169,7 +180,7 @@
|
|
|
169
180
|
border-radius: var(--brand-borderRadius-large);
|
|
170
181
|
}
|
|
171
182
|
|
|
172
|
-
@media (min-width:
|
|
183
|
+
@media screen and (min-width: 63.25rem) {
|
|
173
184
|
.RiverAccordion--variant-gridline:has(.RiverAccordion__visual--has-background) {
|
|
174
185
|
padding: 0;
|
|
175
186
|
gap: 0;
|
|
@@ -253,6 +264,12 @@
|
|
|
253
264
|
border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
254
265
|
}
|
|
255
266
|
|
|
267
|
+
@media screen and (max-width: 63.24rem) {
|
|
268
|
+
.RiverAccordion--variant-gridline .RiverAccordion__item:last-child {
|
|
269
|
+
border-bottom: none;
|
|
270
|
+
}
|
|
271
|
+
}
|
|
272
|
+
|
|
256
273
|
.RiverAccordion__item:not(.RiverAccordion__item--open) .RiverAccordion__heading {
|
|
257
274
|
color: var(--brand-color-text-muted);
|
|
258
275
|
}
|
|
@@ -89,6 +89,15 @@
|
|
|
89
89
|
}
|
|
90
90
|
|
|
91
91
|
@media screen and (min-width: 48rem) and (max-width: 63.24rem) {
|
|
92
|
+
.River {
|
|
93
|
+
max-width: 618px;
|
|
94
|
+
margin-inline: auto;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.River--variant-gridline {
|
|
98
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
99
|
+
}
|
|
100
|
+
|
|
92
101
|
.River--variant-gridline .River__visual--has-background {
|
|
93
102
|
align-items: flex-end;
|
|
94
103
|
padding-block-end: 0;
|
|
@@ -107,7 +116,7 @@
|
|
|
107
116
|
}
|
|
108
117
|
|
|
109
118
|
.River__call-to-action {
|
|
110
|
-
margin-top: var(--base-size-
|
|
119
|
+
margin-top: var(--base-size-24);
|
|
111
120
|
}
|
|
112
121
|
|
|
113
122
|
.River__text strong,
|