@primer/brand-css 0.64.1-rc.9bfb4676 → 0.65.0-rc.e1f4ec77
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.
package/components/Card/Card.css
CHANGED
|
@@ -190,19 +190,11 @@
|
|
|
190
190
|
grid-area: heading;
|
|
191
191
|
}
|
|
192
192
|
|
|
193
|
-
.Card--fullWidth:not(.Card--align-center) .Card__heading {
|
|
194
|
-
max-width: 320px;
|
|
195
|
-
}
|
|
196
|
-
|
|
197
193
|
.Card__description {
|
|
198
194
|
margin-bottom: var(--base-size-32);
|
|
199
195
|
grid-area: description;
|
|
200
196
|
}
|
|
201
197
|
|
|
202
|
-
.Card--fullWidth:not(.Card--align-center) .Card__description {
|
|
203
|
-
max-width: 400px;
|
|
204
|
-
}
|
|
205
|
-
|
|
206
198
|
.Card__action {
|
|
207
199
|
grid-area: action;
|
|
208
200
|
margin-top: auto;
|
package/components/Grid/Grid.css
CHANGED
|
@@ -1,13 +1,26 @@
|
|
|
1
1
|
.Grid {
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
4
|
-
grid-row-gap: var(--brand-Grid-spacing-row);
|
|
5
|
-
grid-column-gap: var(--brand-Grid-spacing-column-gap);
|
|
6
|
-
padding-inline: var(--brand-Grid-spacing-margin);
|
|
7
4
|
max-width: 1280px;
|
|
8
5
|
margin: 0 auto;
|
|
9
6
|
}
|
|
10
7
|
|
|
8
|
+
.Grid--columnGap-default {
|
|
9
|
+
grid-column-gap: var(--brand-Grid-spacing-column-gap);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.Grid--columnGap-none {
|
|
13
|
+
grid-column-gap: 0;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.Grid--rowGap-default {
|
|
17
|
+
grid-row-gap: var(--brand-Grid-spacing-row);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.Grid--rowGap-none {
|
|
21
|
+
grid-row-gap: 0;
|
|
22
|
+
}
|
|
23
|
+
|
|
11
24
|
.Grid--full-width {
|
|
12
25
|
width: 100%;
|
|
13
26
|
max-width: none;
|
|
@@ -31,6 +44,10 @@
|
|
|
31
44
|
min-height: var(--base-size-24);
|
|
32
45
|
}
|
|
33
46
|
|
|
47
|
+
.Grid--has-gutters {
|
|
48
|
+
padding-inline: var(--brand-Grid-spacing-margin);
|
|
49
|
+
}
|
|
50
|
+
|
|
34
51
|
/**
|
|
35
52
|
* Non-responsive, default values
|
|
36
53
|
*/
|