@primer/brand-css 0.64.1-rc.83bbe583 → 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
|
*/
|
|
@@ -20,6 +20,10 @@
|
|
|
20
20
|
z-index: 90;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
+
.SubdomainNavBar-outer-container:not(.SubdomainNavBar-outer-container--fixed) {
|
|
24
|
+
position: relative;
|
|
25
|
+
}
|
|
26
|
+
|
|
23
27
|
.SubdomainNavBar-outer-container--fixed {
|
|
24
28
|
position: fixed;
|
|
25
29
|
top: 0;
|
|
@@ -576,7 +580,6 @@
|
|
|
576
580
|
position: absolute;
|
|
577
581
|
top: 0;
|
|
578
582
|
bottom: 1px;
|
|
579
|
-
width: 100vw;
|
|
580
583
|
left: 0;
|
|
581
584
|
right: 0;
|
|
582
585
|
background-color: var(--brand-SubdomainNavBar-canvas-search);
|
|
@@ -675,10 +678,10 @@
|
|
|
675
678
|
}
|
|
676
679
|
|
|
677
680
|
.SubdomainNavBar-skip-to-content {
|
|
678
|
-
position:
|
|
681
|
+
position: absolute;
|
|
679
682
|
top: 75px;
|
|
680
683
|
border-radius: 0px;
|
|
681
|
-
width:
|
|
684
|
+
width: 100%;
|
|
682
685
|
z-index: 100;
|
|
683
686
|
}
|
|
684
687
|
|