@primer/react-brand 0.2.0-rc.dd0371a → 0.2.1
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/lib/css/main.css +82 -82
- package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
- package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
- package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
- package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
- package/lib/index.js +1 -1
- package/package.json +2 -2
- package/CHANGELOG.md +0 -142
package/lib/css/main.css
CHANGED
|
@@ -91,7 +91,7 @@ select {
|
|
|
91
91
|
|
|
92
92
|
/**
|
|
93
93
|
* Do not edit directly
|
|
94
|
-
* Generated on
|
|
94
|
+
* Generated on Thu, 16 Jun 2022 14:49:06 GMT
|
|
95
95
|
*/
|
|
96
96
|
|
|
97
97
|
:root {
|
|
@@ -897,7 +897,7 @@ select {
|
|
|
897
897
|
|
|
898
898
|
/**
|
|
899
899
|
* Do not edit directly
|
|
900
|
-
* Generated on
|
|
900
|
+
* Generated on Thu, 16 Jun 2022 14:49:06 GMT
|
|
901
901
|
*/
|
|
902
902
|
|
|
903
903
|
:root {
|
|
@@ -922,7 +922,7 @@ select {
|
|
|
922
922
|
|
|
923
923
|
/**
|
|
924
924
|
* Do not edit directly
|
|
925
|
-
* Generated on
|
|
925
|
+
* Generated on Thu, 16 Jun 2022 14:49:06 GMT
|
|
926
926
|
*/
|
|
927
927
|
|
|
928
928
|
:root {
|
|
@@ -1089,7 +1089,7 @@ select {
|
|
|
1089
1089
|
|
|
1090
1090
|
/**
|
|
1091
1091
|
* Do not edit directly
|
|
1092
|
-
* Generated on
|
|
1092
|
+
* Generated on Thu, 16 Jun 2022 14:49:06 GMT
|
|
1093
1093
|
*/
|
|
1094
1094
|
|
|
1095
1095
|
:root {
|
|
@@ -1103,7 +1103,7 @@ select {
|
|
|
1103
1103
|
|
|
1104
1104
|
/**
|
|
1105
1105
|
* Do not edit directly
|
|
1106
|
-
* Generated on
|
|
1106
|
+
* Generated on Thu, 16 Jun 2022 14:49:06 GMT
|
|
1107
1107
|
*/
|
|
1108
1108
|
|
|
1109
1109
|
:root {
|
|
@@ -1160,33 +1160,33 @@ select {
|
|
|
1160
1160
|
--brand-color-border-subtle: hsl(var(--base-color-scale-gray-0-hsl) / 99.9%);
|
|
1161
1161
|
}
|
|
1162
1162
|
|
|
1163
|
-
.
|
|
1163
|
+
.Primer_Brand__Hero-module__Hero___EM3jf {
|
|
1164
1164
|
padding: var(--brand-Hero-narrow-padding);
|
|
1165
1165
|
display: flex;
|
|
1166
1166
|
flex-direction: column;
|
|
1167
1167
|
}
|
|
1168
1168
|
|
|
1169
|
-
.
|
|
1169
|
+
.Primer_Brand__Hero-module__Hero--align-start___m8GEr {
|
|
1170
1170
|
align-items: start;
|
|
1171
1171
|
text-align: left;
|
|
1172
1172
|
}
|
|
1173
1173
|
|
|
1174
|
-
.
|
|
1174
|
+
.Primer_Brand__Hero-module__Hero--align-center___HUXm3 {
|
|
1175
1175
|
align-items: center;
|
|
1176
1176
|
text-align: center;
|
|
1177
1177
|
}
|
|
1178
1178
|
|
|
1179
|
-
.
|
|
1179
|
+
.Primer_Brand__Hero-module__Hero-heading___QuVBH {
|
|
1180
1180
|
margin: 0;
|
|
1181
1181
|
max-width: 18ch;
|
|
1182
1182
|
}
|
|
1183
1183
|
|
|
1184
|
-
.
|
|
1184
|
+
.Primer_Brand__Hero-module__Hero-description___vG4iA {
|
|
1185
1185
|
margin: 1.5rem 0 0;
|
|
1186
1186
|
max-width: 50ch;
|
|
1187
1187
|
}
|
|
1188
1188
|
|
|
1189
|
-
.
|
|
1189
|
+
.Primer_Brand__Hero-module__Hero-actions___oH1NT {
|
|
1190
1190
|
margin-top: 2rem;
|
|
1191
1191
|
display: flex;
|
|
1192
1192
|
flex-direction: column;
|
|
@@ -1194,95 +1194,95 @@ select {
|
|
|
1194
1194
|
width: 100%;
|
|
1195
1195
|
}
|
|
1196
1196
|
|
|
1197
|
-
.
|
|
1197
|
+
.Primer_Brand__Hero-module__Hero-actions___oH1NT > :not(:last-child) {
|
|
1198
1198
|
margin: 0 0 1rem;
|
|
1199
1199
|
}
|
|
1200
1200
|
|
|
1201
1201
|
/* Small breakpoint and up */
|
|
1202
1202
|
@media screen and (min-width: 544px) {
|
|
1203
|
-
.
|
|
1203
|
+
.Primer_Brand__Hero-module__Hero___EM3jf {
|
|
1204
1204
|
padding: var(--brand-Hero-regular-padding);
|
|
1205
1205
|
}
|
|
1206
1206
|
|
|
1207
|
-
.
|
|
1207
|
+
.Primer_Brand__Hero-module__Hero-actions___oH1NT {
|
|
1208
1208
|
flex-direction: row;
|
|
1209
1209
|
width: auto;
|
|
1210
1210
|
}
|
|
1211
1211
|
|
|
1212
|
-
.
|
|
1212
|
+
.Primer_Brand__Hero-module__Hero-actions___oH1NT > :not(:last-child) {
|
|
1213
1213
|
margin: 0 1rem 0 0;
|
|
1214
1214
|
}
|
|
1215
1215
|
}
|
|
1216
1216
|
|
|
1217
|
-
.
|
|
1217
|
+
.Primer_Brand__ExpandableArrow-module__ExpandableArrow___rkfek {
|
|
1218
1218
|
transition: transform 200ms;
|
|
1219
1219
|
transform: translateX(0);
|
|
1220
1220
|
}
|
|
1221
1221
|
|
|
1222
|
-
.
|
|
1222
|
+
.Primer_Brand__ExpandableArrow-module__ExpandableArrow--expanded___gajDr {
|
|
1223
1223
|
transform: translateX(4px);
|
|
1224
1224
|
}
|
|
1225
1225
|
|
|
1226
|
-
.
|
|
1226
|
+
.Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___g4mdy {
|
|
1227
1227
|
stroke-dasharray: 10;
|
|
1228
1228
|
stroke-dashoffset: 10;
|
|
1229
1229
|
transition: stroke-dashoffset 200ms;
|
|
1230
1230
|
}
|
|
1231
1231
|
|
|
1232
|
-
.
|
|
1232
|
+
.Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem--expanded___KwI_9 {
|
|
1233
1233
|
stroke-dashoffset: 20;
|
|
1234
1234
|
}
|
|
1235
1235
|
|
|
1236
|
-
.
|
|
1236
|
+
.Primer_Brand__Text-module__Text___pecHN {
|
|
1237
1237
|
font-family: var(--brand-body-fontFamily);
|
|
1238
1238
|
}
|
|
1239
1239
|
|
|
1240
|
-
.
|
|
1240
|
+
.Primer_Brand__Text-module__Text--default___DChoE {
|
|
1241
1241
|
color: var(--brand-color-text-default);
|
|
1242
1242
|
}
|
|
1243
1243
|
|
|
1244
|
-
.
|
|
1244
|
+
.Primer_Brand__Text-module__Text--muted___lTaVa {
|
|
1245
1245
|
color: var(--brand-color-text-muted);
|
|
1246
1246
|
}
|
|
1247
1247
|
|
|
1248
|
-
.
|
|
1248
|
+
.Primer_Brand__Text-module__Text--700___cOggy {
|
|
1249
1249
|
font-weight: var(--brand-text-weight-700);
|
|
1250
1250
|
font-size: var(--brand-text-size-700);
|
|
1251
1251
|
line-height: var(--brand-text-lineHeight-700);
|
|
1252
1252
|
letter-spacing: var(--brand-text-body-letterSpacing-100);
|
|
1253
1253
|
}
|
|
1254
1254
|
|
|
1255
|
-
.
|
|
1255
|
+
.Primer_Brand__Text-module__Text--600___ThppA {
|
|
1256
1256
|
font-weight: var(--brand-text-weight-600);
|
|
1257
1257
|
font-size: var(--brand-text-size-600);
|
|
1258
1258
|
line-height: var(--brand-text-lineHeight-600);
|
|
1259
1259
|
}
|
|
1260
1260
|
|
|
1261
|
-
.
|
|
1261
|
+
.Primer_Brand__Text-module__Text--500___orDRu {
|
|
1262
1262
|
font-weight: var(--brand-text-weight-500);
|
|
1263
1263
|
font-size: var(--brand-text-size-500);
|
|
1264
1264
|
line-height: var(--brand-text-lineHeight-500);
|
|
1265
1265
|
}
|
|
1266
1266
|
|
|
1267
|
-
.
|
|
1267
|
+
.Primer_Brand__Text-module__Text--400___y7m4l {
|
|
1268
1268
|
font-weight: var(--brand-text-weight-400);
|
|
1269
1269
|
font-size: var(--brand-text-size-400);
|
|
1270
1270
|
line-height: var(--brand-text-lineHeight-400);
|
|
1271
1271
|
}
|
|
1272
1272
|
|
|
1273
|
-
.
|
|
1273
|
+
.Primer_Brand__Text-module__Text--300___TBQTB {
|
|
1274
1274
|
font-weight: var(--brand-text-weight-300);
|
|
1275
1275
|
font-size: var(--brand-text-size-300);
|
|
1276
1276
|
line-height: var(--brand-text-lineHeight-300);
|
|
1277
1277
|
}
|
|
1278
1278
|
|
|
1279
|
-
.
|
|
1279
|
+
.Primer_Brand__Text-module__Text--200___XAIGT {
|
|
1280
1280
|
font-weight: var(--brand-text-weight-200);
|
|
1281
1281
|
font-size: var(--brand-text-size-200);
|
|
1282
1282
|
line-height: var(--brand-text-lineHeight-200);
|
|
1283
1283
|
}
|
|
1284
1284
|
|
|
1285
|
-
.
|
|
1285
|
+
.Primer_Brand__Text-module__Text--100___csEom {
|
|
1286
1286
|
font-weight: var(--brand-text-weight-100);
|
|
1287
1287
|
font-size: var(--brand-text-size-100);
|
|
1288
1288
|
line-height: var(--brand-text-lineHeight-100);
|
|
@@ -1290,7 +1290,7 @@ select {
|
|
|
1290
1290
|
|
|
1291
1291
|
/**
|
|
1292
1292
|
* Do not edit directly
|
|
1293
|
-
* Generated on
|
|
1293
|
+
* Generated on Thu, 16 Jun 2022 14:49:06 GMT
|
|
1294
1294
|
*/
|
|
1295
1295
|
|
|
1296
1296
|
:root {
|
|
@@ -1317,7 +1317,7 @@ select {
|
|
|
1317
1317
|
--brand-Button-shadow-focus: hsl(var(--base-color-scale-white-0-hsl) / 25%) 0 0 0 4px;
|
|
1318
1318
|
}
|
|
1319
1319
|
|
|
1320
|
-
.
|
|
1320
|
+
.Primer_Brand__Button-module__Button___lDruK {
|
|
1321
1321
|
-webkit-appearance: none;
|
|
1322
1322
|
-moz-appearance: none;
|
|
1323
1323
|
appearance: none;
|
|
@@ -1338,48 +1338,48 @@ select {
|
|
|
1338
1338
|
background: none;
|
|
1339
1339
|
}
|
|
1340
1340
|
|
|
1341
|
-
.
|
|
1341
|
+
.Primer_Brand__Button-module__Button___lDruK:focus {
|
|
1342
1342
|
outline: 0;
|
|
1343
1343
|
box-shadow: var(--brand-Button-shadow-focus), var(--brand-Button-shadow-hover);
|
|
1344
1344
|
}
|
|
1345
1345
|
|
|
1346
|
-
.
|
|
1346
|
+
.Primer_Brand__Button-module__Button--label___lUBc0 {
|
|
1347
1347
|
font-weight: var(--base-text-weight-semibold);
|
|
1348
1348
|
}
|
|
1349
1349
|
|
|
1350
|
-
.
|
|
1350
|
+
.Primer_Brand__Button-module__Button-arrow___SkJXQ {
|
|
1351
1351
|
margin-left: 4px;
|
|
1352
1352
|
}
|
|
1353
1353
|
|
|
1354
|
-
.
|
|
1354
|
+
.Primer_Brand__Button-module__Button--primary___xIC7G {
|
|
1355
1355
|
color: var(--brand-color-text-onEmphasis);
|
|
1356
1356
|
background-color: var(--brand-Button-background-base);
|
|
1357
1357
|
background: var(--brand-Button-background-overlay);
|
|
1358
1358
|
}
|
|
1359
1359
|
|
|
1360
|
-
.
|
|
1360
|
+
.Primer_Brand__Button-module__Button--primary___xIC7G:hover {
|
|
1361
1361
|
box-shadow: var(--brand-Button-shadow-hover);
|
|
1362
1362
|
}
|
|
1363
1363
|
|
|
1364
|
-
.
|
|
1364
|
+
.Primer_Brand__Button-module__Button--label-primary___Leisi {
|
|
1365
1365
|
color: var(--brand-color-text-onEmphasis);
|
|
1366
1366
|
}
|
|
1367
1367
|
|
|
1368
|
-
.
|
|
1368
|
+
.Primer_Brand__Button-module__Button--secondary___akMC2 {
|
|
1369
1369
|
color: var(--brand-color-text-default);
|
|
1370
1370
|
box-shadow: inset 0 0 0 1px var(--brand-color-border-default);
|
|
1371
1371
|
transition: box-shadow 200ms;
|
|
1372
1372
|
}
|
|
1373
1373
|
|
|
1374
|
-
.
|
|
1374
|
+
.Primer_Brand__Button-module__Button--secondary___akMC2:hover {
|
|
1375
1375
|
box-shadow: inset 0 0 0 2px var(--brand-color-neutral-emphasisPlus);
|
|
1376
1376
|
}
|
|
1377
1377
|
|
|
1378
|
-
.
|
|
1378
|
+
.Primer_Brand__Heading-module__Heading___IVpmp {
|
|
1379
1379
|
color: var(--brand-color-text-default);
|
|
1380
1380
|
}
|
|
1381
1381
|
|
|
1382
|
-
.
|
|
1382
|
+
.Primer_Brand__Heading-module__Heading--1___Ufc7G {
|
|
1383
1383
|
font-weight: var(--brand-text-weight-900);
|
|
1384
1384
|
font-size: var(--brand-text-size-900);
|
|
1385
1385
|
line-height: var(--brand-text-lineHeight-900);
|
|
@@ -1387,7 +1387,7 @@ select {
|
|
|
1387
1387
|
letter-spacing: var(--brand-text-letterSpacing-900);
|
|
1388
1388
|
}
|
|
1389
1389
|
|
|
1390
|
-
.
|
|
1390
|
+
.Primer_Brand__Heading-module__Heading--2___TFg09 {
|
|
1391
1391
|
font-weight: var(--brand-text-weight-800);
|
|
1392
1392
|
font-size: var(--brand-text-size-800);
|
|
1393
1393
|
line-height: var(--brand-text-lineHeight-800);
|
|
@@ -1395,7 +1395,7 @@ select {
|
|
|
1395
1395
|
letter-spacing: var(--brand-text-letterSpacing-800);
|
|
1396
1396
|
}
|
|
1397
1397
|
|
|
1398
|
-
.
|
|
1398
|
+
.Primer_Brand__Heading-module__Heading--3___wsITu {
|
|
1399
1399
|
font-weight: var(--brand-heading-weight-700);
|
|
1400
1400
|
font-size: var(--brand-text-size-700);
|
|
1401
1401
|
line-height: var(--brand-text-lineHeight-700);
|
|
@@ -1403,7 +1403,7 @@ select {
|
|
|
1403
1403
|
letter-spacing: var(--brand-heading-letterSpacing-700);
|
|
1404
1404
|
}
|
|
1405
1405
|
|
|
1406
|
-
.
|
|
1406
|
+
.Primer_Brand__Heading-module__Heading--4___C9jDG {
|
|
1407
1407
|
font-weight: var(--brand-heading-weight-600);
|
|
1408
1408
|
font-size: var(--brand-text-size-600);
|
|
1409
1409
|
line-height: var(--brand-text-lineHeight-600);
|
|
@@ -1411,7 +1411,7 @@ select {
|
|
|
1411
1411
|
letter-spacing: var(--brand-heading-letterSpacing-600);
|
|
1412
1412
|
}
|
|
1413
1413
|
|
|
1414
|
-
.
|
|
1414
|
+
.Primer_Brand__Heading-module__Heading--5___HgypG {
|
|
1415
1415
|
font-weight: var(--brand-heading-weight-500);
|
|
1416
1416
|
font-size: var(--brand-text-size-500);
|
|
1417
1417
|
line-height: var(--brand-text-lineHeight-500);
|
|
@@ -1419,7 +1419,7 @@ select {
|
|
|
1419
1419
|
letter-spacing: var(--brand-heading-letterSpacing-500);
|
|
1420
1420
|
}
|
|
1421
1421
|
|
|
1422
|
-
.
|
|
1422
|
+
.Primer_Brand__Heading-module__Heading--6___FEQ_V {
|
|
1423
1423
|
font-weight: var(--brand-heading-weight-400);
|
|
1424
1424
|
font-size: var(--brand-text-size-400);
|
|
1425
1425
|
line-height: var(--brand-text-lineHeight-400);
|
|
@@ -1429,7 +1429,7 @@ select {
|
|
|
1429
1429
|
|
|
1430
1430
|
/**
|
|
1431
1431
|
* Do not edit directly
|
|
1432
|
-
* Generated on
|
|
1432
|
+
* Generated on Thu, 16 Jun 2022 14:49:06 GMT
|
|
1433
1433
|
*/
|
|
1434
1434
|
|
|
1435
1435
|
:root {
|
|
@@ -1439,7 +1439,7 @@ select {
|
|
|
1439
1439
|
|
|
1440
1440
|
/**
|
|
1441
1441
|
* Do not edit directly
|
|
1442
|
-
* Generated on
|
|
1442
|
+
* Generated on Thu, 16 Jun 2022 14:49:06 GMT
|
|
1443
1443
|
*/
|
|
1444
1444
|
|
|
1445
1445
|
:root {
|
|
@@ -1450,7 +1450,7 @@ select {
|
|
|
1450
1450
|
--brand-River-layout-margin-vertical: var(--base-size-48) 0;
|
|
1451
1451
|
}
|
|
1452
1452
|
|
|
1453
|
-
.
|
|
1453
|
+
.Primer_Brand__River-module__River___VHPl5 {
|
|
1454
1454
|
display: grid;
|
|
1455
1455
|
grid-gap: var(--brand-River-gap-column-medium);
|
|
1456
1456
|
gap: var(--brand-River-gap-column-medium);
|
|
@@ -1459,108 +1459,108 @@ select {
|
|
|
1459
1459
|
margin: var(--brand-River-layout-margin-vertical);
|
|
1460
1460
|
}
|
|
1461
1461
|
|
|
1462
|
-
.
|
|
1462
|
+
.Primer_Brand__River-module__River__visual___sTe_U {
|
|
1463
1463
|
position: relative;
|
|
1464
1464
|
order: 2;
|
|
1465
1465
|
}
|
|
1466
1466
|
|
|
1467
|
-
.
|
|
1467
|
+
.Primer_Brand__River-module__River--align-center___TH7xI {
|
|
1468
1468
|
text-align: center;
|
|
1469
1469
|
}
|
|
1470
1470
|
|
|
1471
|
-
.
|
|
1472
|
-
.
|
|
1471
|
+
.Primer_Brand__River-module__River__visual___sTe_U img,
|
|
1472
|
+
.Primer_Brand__River-module__River__visual___sTe_U video {
|
|
1473
1473
|
width: 100%;
|
|
1474
1474
|
height: 100%;
|
|
1475
1475
|
-o-object-fit: cover;
|
|
1476
1476
|
object-fit: cover;
|
|
1477
1477
|
}
|
|
1478
1478
|
|
|
1479
|
-
.
|
|
1479
|
+
.Primer_Brand__River-module__River__visual--has-shadow___cL9nP {
|
|
1480
1480
|
box-shadow: var(--brand-River-visual-shadow);
|
|
1481
1481
|
}
|
|
1482
1482
|
|
|
1483
|
-
.
|
|
1483
|
+
.Primer_Brand__River-module__River__heading___pwKXi {
|
|
1484
1484
|
margin-bottom: var(--brand-River-gap-heading-bottom);
|
|
1485
1485
|
}
|
|
1486
1486
|
|
|
1487
|
-
.
|
|
1487
|
+
.Primer_Brand__River-module__River__call-to-action___GIOCe {
|
|
1488
1488
|
margin-top: var(--base-size-24);
|
|
1489
1489
|
}
|
|
1490
1490
|
|
|
1491
|
-
.
|
|
1491
|
+
.Primer_Brand__River-module__River__text___ZlR1K strong {
|
|
1492
1492
|
color: var(--brand-color-text-default);
|
|
1493
1493
|
}
|
|
1494
1494
|
|
|
1495
1495
|
/* Small breakpoint and up */
|
|
1496
1496
|
@media screen and (min-width: 34rem) {
|
|
1497
|
-
.
|
|
1497
|
+
.Primer_Brand__River-module__River___VHPl5 {
|
|
1498
1498
|
grid-template-rows: initial;
|
|
1499
1499
|
}
|
|
1500
|
-
.
|
|
1500
|
+
.Primer_Brand__River-module__River--50-50___cpSFU {
|
|
1501
1501
|
grid-template-columns: [content] 1fr [visual] 1fr;
|
|
1502
1502
|
}
|
|
1503
1503
|
|
|
1504
|
-
.
|
|
1504
|
+
.Primer_Brand__River-module__River--60-40___XDKAU {
|
|
1505
1505
|
grid-template-columns: [content] calc(40% - var(--base-size-12)) [visual] calc(60% - var(--base-size-12));
|
|
1506
1506
|
}
|
|
1507
1507
|
|
|
1508
|
-
.
|
|
1508
|
+
.Primer_Brand__River-module__River--align-left___sOE5L {
|
|
1509
1509
|
grid-template-areas: 'content visual';
|
|
1510
1510
|
}
|
|
1511
1511
|
|
|
1512
|
-
.
|
|
1512
|
+
.Primer_Brand__River-module__River--align-right___J45pe {
|
|
1513
1513
|
grid-template-areas: 'visual content';
|
|
1514
1514
|
}
|
|
1515
1515
|
|
|
1516
|
-
.
|
|
1516
|
+
.Primer_Brand__River-module__River--align-right___J45pe.Primer_Brand__River-module__River--60-40___XDKAU {
|
|
1517
1517
|
grid-template-columns: [visual] calc(60% - var(--base-size-12)) [content] calc(40% - var(--base-size-12));
|
|
1518
1518
|
}
|
|
1519
1519
|
|
|
1520
|
-
.
|
|
1520
|
+
.Primer_Brand__River-module__River__content___opQUA {
|
|
1521
1521
|
display: grid;
|
|
1522
1522
|
align-content: center;
|
|
1523
1523
|
grid-area: content;
|
|
1524
1524
|
}
|
|
1525
1525
|
|
|
1526
|
-
.
|
|
1526
|
+
.Primer_Brand__River-module__River__visual___sTe_U {
|
|
1527
1527
|
grid-area: visual;
|
|
1528
1528
|
order: initial;
|
|
1529
1529
|
}
|
|
1530
1530
|
|
|
1531
|
-
.
|
|
1531
|
+
.Primer_Brand__River-module__River--align-center___TH7xI {
|
|
1532
1532
|
grid-auto-rows: -webkit-min-content;
|
|
1533
1533
|
grid-auto-rows: min-content;
|
|
1534
1534
|
grid-template-columns: initial;
|
|
1535
1535
|
}
|
|
1536
1536
|
|
|
1537
|
-
.
|
|
1538
|
-
.
|
|
1537
|
+
.Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__content___opQUA,
|
|
1538
|
+
.Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__visual___sTe_U {
|
|
1539
1539
|
grid-area: unset;
|
|
1540
1540
|
justify-self: center;
|
|
1541
1541
|
}
|
|
1542
1542
|
|
|
1543
|
-
.
|
|
1543
|
+
.Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__body-text___tt2Yf {
|
|
1544
1544
|
max-width: 600px;
|
|
1545
1545
|
justify-self: center;
|
|
1546
1546
|
}
|
|
1547
1547
|
|
|
1548
|
-
.
|
|
1548
|
+
.Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__visual___sTe_U {
|
|
1549
1549
|
margin-bottom: var(--base-size-48);
|
|
1550
1550
|
}
|
|
1551
|
-
.
|
|
1551
|
+
.Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__content___opQUA {
|
|
1552
1552
|
margin-top: var(--base-size-48);
|
|
1553
1553
|
}
|
|
1554
1554
|
}
|
|
1555
1555
|
|
|
1556
1556
|
/* Large breakpoint and up */
|
|
1557
1557
|
@media screen and (min-width: 63.25rem) {
|
|
1558
|
-
.
|
|
1558
|
+
.Primer_Brand__River-module__River___VHPl5 {
|
|
1559
1559
|
gap: var(--brand-River-gap-column-large);
|
|
1560
1560
|
}
|
|
1561
1561
|
}
|
|
1562
1562
|
|
|
1563
|
-
.
|
|
1563
|
+
.Primer_Brand__Link-module__Link___lvKjM {
|
|
1564
1564
|
position: relative;
|
|
1565
1565
|
display: inline-flex;
|
|
1566
1566
|
align-items: center;
|
|
@@ -1571,7 +1571,7 @@ select {
|
|
|
1571
1571
|
color: var(--brand-color-text-default);
|
|
1572
1572
|
}
|
|
1573
1573
|
|
|
1574
|
-
.
|
|
1574
|
+
.Primer_Brand__Link-module__Link___lvKjM::after {
|
|
1575
1575
|
position: absolute;
|
|
1576
1576
|
bottom: -0.15em;
|
|
1577
1577
|
left: 0;
|
|
@@ -1585,30 +1585,30 @@ select {
|
|
|
1585
1585
|
}
|
|
1586
1586
|
|
|
1587
1587
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
1588
|
-
.
|
|
1588
|
+
.Primer_Brand__Link-module__Link___lvKjM::after {
|
|
1589
1589
|
transition: transform 0.3s ease;
|
|
1590
1590
|
}
|
|
1591
1591
|
}
|
|
1592
1592
|
|
|
1593
|
-
.
|
|
1594
|
-
.
|
|
1595
|
-
.
|
|
1593
|
+
.Primer_Brand__Link-module__Link___lvKjM:active:after,
|
|
1594
|
+
.Primer_Brand__Link-module__Link___lvKjM:hover:after,
|
|
1595
|
+
.Primer_Brand__Link-module__Link___lvKjM:focus:after {
|
|
1596
1596
|
transform: scaleX(1);
|
|
1597
1597
|
}
|
|
1598
1598
|
|
|
1599
|
-
.
|
|
1599
|
+
.Primer_Brand__Link-module__Link___lvKjM:focus {
|
|
1600
1600
|
outline: 0;
|
|
1601
1601
|
}
|
|
1602
1602
|
|
|
1603
|
-
.
|
|
1603
|
+
.Primer_Brand__Link-module__Link--label___j8etE {
|
|
1604
1604
|
font-weight: var(--base-text-weight-semibold);
|
|
1605
1605
|
}
|
|
1606
1606
|
|
|
1607
|
-
.
|
|
1607
|
+
.Primer_Brand__Link-module__Link-arrow___HBMJ9 {
|
|
1608
1608
|
margin-left: 4px;
|
|
1609
1609
|
}
|
|
1610
1610
|
|
|
1611
|
-
.
|
|
1611
|
+
.Primer_Brand__Link-module__Link--large___cXMt5 .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
|
|
1612
1612
|
width: 20px;
|
|
1613
1613
|
height: 20px;
|
|
1614
1614
|
}
|