@primer/brand-css 0.71.1-rc.1b68fd40 → 0.71.1-rc.30d3a242
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,5 +1,20 @@
|
|
|
1
1
|
.SectionIntroStacked {
|
|
2
|
-
--brand-Grid-spacing-row: var(--base-size-
|
|
2
|
+
--brand-Grid-spacing-row: var(--base-size-64);
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
@media screen and (min-width: 48rem) and (max-width: 63.24rem) {
|
|
6
|
+
.SectionIntroStacked {
|
|
7
|
+
max-width: 618px;
|
|
8
|
+
margin-inline: auto;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.SectionIntroStacked.SectionIntroStacked--variant-gridline {
|
|
12
|
+
padding-inline: var(--base-size-32);
|
|
13
|
+
padding-block: calc(var(--base-size-64) - var(--base-size-4));
|
|
14
|
+
|
|
15
|
+
--SectionIntroStacked-item-divider-overflow-start: var(--base-size-32);
|
|
16
|
+
--SectionIntroStacked-item-divider-overflow-end: var(--base-size-32);
|
|
17
|
+
}
|
|
3
18
|
}
|
|
4
19
|
|
|
5
20
|
.SectionIntroStacked--variant-gridline {
|
|
@@ -21,15 +36,6 @@
|
|
|
21
36
|
}
|
|
22
37
|
}
|
|
23
38
|
|
|
24
|
-
@media screen and (min-width: 63.25rem) {
|
|
25
|
-
.SectionIntroStacked--variant-gridline {
|
|
26
|
-
padding-inline: var(--base-size-64);
|
|
27
|
-
padding-block: var(--base-size-64);
|
|
28
|
-
--SectionIntroStacked-item-divider-overflow-start: 0px;
|
|
29
|
-
--SectionIntroStacked-item-divider-overflow-end: calc(var(--brand-Grid-spacing-margin) + var(--base-size-64));
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
39
|
@media screen and (min-width: 80rem) {
|
|
34
40
|
.SectionIntroStacked--variant-gridline {
|
|
35
41
|
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
@@ -71,10 +77,13 @@
|
|
|
71
77
|
flex-direction: column;
|
|
72
78
|
}
|
|
73
79
|
|
|
74
|
-
@media screen and (max-width: 63.
|
|
80
|
+
@media screen and (max-width: 63.24rem) {
|
|
75
81
|
.SectionIntroStacked-heading {
|
|
76
82
|
font-size: var(--brand-text-size-600);
|
|
77
83
|
}
|
|
84
|
+
.SectionIntroStacked-items {
|
|
85
|
+
overflow: hidden;
|
|
86
|
+
}
|
|
78
87
|
}
|
|
79
88
|
|
|
80
89
|
@media screen and (min-width: 63.25rem) {
|
|
@@ -86,15 +95,18 @@
|
|
|
86
95
|
.SectionIntroStacked--variant-gridline .SectionIntroStacked-items {
|
|
87
96
|
border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
88
97
|
margin-block: calc(-1 * var(--base-size-64));
|
|
89
|
-
padding-block:
|
|
98
|
+
padding-block: calc(var(--base-size-64) - var(--base-size-32));
|
|
90
99
|
position: static;
|
|
91
100
|
top: auto;
|
|
92
101
|
}
|
|
93
102
|
|
|
103
|
+
.SectionIntroStacked-content {
|
|
104
|
+
padding-inline-end: var(--base-size-80);
|
|
105
|
+
}
|
|
106
|
+
|
|
94
107
|
.SectionIntroStacked--variant-gridline .SectionIntroStackedItem-item {
|
|
95
108
|
/* Inset item content from the vertical gridline */
|
|
96
|
-
padding-inline-start: var(--base-size-
|
|
97
|
-
padding-inline-end: var(--base-size-32);
|
|
109
|
+
padding-inline-start: var(--base-size-64);
|
|
98
110
|
}
|
|
99
111
|
}
|
|
100
112
|
|
|
@@ -137,21 +149,22 @@
|
|
|
137
149
|
|
|
138
150
|
.SectionIntroStackedItem-item--with-icon {
|
|
139
151
|
display: flex;
|
|
140
|
-
flex-direction: row;
|
|
141
152
|
align-items: flex-start;
|
|
142
153
|
gap: var(--base-size-24);
|
|
154
|
+
flex-direction: column;
|
|
143
155
|
}
|
|
144
156
|
|
|
145
|
-
@media screen and (min-width:
|
|
157
|
+
@media screen and (min-width: 48rem) {
|
|
146
158
|
.SectionIntroStackedItem-item--with-icon {
|
|
147
159
|
gap: var(--base-size-48);
|
|
160
|
+
flex-direction: row;
|
|
148
161
|
}
|
|
149
162
|
}
|
|
150
163
|
|
|
151
164
|
.SectionIntroStackedItem__content {
|
|
152
165
|
display: flex;
|
|
153
166
|
flex-direction: column;
|
|
154
|
-
gap: var(--base-size-
|
|
167
|
+
gap: var(--base-size-12);
|
|
155
168
|
flex: 1;
|
|
156
169
|
min-width: 0;
|
|
157
170
|
}
|