energy-foundations 2.3.0 → 2.5.0-beta.0
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/README.md +10 -0
- package/dist/energy-foundations.css +1 -1
- package/dist/foundations/_grid.scss +36 -0
- package/dist/generated/icon-layers.js +1 -1
- package/dist/generated/icon-layers.ts +1 -1
- package/dist/generated/icon-names.js +1 -1
- package/dist/generated/icon-names.ts +1 -1
- package/dist/index.css +264 -17
- package/dist/mixins/_layout.scss +1 -1
- package/dist/mixins/_typography.scss +19 -4
- package/dist/style.css +264 -17
- package/dist/variables/_grid.scss +6 -0
- package/dist/variables/_layout.scss +6 -1
- package/dist/variables/_typography.scss +7 -7
- package/dist/variables.css +5 -5
- package/llms/00-installation.md +125 -55
- package/llms/01-classes.md +18 -20
- package/llms/02-css-variables.md +5 -5
- package/llms/04-layouts.md +340 -0
- package/llms/index.md +3 -0
- package/package.json +5 -4
- package/src/foundations/_grid.scss +36 -0
- package/src/generated/icon-layers.js +1 -1
- package/src/generated/icon-layers.ts +1 -1
- package/src/generated/icon-names.js +1 -1
- package/src/generated/icon-names.ts +1 -1
- package/src/mixins/_layout.scss +1 -1
- package/src/mixins/_typography.scss +19 -4
- package/src/variables/_grid.scss +6 -0
- package/src/variables/_layout.scss +6 -1
- package/src/variables/_typography.scss +7 -7
- package/src/variables.css +5 -5
package/dist/style.css
CHANGED
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;
|
|
29
29
|
--rds-body-02: 0.875rem/1.25rem RepsolSoleTextRegular;
|
|
30
30
|
--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;
|
|
31
|
-
--rds-body-01-underline: 1rem/1.
|
|
31
|
+
--rds-body-01-underline: 1rem/1.5rem RepsolSoleTextRegular;
|
|
32
32
|
--rds-body-02-bold: 0.875rem/1.25rem RepsolSoleTextBold;
|
|
33
33
|
--rds-body-02-underline: 0.875rem/1.25rem RepsolSoleTextRegular;
|
|
34
34
|
--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;
|
|
@@ -44,19 +44,19 @@
|
|
|
44
44
|
--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;
|
|
45
45
|
--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;
|
|
46
46
|
--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;
|
|
47
|
-
--rds-headline-00-md:
|
|
47
|
+
--rds-headline-00-md: 2.5rem/3rem RepsolSoleDisplayRegular;
|
|
48
48
|
--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;
|
|
49
49
|
--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;
|
|
50
50
|
--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;
|
|
51
|
-
--rds-headline-01-md: 2.5rem
|
|
51
|
+
--rds-headline-01-md: 2rem/2.5rem RepsolSoleDisplayRegular;
|
|
52
52
|
--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;
|
|
53
53
|
--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;
|
|
54
54
|
--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;
|
|
55
|
-
--rds-headline-02-md:
|
|
55
|
+
--rds-headline-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;
|
|
56
56
|
--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;
|
|
57
57
|
--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;
|
|
58
58
|
--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;
|
|
59
|
-
--rds-headline-03-md: 1.
|
|
59
|
+
--rds-headline-03-md: 1.375rem/1.875rem RepsolSoleDisplayRegular;
|
|
60
60
|
--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;
|
|
61
61
|
--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;
|
|
62
62
|
--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;
|
|
@@ -517,7 +517,7 @@ h6 {
|
|
|
517
517
|
--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;
|
|
518
518
|
--rds-body-02: 0.875rem/1.25rem RepsolSoleTextRegular;
|
|
519
519
|
--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;
|
|
520
|
-
--rds-body-01-underline: 1rem/1.
|
|
520
|
+
--rds-body-01-underline: 1rem/1.5rem RepsolSoleTextRegular;
|
|
521
521
|
--rds-body-02-bold: 0.875rem/1.25rem RepsolSoleTextBold;
|
|
522
522
|
--rds-body-02-underline: 0.875rem/1.25rem RepsolSoleTextRegular;
|
|
523
523
|
--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;
|
|
@@ -533,19 +533,19 @@ h6 {
|
|
|
533
533
|
--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;
|
|
534
534
|
--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;
|
|
535
535
|
--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;
|
|
536
|
-
--rds-headline-00-md:
|
|
536
|
+
--rds-headline-00-md: 2.5rem/3rem RepsolSoleDisplayRegular;
|
|
537
537
|
--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;
|
|
538
538
|
--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;
|
|
539
539
|
--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;
|
|
540
|
-
--rds-headline-01-md: 2.5rem
|
|
540
|
+
--rds-headline-01-md: 2rem/2.5rem RepsolSoleDisplayRegular;
|
|
541
541
|
--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;
|
|
542
542
|
--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;
|
|
543
543
|
--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;
|
|
544
|
-
--rds-headline-02-md:
|
|
544
|
+
--rds-headline-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;
|
|
545
545
|
--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;
|
|
546
546
|
--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;
|
|
547
547
|
--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;
|
|
548
|
-
--rds-headline-03-md: 1.
|
|
548
|
+
--rds-headline-03-md: 1.375rem/1.875rem RepsolSoleDisplayRegular;
|
|
549
549
|
--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;
|
|
550
550
|
--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;
|
|
551
551
|
--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;
|
|
@@ -3005,7 +3005,7 @@ html {
|
|
|
3005
3005
|
}
|
|
3006
3006
|
|
|
3007
3007
|
.rds-ld-body-01-underline {
|
|
3008
|
-
font: 1rem/1.
|
|
3008
|
+
font: 1rem/1.5rem "RepsolSoleTextRegular";
|
|
3009
3009
|
text-decoration: underline;
|
|
3010
3010
|
}
|
|
3011
3011
|
|
|
@@ -3150,7 +3150,7 @@ html {
|
|
|
3150
3150
|
}
|
|
3151
3151
|
|
|
3152
3152
|
.rds-sd-body-01-underline {
|
|
3153
|
-
font: 1rem/1.
|
|
3153
|
+
font: 1rem/1.5rem "RepsolSoleTextRegular";
|
|
3154
3154
|
text-decoration: underline;
|
|
3155
3155
|
}
|
|
3156
3156
|
|
|
@@ -3295,7 +3295,7 @@ html {
|
|
|
3295
3295
|
}
|
|
3296
3296
|
|
|
3297
3297
|
.rds-body-01-underline {
|
|
3298
|
-
font: 1rem/1.
|
|
3298
|
+
font: 1rem/1.5rem "RepsolSoleTextRegular";
|
|
3299
3299
|
text-decoration: underline;
|
|
3300
3300
|
}
|
|
3301
3301
|
|
|
@@ -3329,7 +3329,7 @@ html {
|
|
|
3329
3329
|
}
|
|
3330
3330
|
@media (min-width: 720px) {
|
|
3331
3331
|
.rds-headline-00 {
|
|
3332
|
-
font:
|
|
3332
|
+
font: 2.5rem/3rem "RepsolSoleDisplayRegular";
|
|
3333
3333
|
}
|
|
3334
3334
|
}
|
|
3335
3335
|
@media (min-width: 1280px) {
|
|
@@ -3342,13 +3342,33 @@ html {
|
|
|
3342
3342
|
font: 4.5rem/5.75rem "RepsolSoleDisplayRegular";
|
|
3343
3343
|
}
|
|
3344
3344
|
}
|
|
3345
|
+
@media (min-width: 720px) {
|
|
3346
|
+
:where(body[data-rds-layout=b]) .rds-headline-00 {
|
|
3347
|
+
font: 2.5rem/3rem "RepsolSoleDisplayRegular";
|
|
3348
|
+
}
|
|
3349
|
+
}
|
|
3350
|
+
@media (min-width: 800px) {
|
|
3351
|
+
:where(body[data-rds-layout=b]) .rds-headline-00 {
|
|
3352
|
+
font: 2.5rem/3rem "RepsolSoleDisplayRegular";
|
|
3353
|
+
}
|
|
3354
|
+
}
|
|
3355
|
+
@media (min-width: 1024px) {
|
|
3356
|
+
:where(body[data-rds-layout=b]) .rds-headline-00 {
|
|
3357
|
+
font: 4rem/5rem "RepsolSoleDisplayRegular";
|
|
3358
|
+
}
|
|
3359
|
+
}
|
|
3360
|
+
@media (min-width: 1584px) {
|
|
3361
|
+
:where(body[data-rds-layout=b]) .rds-headline-00 {
|
|
3362
|
+
font: 4.5rem/5.75rem "RepsolSoleDisplayRegular";
|
|
3363
|
+
}
|
|
3364
|
+
}
|
|
3345
3365
|
|
|
3346
3366
|
.rds-headline-01 {
|
|
3347
3367
|
font: 2rem/2.5rem "RepsolSoleDisplayRegular";
|
|
3348
3368
|
}
|
|
3349
3369
|
@media (min-width: 720px) {
|
|
3350
3370
|
.rds-headline-01 {
|
|
3351
|
-
font: 2.5rem
|
|
3371
|
+
font: 2rem/2.5rem "RepsolSoleDisplayRegular";
|
|
3352
3372
|
}
|
|
3353
3373
|
}
|
|
3354
3374
|
@media (min-width: 1280px) {
|
|
@@ -3361,13 +3381,33 @@ html {
|
|
|
3361
3381
|
font: 3.5rem/4.25rem "RepsolSoleDisplayRegular";
|
|
3362
3382
|
}
|
|
3363
3383
|
}
|
|
3384
|
+
@media (min-width: 720px) {
|
|
3385
|
+
:where(body[data-rds-layout=b]) .rds-headline-01 {
|
|
3386
|
+
font: 2rem/2.5rem "RepsolSoleDisplayRegular";
|
|
3387
|
+
}
|
|
3388
|
+
}
|
|
3389
|
+
@media (min-width: 800px) {
|
|
3390
|
+
:where(body[data-rds-layout=b]) .rds-headline-01 {
|
|
3391
|
+
font: 2rem/2.5rem "RepsolSoleDisplayRegular";
|
|
3392
|
+
}
|
|
3393
|
+
}
|
|
3394
|
+
@media (min-width: 1024px) {
|
|
3395
|
+
:where(body[data-rds-layout=b]) .rds-headline-01 {
|
|
3396
|
+
font: 3rem/3.75rem "RepsolSoleDisplayRegular";
|
|
3397
|
+
}
|
|
3398
|
+
}
|
|
3399
|
+
@media (min-width: 1584px) {
|
|
3400
|
+
:where(body[data-rds-layout=b]) .rds-headline-01 {
|
|
3401
|
+
font: 3.5rem/4.25rem "RepsolSoleDisplayRegular";
|
|
3402
|
+
}
|
|
3403
|
+
}
|
|
3364
3404
|
|
|
3365
3405
|
.rds-headline-02 {
|
|
3366
3406
|
font: 1.75rem/2.25rem "RepsolSoleDisplayRegular";
|
|
3367
3407
|
}
|
|
3368
3408
|
@media (min-width: 720px) {
|
|
3369
3409
|
.rds-headline-02 {
|
|
3370
|
-
font:
|
|
3410
|
+
font: 1.75rem/2.25rem "RepsolSoleDisplayRegular";
|
|
3371
3411
|
}
|
|
3372
3412
|
}
|
|
3373
3413
|
@media (min-width: 1280px) {
|
|
@@ -3380,13 +3420,33 @@ html {
|
|
|
3380
3420
|
font: 2.75rem/3.5rem "RepsolSoleDisplayRegular";
|
|
3381
3421
|
}
|
|
3382
3422
|
}
|
|
3423
|
+
@media (min-width: 720px) {
|
|
3424
|
+
:where(body[data-rds-layout=b]) .rds-headline-02 {
|
|
3425
|
+
font: 1.75rem/2.25rem "RepsolSoleDisplayRegular";
|
|
3426
|
+
}
|
|
3427
|
+
}
|
|
3428
|
+
@media (min-width: 800px) {
|
|
3429
|
+
:where(body[data-rds-layout=b]) .rds-headline-02 {
|
|
3430
|
+
font: 1.75rem/2.25rem "RepsolSoleDisplayRegular";
|
|
3431
|
+
}
|
|
3432
|
+
}
|
|
3433
|
+
@media (min-width: 1024px) {
|
|
3434
|
+
:where(body[data-rds-layout=b]) .rds-headline-02 {
|
|
3435
|
+
font: 2.25rem/3rem "RepsolSoleDisplayRegular";
|
|
3436
|
+
}
|
|
3437
|
+
}
|
|
3438
|
+
@media (min-width: 1584px) {
|
|
3439
|
+
:where(body[data-rds-layout=b]) .rds-headline-02 {
|
|
3440
|
+
font: 2.75rem/3.5rem "RepsolSoleDisplayRegular";
|
|
3441
|
+
}
|
|
3442
|
+
}
|
|
3383
3443
|
|
|
3384
3444
|
.rds-headline-03 {
|
|
3385
3445
|
font: 1.375rem/1.875rem "RepsolSoleDisplayRegular";
|
|
3386
3446
|
}
|
|
3387
3447
|
@media (min-width: 720px) {
|
|
3388
3448
|
.rds-headline-03 {
|
|
3389
|
-
font: 1.
|
|
3449
|
+
font: 1.375rem/1.875rem "RepsolSoleDisplayRegular";
|
|
3390
3450
|
}
|
|
3391
3451
|
}
|
|
3392
3452
|
@media (min-width: 1280px) {
|
|
@@ -3399,6 +3459,26 @@ html {
|
|
|
3399
3459
|
font: 2rem/2.5rem "RepsolSoleDisplayRegular";
|
|
3400
3460
|
}
|
|
3401
3461
|
}
|
|
3462
|
+
@media (min-width: 720px) {
|
|
3463
|
+
:where(body[data-rds-layout=b]) .rds-headline-03 {
|
|
3464
|
+
font: 1.375rem/1.875rem "RepsolSoleDisplayRegular";
|
|
3465
|
+
}
|
|
3466
|
+
}
|
|
3467
|
+
@media (min-width: 800px) {
|
|
3468
|
+
:where(body[data-rds-layout=b]) .rds-headline-03 {
|
|
3469
|
+
font: 1.375rem/1.875rem "RepsolSoleDisplayRegular";
|
|
3470
|
+
}
|
|
3471
|
+
}
|
|
3472
|
+
@media (min-width: 1024px) {
|
|
3473
|
+
:where(body[data-rds-layout=b]) .rds-headline-03 {
|
|
3474
|
+
font: 1.75rem/2.25rem "RepsolSoleDisplayRegular";
|
|
3475
|
+
}
|
|
3476
|
+
}
|
|
3477
|
+
@media (min-width: 1584px) {
|
|
3478
|
+
:where(body[data-rds-layout=b]) .rds-headline-03 {
|
|
3479
|
+
font: 2rem/2.5rem "RepsolSoleDisplayRegular";
|
|
3480
|
+
}
|
|
3481
|
+
}
|
|
3402
3482
|
|
|
3403
3483
|
.rds-headline-04 {
|
|
3404
3484
|
font: 1.125rem/1.625rem "RepsolSoleDisplayRegular";
|
|
@@ -3418,6 +3498,26 @@ html {
|
|
|
3418
3498
|
font: 1.5rem/2rem "RepsolSoleDisplayRegular";
|
|
3419
3499
|
}
|
|
3420
3500
|
}
|
|
3501
|
+
@media (min-width: 720px) {
|
|
3502
|
+
:where(body[data-rds-layout=b]) .rds-headline-04 {
|
|
3503
|
+
font: 1.125rem/1.625rem "RepsolSoleDisplayRegular";
|
|
3504
|
+
}
|
|
3505
|
+
}
|
|
3506
|
+
@media (min-width: 800px) {
|
|
3507
|
+
:where(body[data-rds-layout=b]) .rds-headline-04 {
|
|
3508
|
+
font: 1.125rem/1.625rem "RepsolSoleDisplayRegular";
|
|
3509
|
+
}
|
|
3510
|
+
}
|
|
3511
|
+
@media (min-width: 1024px) {
|
|
3512
|
+
:where(body[data-rds-layout=b]) .rds-headline-04 {
|
|
3513
|
+
font: 1.25rem/1.75rem "RepsolSoleDisplayRegular";
|
|
3514
|
+
}
|
|
3515
|
+
}
|
|
3516
|
+
@media (min-width: 1584px) {
|
|
3517
|
+
:where(body[data-rds-layout=b]) .rds-headline-04 {
|
|
3518
|
+
font: 1.5rem/2rem "RepsolSoleDisplayRegular";
|
|
3519
|
+
}
|
|
3520
|
+
}
|
|
3421
3521
|
|
|
3422
3522
|
.rds-numbers-00 {
|
|
3423
3523
|
font: 3.5rem/4.25rem "RepsolSoleDisplayRegular";
|
|
@@ -3441,6 +3541,30 @@ html {
|
|
|
3441
3541
|
font-variant: tabular-nums;
|
|
3442
3542
|
}
|
|
3443
3543
|
}
|
|
3544
|
+
@media (min-width: 720px) {
|
|
3545
|
+
:where(body[data-rds-layout=b]) .rds-numbers-00 {
|
|
3546
|
+
font: 3.5rem/4.25rem "RepsolSoleDisplayRegular";
|
|
3547
|
+
font-variant: tabular-nums;
|
|
3548
|
+
}
|
|
3549
|
+
}
|
|
3550
|
+
@media (min-width: 800px) {
|
|
3551
|
+
:where(body[data-rds-layout=b]) .rds-numbers-00 {
|
|
3552
|
+
font: 3.5rem/4.25rem "RepsolSoleDisplayRegular";
|
|
3553
|
+
font-variant: tabular-nums;
|
|
3554
|
+
}
|
|
3555
|
+
}
|
|
3556
|
+
@media (min-width: 1024px) {
|
|
3557
|
+
:where(body[data-rds-layout=b]) .rds-numbers-00 {
|
|
3558
|
+
font: 7rem/8.5rem "RepsolSoleDisplayRegular";
|
|
3559
|
+
font-variant: tabular-nums;
|
|
3560
|
+
}
|
|
3561
|
+
}
|
|
3562
|
+
@media (min-width: 1584px) {
|
|
3563
|
+
:where(body[data-rds-layout=b]) .rds-numbers-00 {
|
|
3564
|
+
font: 7rem/8.5rem "RepsolSoleDisplayRegular";
|
|
3565
|
+
font-variant: tabular-nums;
|
|
3566
|
+
}
|
|
3567
|
+
}
|
|
3444
3568
|
|
|
3445
3569
|
.rds-numbers-01 {
|
|
3446
3570
|
font: 2.25rem/2.75rem "RepsolSoleDisplayRegular";
|
|
@@ -3464,6 +3588,30 @@ html {
|
|
|
3464
3588
|
font-variant: tabular-nums;
|
|
3465
3589
|
}
|
|
3466
3590
|
}
|
|
3591
|
+
@media (min-width: 720px) {
|
|
3592
|
+
:where(body[data-rds-layout=b]) .rds-numbers-01 {
|
|
3593
|
+
font: 2.25rem/2.75rem "RepsolSoleDisplayRegular";
|
|
3594
|
+
font-variant: tabular-nums;
|
|
3595
|
+
}
|
|
3596
|
+
}
|
|
3597
|
+
@media (min-width: 800px) {
|
|
3598
|
+
:where(body[data-rds-layout=b]) .rds-numbers-01 {
|
|
3599
|
+
font: 2.25rem/2.75rem "RepsolSoleDisplayRegular";
|
|
3600
|
+
font-variant: tabular-nums;
|
|
3601
|
+
}
|
|
3602
|
+
}
|
|
3603
|
+
@media (min-width: 1024px) {
|
|
3604
|
+
:where(body[data-rds-layout=b]) .rds-numbers-01 {
|
|
3605
|
+
font: 3rem/3.75rem "RepsolSoleDisplayRegular";
|
|
3606
|
+
font-variant: tabular-nums;
|
|
3607
|
+
}
|
|
3608
|
+
}
|
|
3609
|
+
@media (min-width: 1584px) {
|
|
3610
|
+
:where(body[data-rds-layout=b]) .rds-numbers-01 {
|
|
3611
|
+
font: 3rem/3.75rem "RepsolSoleDisplayRegular";
|
|
3612
|
+
font-variant: tabular-nums;
|
|
3613
|
+
}
|
|
3614
|
+
}
|
|
3467
3615
|
|
|
3468
3616
|
.rds-numbers-02 {
|
|
3469
3617
|
font: 1.75rem/2.25rem "RepsolSoleDisplayRegular";
|
|
@@ -3487,6 +3635,30 @@ html {
|
|
|
3487
3635
|
font-variant: tabular-nums;
|
|
3488
3636
|
}
|
|
3489
3637
|
}
|
|
3638
|
+
@media (min-width: 720px) {
|
|
3639
|
+
:where(body[data-rds-layout=b]) .rds-numbers-02 {
|
|
3640
|
+
font: 1.75rem/2.25rem "RepsolSoleDisplayRegular";
|
|
3641
|
+
font-variant: tabular-nums;
|
|
3642
|
+
}
|
|
3643
|
+
}
|
|
3644
|
+
@media (min-width: 800px) {
|
|
3645
|
+
:where(body[data-rds-layout=b]) .rds-numbers-02 {
|
|
3646
|
+
font: 1.75rem/2.25rem "RepsolSoleDisplayRegular";
|
|
3647
|
+
font-variant: tabular-nums;
|
|
3648
|
+
}
|
|
3649
|
+
}
|
|
3650
|
+
@media (min-width: 1024px) {
|
|
3651
|
+
:where(body[data-rds-layout=b]) .rds-numbers-02 {
|
|
3652
|
+
font: 2.5rem/3rem "RepsolSoleDisplayRegular";
|
|
3653
|
+
font-variant: tabular-nums;
|
|
3654
|
+
}
|
|
3655
|
+
}
|
|
3656
|
+
@media (min-width: 1584px) {
|
|
3657
|
+
:where(body[data-rds-layout=b]) .rds-numbers-02 {
|
|
3658
|
+
font: 2.5rem/3rem "RepsolSoleDisplayRegular";
|
|
3659
|
+
font-variant: tabular-nums;
|
|
3660
|
+
}
|
|
3661
|
+
}
|
|
3490
3662
|
|
|
3491
3663
|
.rds-numbers-03 {
|
|
3492
3664
|
font: 1.5rem/2rem "RepsolSoleDisplayRegular";
|
|
@@ -3510,6 +3682,30 @@ html {
|
|
|
3510
3682
|
font-variant: tabular-nums;
|
|
3511
3683
|
}
|
|
3512
3684
|
}
|
|
3685
|
+
@media (min-width: 720px) {
|
|
3686
|
+
:where(body[data-rds-layout=b]) .rds-numbers-03 {
|
|
3687
|
+
font: 1.5rem/2rem "RepsolSoleDisplayRegular";
|
|
3688
|
+
font-variant: tabular-nums;
|
|
3689
|
+
}
|
|
3690
|
+
}
|
|
3691
|
+
@media (min-width: 800px) {
|
|
3692
|
+
:where(body[data-rds-layout=b]) .rds-numbers-03 {
|
|
3693
|
+
font: 1.5rem/2rem "RepsolSoleDisplayRegular";
|
|
3694
|
+
font-variant: tabular-nums;
|
|
3695
|
+
}
|
|
3696
|
+
}
|
|
3697
|
+
@media (min-width: 1024px) {
|
|
3698
|
+
:where(body[data-rds-layout=b]) .rds-numbers-03 {
|
|
3699
|
+
font: 1.75rem/2.25rem "RepsolSoleDisplayRegular";
|
|
3700
|
+
font-variant: tabular-nums;
|
|
3701
|
+
}
|
|
3702
|
+
}
|
|
3703
|
+
@media (min-width: 1584px) {
|
|
3704
|
+
:where(body[data-rds-layout=b]) .rds-numbers-03 {
|
|
3705
|
+
font: 1.75rem/2.25rem "RepsolSoleDisplayRegular";
|
|
3706
|
+
font-variant: tabular-nums;
|
|
3707
|
+
}
|
|
3708
|
+
}
|
|
3513
3709
|
|
|
3514
3710
|
.rds-monospaced-body-01 {
|
|
3515
3711
|
font: 1rem/1.5rem "SourceCodeProRegular";
|
|
@@ -4853,6 +5049,32 @@ html {
|
|
|
4853
5049
|
}
|
|
4854
5050
|
}
|
|
4855
5051
|
|
|
5052
|
+
.rds-layout-editorial {
|
|
5053
|
+
padding: 0 16px;
|
|
5054
|
+
}
|
|
5055
|
+
@media (min-width: 800px) {
|
|
5056
|
+
.rds-layout-editorial {
|
|
5057
|
+
padding: 0 24px;
|
|
5058
|
+
}
|
|
5059
|
+
}
|
|
5060
|
+
@media (min-width: 1024px) {
|
|
5061
|
+
.rds-layout-editorial {
|
|
5062
|
+
padding: 0 32px;
|
|
5063
|
+
}
|
|
5064
|
+
}
|
|
5065
|
+
@media (min-width: 1250px) {
|
|
5066
|
+
.rds-layout-editorial {
|
|
5067
|
+
padding: 0 72px;
|
|
5068
|
+
}
|
|
5069
|
+
}
|
|
5070
|
+
@media (min-width: 1584px) {
|
|
5071
|
+
.rds-layout-editorial {
|
|
5072
|
+
margin: 0 auto;
|
|
5073
|
+
max-width: 1584px;
|
|
5074
|
+
padding: 0 72px;
|
|
5075
|
+
}
|
|
5076
|
+
}
|
|
5077
|
+
|
|
4856
5078
|
.rds-grid {
|
|
4857
5079
|
display: grid;
|
|
4858
5080
|
margin-left: auto;
|
|
@@ -4878,6 +5100,31 @@ html {
|
|
|
4878
5100
|
}
|
|
4879
5101
|
}
|
|
4880
5102
|
|
|
5103
|
+
.rds-grid-editorial {
|
|
5104
|
+
display: grid;
|
|
5105
|
+
margin-left: auto;
|
|
5106
|
+
margin-right: auto;
|
|
5107
|
+
width: 100%;
|
|
5108
|
+
}
|
|
5109
|
+
@media (max-width: 799px) {
|
|
5110
|
+
.rds-grid-editorial {
|
|
5111
|
+
gap: 16px;
|
|
5112
|
+
grid-template-columns: repeat(4, 1fr);
|
|
5113
|
+
}
|
|
5114
|
+
}
|
|
5115
|
+
@media (min-width: 800px) {
|
|
5116
|
+
.rds-grid-editorial {
|
|
5117
|
+
gap: 24px;
|
|
5118
|
+
grid-template-columns: repeat(8, 1fr);
|
|
5119
|
+
}
|
|
5120
|
+
}
|
|
5121
|
+
@media (min-width: 1024px) {
|
|
5122
|
+
.rds-grid-editorial {
|
|
5123
|
+
gap: 24px;
|
|
5124
|
+
grid-template-columns: repeat(12, 1fr);
|
|
5125
|
+
}
|
|
5126
|
+
}
|
|
5127
|
+
|
|
4881
5128
|
@media (max-width: 719px) {
|
|
4882
5129
|
.rds-col-sd-1 {
|
|
4883
5130
|
grid-column: span 1;
|
|
@@ -5,6 +5,12 @@ $grid-config: (
|
|
|
5
5
|
desktop: (max-columns: 12, gap: 24px)
|
|
6
6
|
) !default;
|
|
7
7
|
|
|
8
|
+
$grid-config-editorial: (
|
|
9
|
+
mobile-v2: (max-columns: 4, gap: 16px),
|
|
10
|
+
tablet-v2: (max-columns: 8, gap: 24px),
|
|
11
|
+
desktop-v2: (max-columns: 12, gap: 24px)
|
|
12
|
+
) !default;
|
|
13
|
+
|
|
8
14
|
$g-padding-mobile: 16px;
|
|
9
15
|
$g-padding-tablet: 24px;
|
|
10
16
|
$g-padding-desktop: 32px;
|
|
@@ -16,5 +16,10 @@ $breakpoints: (
|
|
|
16
16
|
tablet: $bp-tablet,
|
|
17
17
|
desktop: $bp-desktop,
|
|
18
18
|
desktop-large: $bp-desktop-large,
|
|
19
|
-
ultrawide: $bp-ultrawide
|
|
19
|
+
ultrawide: $bp-ultrawide,
|
|
20
|
+
mobile-v2: 799px,
|
|
21
|
+
tablet-v2: 800px,
|
|
22
|
+
desktop-v2: 1024px,
|
|
23
|
+
desktop-large-v2: 1250px,
|
|
24
|
+
ultrawide-v2: 1584px
|
|
20
25
|
) !default;
|
|
@@ -56,7 +56,7 @@ $rds-typography-body-01-bold: (
|
|
|
56
56
|
);
|
|
57
57
|
|
|
58
58
|
$rds-typography-body-01-underline: (
|
|
59
|
-
font: #{calc(16 / $f-base) + rem} / #{calc(
|
|
59
|
+
font: #{calc(16 / $f-base) + rem} / #{calc(24 / $f-base) + rem} $rds-typography-f-text,
|
|
60
60
|
);
|
|
61
61
|
|
|
62
62
|
$rds-typography-body-02: (
|
|
@@ -124,7 +124,7 @@ $rds-typography-headline-00: (
|
|
|
124
124
|
font: #{calc(40 / $f-base) + rem} / #{calc(48 / $f-base) + rem} $rds-typography-f-headline
|
|
125
125
|
),
|
|
126
126
|
md: (
|
|
127
|
-
font: #{calc(
|
|
127
|
+
font: #{calc(40 / $f-base) + rem} / #{calc(48 / $f-base) + rem} $rds-typography-f-headline
|
|
128
128
|
),
|
|
129
129
|
ld: (
|
|
130
130
|
font: #{calc(64 / $f-base) + rem} / #{calc(80 / $f-base) + rem} $rds-typography-f-headline
|
|
@@ -139,7 +139,7 @@ $rds-typography-headline-01: (
|
|
|
139
139
|
font: #{calc(32 / $f-base) + rem} / #{calc(40 / $f-base) + rem} $rds-typography-f-headline
|
|
140
140
|
),
|
|
141
141
|
md: (
|
|
142
|
-
font: #{calc(
|
|
142
|
+
font: #{calc(32 / $f-base) + rem} / #{calc(40 / $f-base) + rem} $rds-typography-f-headline
|
|
143
143
|
),
|
|
144
144
|
ld: (
|
|
145
145
|
font: #{calc(48 / $f-base) + rem} / #{calc(60 / $f-base) + rem} $rds-typography-f-headline
|
|
@@ -155,7 +155,7 @@ $rds-typography-headline-02: (
|
|
|
155
155
|
font: #{calc(28 / $f-base) + rem} / #{calc(36 / $f-base) + rem} $rds-typography-f-headline
|
|
156
156
|
),
|
|
157
157
|
md: (
|
|
158
|
-
font: #{calc(
|
|
158
|
+
font: #{calc(28 / $f-base) + rem} / #{calc(36 / $f-base) + rem} $rds-typography-f-headline
|
|
159
159
|
),
|
|
160
160
|
ld: (
|
|
161
161
|
font: #{calc(36 / $f-base) + rem} / #{calc(48 / $f-base) + rem} $rds-typography-f-headline
|
|
@@ -170,7 +170,7 @@ $rds-typography-headline-03: (
|
|
|
170
170
|
font: #{calc(22 / $f-base) + rem} / #{calc(30 / $f-base) + rem} $rds-typography-f-headline
|
|
171
171
|
),
|
|
172
172
|
md: (
|
|
173
|
-
font: #{calc(
|
|
173
|
+
font: #{calc(22 / $f-base) + rem} / #{calc(30 / $f-base) + rem} $rds-typography-f-headline
|
|
174
174
|
),
|
|
175
175
|
ld: (
|
|
176
176
|
font: #{calc(28 / $f-base) + rem} / #{calc(36 / $f-base) + rem} $rds-typography-f-headline
|
|
@@ -265,9 +265,9 @@ $rds-types-all: (
|
|
|
265
265
|
caption-tag: $rds-typography-caption-tag,
|
|
266
266
|
body-01: $rds-typography-body-01,
|
|
267
267
|
body-02: $rds-typography-body-02,
|
|
268
|
-
body-01-bold: $rds-typography-body-01-
|
|
268
|
+
body-01-bold: $rds-typography-body-01-bold,
|
|
269
269
|
body-01-underline: $rds-typography-body-01-underline,
|
|
270
|
-
body-02-bold: $rds-typography-body-02-
|
|
270
|
+
body-02-bold: $rds-typography-body-02-bold,
|
|
271
271
|
body-02-underline: $rds-typography-body-02-underline,
|
|
272
272
|
button-01: $rds-typography-button-01,
|
|
273
273
|
button-02: $rds-typography-button-02,
|
package/dist/variables.css
CHANGED
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
--rds-body-01: 1rem/1.5rem RepsolSoleTextRegular;
|
|
29
29
|
--rds-body-02: 0.875rem/1.25rem RepsolSoleTextRegular;
|
|
30
30
|
--rds-body-01-bold: 1rem/1.5rem RepsolSoleTextBold;
|
|
31
|
-
--rds-body-01-underline: 1rem/1.
|
|
31
|
+
--rds-body-01-underline: 1rem/1.5rem RepsolSoleTextRegular;
|
|
32
32
|
--rds-body-02-bold: 0.875rem/1.25rem RepsolSoleTextBold;
|
|
33
33
|
--rds-body-02-underline: 0.875rem/1.25rem RepsolSoleTextRegular;
|
|
34
34
|
--rds-button-01: 1rem/1.5rem RepsolSoleTextBold;
|
|
@@ -44,19 +44,19 @@
|
|
|
44
44
|
--rds-title-01: 1.125rem/1.625rem RepsolSoleTextBold;
|
|
45
45
|
--rds-title-02: 1rem/1.5rem RepsolSoleTextBold;
|
|
46
46
|
--rds-headline-00-sd: 2.5rem/3rem RepsolSoleDisplayRegular;
|
|
47
|
-
--rds-headline-00-md:
|
|
47
|
+
--rds-headline-00-md: 2.5rem/3rem RepsolSoleDisplayRegular;
|
|
48
48
|
--rds-headline-00-ld: 4rem/5rem RepsolSoleDisplayRegular;
|
|
49
49
|
--rds-headline-00-xd: 4.5rem/5.75rem RepsolSoleDisplayRegular;
|
|
50
50
|
--rds-headline-01-sd: 2rem/2.5rem RepsolSoleDisplayRegular;
|
|
51
|
-
--rds-headline-01-md: 2.5rem
|
|
51
|
+
--rds-headline-01-md: 2rem/2.5rem RepsolSoleDisplayRegular;
|
|
52
52
|
--rds-headline-01-ld: 3rem/3.75rem RepsolSoleDisplayRegular;
|
|
53
53
|
--rds-headline-01-xd: 3.5rem/4.25rem RepsolSoleDisplayRegular;
|
|
54
54
|
--rds-headline-02-sd: 1.75rem/2.25rem RepsolSoleDisplayRegular;
|
|
55
|
-
--rds-headline-02-md:
|
|
55
|
+
--rds-headline-02-md: 1.75rem/2.25rem RepsolSoleDisplayRegular;
|
|
56
56
|
--rds-headline-02-ld: 2.25rem/3rem RepsolSoleDisplayRegular;
|
|
57
57
|
--rds-headline-02-xd: 2.75rem/3.5rem RepsolSoleDisplayRegular;
|
|
58
58
|
--rds-headline-03-sd: 1.375rem/1.875rem RepsolSoleDisplayRegular;
|
|
59
|
-
--rds-headline-03-md: 1.
|
|
59
|
+
--rds-headline-03-md: 1.375rem/1.875rem RepsolSoleDisplayRegular;
|
|
60
60
|
--rds-headline-03-ld: 1.75rem/2.25rem RepsolSoleDisplayRegular;
|
|
61
61
|
--rds-headline-03-xd: 2rem/2.5rem RepsolSoleDisplayRegular;
|
|
62
62
|
--rds-headline-04-sd: 1.125rem/1.625rem RepsolSoleDisplayRegular;
|