@primer/brand-css 0.71.1-rc.13d73825 → 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.
|
@@ -75,16 +75,12 @@
|
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
.CTABanner-container {
|
|
78
|
-
padding: var(--base-size-64) var(--base-size-
|
|
78
|
+
padding: var(--base-size-64) var(--base-size-32);
|
|
79
79
|
z-index: 1;
|
|
80
80
|
width: 100%;
|
|
81
81
|
box-sizing: border-box;
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
-
.CTABanner-container--rounded {
|
|
85
|
-
border-radius: var(--brand-borderRadius-medium);
|
|
86
|
-
}
|
|
87
|
-
|
|
88
84
|
.CTABanner--variant-balanced .CTABanner-container {
|
|
89
85
|
padding-inline: var(--base-size-20);
|
|
90
86
|
padding-block: var(--base-size-32);
|
|
@@ -96,17 +92,16 @@
|
|
|
96
92
|
}
|
|
97
93
|
|
|
98
94
|
.CTABanner-content {
|
|
99
|
-
--CTABanner-content-gap: var(--base-size-16);
|
|
100
95
|
display: flex;
|
|
101
96
|
flex-direction: column;
|
|
102
|
-
gap: var(--
|
|
97
|
+
gap: var(--base-size-16);
|
|
103
98
|
align-items: flex-start;
|
|
104
99
|
max-width: 800px;
|
|
105
100
|
margin: 0 auto;
|
|
106
101
|
}
|
|
107
102
|
|
|
108
103
|
.CTABanner--variant-minimal .CTABanner-content {
|
|
109
|
-
|
|
104
|
+
gap: 0;
|
|
110
105
|
}
|
|
111
106
|
|
|
112
107
|
.CTABanner--variant-balanced .CTABanner-content,
|
|
@@ -175,8 +170,11 @@
|
|
|
175
170
|
|
|
176
171
|
/* Large breakpoint and up */
|
|
177
172
|
@media screen and (min-width: 63.25rem) {
|
|
173
|
+
.CTABanner-content {
|
|
174
|
+
gap: var(--base-size-24);
|
|
175
|
+
}
|
|
178
176
|
.CTABanner--variant-balanced .CTABanner-content {
|
|
179
|
-
|
|
177
|
+
gap: var(--base-size-32);
|
|
180
178
|
}
|
|
181
179
|
.CTABanner-container {
|
|
182
180
|
padding: var(--base-size-96) var(--base-size-64);
|
|
@@ -313,8 +311,3 @@
|
|
|
313
311
|
.CTABanner-description.CTABanner-description:has(code) {
|
|
314
312
|
line-height: calc(1lh * 1.25);
|
|
315
313
|
}
|
|
316
|
-
|
|
317
|
-
.CTABanner-buttonGroup {
|
|
318
|
-
margin-block-start: calc(-1 * var(--CTABanner-content-gap, 0px));
|
|
319
|
-
padding-block-start: var(--base-size-12);
|
|
320
|
-
}
|