hr-design-system-handlebars 1.59.11 → 1.59.13
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/CHANGELOG.md +24 -0
- package/dist/assets/index.css +25 -210
- package/dist/views/components/page/components/comments.hbs +12 -0
- package/dist/views/components/page/story/story_article.hbs +2 -0
- package/dist/views_static/components/page/components/comments.hbs +12 -0
- package/dist/views_static/components/page/story/story_article.hbs +2 -0
- package/package.json +1 -1
- package/src/assets/css/custom-utilities.css +4 -38
- package/src/stories/views/components/page/components/comments.hbs +12 -0
- package/src/stories/views/components/page/story/story_article.hbs +2 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.59.13 (Wed Feb 28 2024)
|
|
2
|
+
|
|
3
|
+
#### ⚠️ Pushed to `main`
|
|
4
|
+
|
|
5
|
+
- 🐛 DPE-2928 ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.59.12 (Tue Feb 27 2024)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- add comments [#864](https://github.com/mumprod/hr-design-system-handlebars/pull/864) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.59.11 (Tue Feb 27 2024)
|
|
2
26
|
|
|
3
27
|
#### ⚠️ Pushed to `main`
|
package/dist/assets/index.css
CHANGED
|
@@ -1165,6 +1165,9 @@ article.indexText ul {
|
|
|
1165
1165
|
.m-4 {
|
|
1166
1166
|
margin: 1rem;
|
|
1167
1167
|
}
|
|
1168
|
+
.m-8 {
|
|
1169
|
+
margin: 2rem;
|
|
1170
|
+
}
|
|
1168
1171
|
.mx-0 {
|
|
1169
1172
|
margin-left: 0px;
|
|
1170
1173
|
margin-right: 0px;
|
|
@@ -1209,6 +1212,10 @@ article.indexText ul {
|
|
|
1209
1212
|
margin-top: 3rem;
|
|
1210
1213
|
margin-bottom: 3rem;
|
|
1211
1214
|
}
|
|
1215
|
+
.my-14 {
|
|
1216
|
+
margin-top: 3.5rem;
|
|
1217
|
+
margin-bottom: 3.5rem;
|
|
1218
|
+
}
|
|
1212
1219
|
.my-2 {
|
|
1213
1220
|
margin-top: 0.5rem;
|
|
1214
1221
|
margin-bottom: 0.5rem;
|
|
@@ -1522,6 +1529,9 @@ article.indexText ul {
|
|
|
1522
1529
|
.h-8 {
|
|
1523
1530
|
height: 2rem;
|
|
1524
1531
|
}
|
|
1532
|
+
.h-96 {
|
|
1533
|
+
height: 24rem;
|
|
1534
|
+
}
|
|
1525
1535
|
.h-\[19px\] {
|
|
1526
1536
|
height: 19px;
|
|
1527
1537
|
}
|
|
@@ -3265,7 +3275,7 @@ article.indexText ul {
|
|
|
3265
3275
|
border-bottom-color: var(--color-secondary-ds);
|
|
3266
3276
|
}
|
|
3267
3277
|
.counter-reset {
|
|
3268
|
-
counter-reset:
|
|
3278
|
+
counter-reset: cnt1709114546592;
|
|
3269
3279
|
}
|
|
3270
3280
|
.hyphens-auto {
|
|
3271
3281
|
-webkit-hyphens: auto;
|
|
@@ -3308,7 +3318,7 @@ article.indexText ul {
|
|
|
3308
3318
|
@supports not (aspect-ratio: 16 / 9) {
|
|
3309
3319
|
.ar-16-9::before {
|
|
3310
3320
|
float: left;
|
|
3311
|
-
padding-top:
|
|
3321
|
+
padding-top: calc(9 / 16 * 100%);
|
|
3312
3322
|
content: '';
|
|
3313
3323
|
}
|
|
3314
3324
|
|
|
@@ -3324,7 +3334,7 @@ article.indexText ul {
|
|
|
3324
3334
|
@supports not (aspect-ratio: 4 / 3) {
|
|
3325
3335
|
.ar-4-3::before {
|
|
3326
3336
|
float: left;
|
|
3327
|
-
padding-top: calc(
|
|
3337
|
+
padding-top: calc(3 / 4 * 100%);
|
|
3328
3338
|
content: '';
|
|
3329
3339
|
}
|
|
3330
3340
|
|
|
@@ -3350,23 +3360,6 @@ article.indexText ul {
|
|
|
3350
3360
|
clear: both;
|
|
3351
3361
|
}
|
|
3352
3362
|
}
|
|
3353
|
-
.ar-auto {
|
|
3354
|
-
aspect-ratio: auto;
|
|
3355
|
-
}
|
|
3356
|
-
@supports not (aspect-ratio: auto) {
|
|
3357
|
-
.ar-auto::before {
|
|
3358
|
-
float: none;
|
|
3359
|
-
float: initial;
|
|
3360
|
-
padding-top: 0;
|
|
3361
|
-
content: '';
|
|
3362
|
-
}
|
|
3363
|
-
|
|
3364
|
-
.ar-auto::after {
|
|
3365
|
-
display: inline;
|
|
3366
|
-
content: '';
|
|
3367
|
-
clear: none;
|
|
3368
|
-
}
|
|
3369
|
-
}
|
|
3370
3363
|
/*! ********************************/
|
|
3371
3364
|
/*! Aspect Ratio with fallback end */
|
|
3372
3365
|
/*! ********************************/
|
|
@@ -3588,7 +3581,7 @@ article.indexText ul {
|
|
|
3588
3581
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3589
3582
|
}
|
|
3590
3583
|
.-ordered {
|
|
3591
|
-
counter-increment:
|
|
3584
|
+
counter-increment: cnt1709114546592 1;
|
|
3592
3585
|
}
|
|
3593
3586
|
.-ordered::before {
|
|
3594
3587
|
position: absolute;
|
|
@@ -3604,7 +3597,7 @@ article.indexText ul {
|
|
|
3604
3597
|
letter-spacing: .0125em;
|
|
3605
3598
|
--tw-text-opacity: 1;
|
|
3606
3599
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3607
|
-
content: counter(
|
|
3600
|
+
content: counter(cnt1709114546592);
|
|
3608
3601
|
}
|
|
3609
3602
|
/*! ****************************/
|
|
3610
3603
|
/*! DataPolicy stuff */
|
|
@@ -5389,36 +5382,6 @@ article.indexText ul {
|
|
|
5389
5382
|
clear: both;
|
|
5390
5383
|
}
|
|
5391
5384
|
}
|
|
5392
|
-
.print\:ar-auto {
|
|
5393
|
-
aspect-ratio: auto;
|
|
5394
|
-
}
|
|
5395
|
-
|
|
5396
|
-
@supports not (aspect-ratio: auto) {
|
|
5397
|
-
.print\:ar-auto::before {
|
|
5398
|
-
float: none;
|
|
5399
|
-
float: initial;
|
|
5400
|
-
padding-top: 0;
|
|
5401
|
-
content: '';
|
|
5402
|
-
}
|
|
5403
|
-
|
|
5404
|
-
.print\:ar-auto::after {
|
|
5405
|
-
display: inline;
|
|
5406
|
-
content: '';
|
|
5407
|
-
clear: none;
|
|
5408
|
-
}
|
|
5409
|
-
.print\:ar-auto::before {
|
|
5410
|
-
float: none;
|
|
5411
|
-
float: initial;
|
|
5412
|
-
padding-top: 0;
|
|
5413
|
-
content: '';
|
|
5414
|
-
}
|
|
5415
|
-
|
|
5416
|
-
.print\:ar-auto::after {
|
|
5417
|
-
display: inline;
|
|
5418
|
-
content: '';
|
|
5419
|
-
clear: none;
|
|
5420
|
-
}
|
|
5421
|
-
}
|
|
5422
5385
|
}
|
|
5423
5386
|
@media (min-width: 360px) {
|
|
5424
5387
|
|
|
@@ -5568,7 +5531,7 @@ article.indexText ul {
|
|
|
5568
5531
|
@supports not (aspect-ratio: 16 / 7) {
|
|
5569
5532
|
.sm480\:ar-16-7::before {
|
|
5570
5533
|
float: left;
|
|
5571
|
-
padding-top:
|
|
5534
|
+
padding-top: calc(7 / 16 * 100%);
|
|
5572
5535
|
content: '';
|
|
5573
5536
|
}
|
|
5574
5537
|
|
|
@@ -5579,35 +5542,7 @@ article.indexText ul {
|
|
|
5579
5542
|
}
|
|
5580
5543
|
.sm480\:ar-16-7::before {
|
|
5581
5544
|
float: left;
|
|
5582
|
-
padding-top:
|
|
5583
|
-
content: '';
|
|
5584
|
-
}
|
|
5585
|
-
|
|
5586
|
-
.sm480\:ar-16-7::after {
|
|
5587
|
-
display: block;
|
|
5588
|
-
content: '';
|
|
5589
|
-
clear: both;
|
|
5590
|
-
}
|
|
5591
|
-
}
|
|
5592
|
-
.sm480\:ar-16-7 {
|
|
5593
|
-
aspect-ratio: 16 / 7;
|
|
5594
|
-
}
|
|
5595
|
-
|
|
5596
|
-
@supports not (aspect-ratio: 16 / 7) {
|
|
5597
|
-
.sm480\:ar-16-7::before {
|
|
5598
|
-
float: left;
|
|
5599
|
-
padding-top: calc(16 / 7 * 100%);
|
|
5600
|
-
content: '';
|
|
5601
|
-
}
|
|
5602
|
-
|
|
5603
|
-
.sm480\:ar-16-7::after {
|
|
5604
|
-
display: block;
|
|
5605
|
-
content: '';
|
|
5606
|
-
clear: both;
|
|
5607
|
-
}
|
|
5608
|
-
.sm480\:ar-16-7::before {
|
|
5609
|
-
float: left;
|
|
5610
|
-
padding-top: calc(16 / 7 * 100%);
|
|
5545
|
+
padding-top: calc(7 / 16 * 100%);
|
|
5611
5546
|
content: '';
|
|
5612
5547
|
}
|
|
5613
5548
|
|
|
@@ -5649,36 +5584,6 @@ article.indexText ul {
|
|
|
5649
5584
|
clear: both;
|
|
5650
5585
|
}
|
|
5651
5586
|
}
|
|
5652
|
-
.print\:sm480\:ar-auto {
|
|
5653
|
-
aspect-ratio: auto;
|
|
5654
|
-
}
|
|
5655
|
-
|
|
5656
|
-
@supports not (aspect-ratio: auto) {
|
|
5657
|
-
.print\:sm480\:ar-auto::before {
|
|
5658
|
-
float: none;
|
|
5659
|
-
float: initial;
|
|
5660
|
-
padding-top: 0;
|
|
5661
|
-
content: '';
|
|
5662
|
-
}
|
|
5663
|
-
|
|
5664
|
-
.print\:sm480\:ar-auto::after {
|
|
5665
|
-
display: inline;
|
|
5666
|
-
content: '';
|
|
5667
|
-
clear: none;
|
|
5668
|
-
}
|
|
5669
|
-
.print\:sm480\:ar-auto::before {
|
|
5670
|
-
float: none;
|
|
5671
|
-
float: initial;
|
|
5672
|
-
padding-top: 0;
|
|
5673
|
-
content: '';
|
|
5674
|
-
}
|
|
5675
|
-
|
|
5676
|
-
.print\:sm480\:ar-auto::after {
|
|
5677
|
-
display: inline;
|
|
5678
|
-
content: '';
|
|
5679
|
-
clear: none;
|
|
5680
|
-
}
|
|
5681
|
-
}
|
|
5682
5587
|
}
|
|
5683
5588
|
}
|
|
5684
5589
|
@media (min-width: 640px) {
|
|
@@ -5964,7 +5869,7 @@ article.indexText ul {
|
|
|
5964
5869
|
@supports not (aspect-ratio: 16 / 9) {
|
|
5965
5870
|
.sm\:ar-16-9::before {
|
|
5966
5871
|
float: left;
|
|
5967
|
-
padding-top:
|
|
5872
|
+
padding-top: calc(9 / 16 * 100%);
|
|
5968
5873
|
content: '';
|
|
5969
5874
|
}
|
|
5970
5875
|
|
|
@@ -5975,7 +5880,7 @@ article.indexText ul {
|
|
|
5975
5880
|
}
|
|
5976
5881
|
.sm\:ar-16-9::before {
|
|
5977
5882
|
float: left;
|
|
5978
|
-
padding-top:
|
|
5883
|
+
padding-top: calc(9 / 16 * 100%);
|
|
5979
5884
|
content: '';
|
|
5980
5885
|
}
|
|
5981
5886
|
|
|
@@ -5985,36 +5890,6 @@ article.indexText ul {
|
|
|
5985
5890
|
clear: both;
|
|
5986
5891
|
}
|
|
5987
5892
|
}
|
|
5988
|
-
.sm\:ar-auto {
|
|
5989
|
-
aspect-ratio: auto;
|
|
5990
|
-
}
|
|
5991
|
-
|
|
5992
|
-
@supports not (aspect-ratio: auto) {
|
|
5993
|
-
.sm\:ar-auto::before {
|
|
5994
|
-
float: none;
|
|
5995
|
-
float: initial;
|
|
5996
|
-
padding-top: 0;
|
|
5997
|
-
content: '';
|
|
5998
|
-
}
|
|
5999
|
-
|
|
6000
|
-
.sm\:ar-auto::after {
|
|
6001
|
-
display: inline;
|
|
6002
|
-
content: '';
|
|
6003
|
-
clear: none;
|
|
6004
|
-
}
|
|
6005
|
-
.sm\:ar-auto::before {
|
|
6006
|
-
float: none;
|
|
6007
|
-
float: initial;
|
|
6008
|
-
padding-top: 0;
|
|
6009
|
-
content: '';
|
|
6010
|
-
}
|
|
6011
|
-
|
|
6012
|
-
.sm\:ar-auto::after {
|
|
6013
|
-
display: inline;
|
|
6014
|
-
content: '';
|
|
6015
|
-
clear: none;
|
|
6016
|
-
}
|
|
6017
|
-
}
|
|
6018
5893
|
|
|
6019
5894
|
.sm\:col-main {
|
|
6020
5895
|
grid-column: main;
|
|
@@ -6541,7 +6416,7 @@ article.indexText ul {
|
|
|
6541
6416
|
@supports not (aspect-ratio: 16 / 9) {
|
|
6542
6417
|
.md\:ar-16-9::before {
|
|
6543
6418
|
float: left;
|
|
6544
|
-
padding-top:
|
|
6419
|
+
padding-top: calc(9 / 16 * 100%);
|
|
6545
6420
|
content: '';
|
|
6546
6421
|
}
|
|
6547
6422
|
|
|
@@ -6552,7 +6427,7 @@ article.indexText ul {
|
|
|
6552
6427
|
}
|
|
6553
6428
|
.md\:ar-16-9::before {
|
|
6554
6429
|
float: left;
|
|
6555
|
-
padding-top:
|
|
6430
|
+
padding-top: calc(9 / 16 * 100%);
|
|
6556
6431
|
content: '';
|
|
6557
6432
|
}
|
|
6558
6433
|
|
|
@@ -6598,7 +6473,7 @@ article.indexText ul {
|
|
|
6598
6473
|
@supports not (aspect-ratio: 100 / 27.1) {
|
|
6599
6474
|
.md\:ar-100-27::before {
|
|
6600
6475
|
float: left;
|
|
6601
|
-
padding-top: calc(
|
|
6476
|
+
padding-top: calc(27.1 / 100 * 100%);
|
|
6602
6477
|
content: '';
|
|
6603
6478
|
}
|
|
6604
6479
|
|
|
@@ -6609,7 +6484,7 @@ article.indexText ul {
|
|
|
6609
6484
|
}
|
|
6610
6485
|
.md\:ar-100-27::before {
|
|
6611
6486
|
float: left;
|
|
6612
|
-
padding-top: calc(
|
|
6487
|
+
padding-top: calc(27.1 / 100 * 100%);
|
|
6613
6488
|
content: '';
|
|
6614
6489
|
}
|
|
6615
6490
|
|
|
@@ -6691,36 +6566,6 @@ article.indexText ul {
|
|
|
6691
6566
|
clear: both;
|
|
6692
6567
|
}
|
|
6693
6568
|
}
|
|
6694
|
-
.print\:md\:ar-auto {
|
|
6695
|
-
aspect-ratio: auto;
|
|
6696
|
-
}
|
|
6697
|
-
|
|
6698
|
-
@supports not (aspect-ratio: auto) {
|
|
6699
|
-
.print\:md\:ar-auto::before {
|
|
6700
|
-
float: none;
|
|
6701
|
-
float: initial;
|
|
6702
|
-
padding-top: 0;
|
|
6703
|
-
content: '';
|
|
6704
|
-
}
|
|
6705
|
-
|
|
6706
|
-
.print\:md\:ar-auto::after {
|
|
6707
|
-
display: inline;
|
|
6708
|
-
content: '';
|
|
6709
|
-
clear: none;
|
|
6710
|
-
}
|
|
6711
|
-
.print\:md\:ar-auto::before {
|
|
6712
|
-
float: none;
|
|
6713
|
-
float: initial;
|
|
6714
|
-
padding-top: 0;
|
|
6715
|
-
content: '';
|
|
6716
|
-
}
|
|
6717
|
-
|
|
6718
|
-
.print\:md\:ar-auto::after {
|
|
6719
|
-
display: inline;
|
|
6720
|
-
content: '';
|
|
6721
|
-
clear: none;
|
|
6722
|
-
}
|
|
6723
|
-
}
|
|
6724
6569
|
}
|
|
6725
6570
|
}
|
|
6726
6571
|
@media (min-width: 1024px) {
|
|
@@ -7195,7 +7040,7 @@ article.indexText ul {
|
|
|
7195
7040
|
@supports not (aspect-ratio: 100 / 27.1) {
|
|
7196
7041
|
.lg\:ar-100-27::before {
|
|
7197
7042
|
float: left;
|
|
7198
|
-
padding-top: calc(
|
|
7043
|
+
padding-top: calc(27.1 / 100 * 100%);
|
|
7199
7044
|
content: '';
|
|
7200
7045
|
}
|
|
7201
7046
|
|
|
@@ -7206,7 +7051,7 @@ article.indexText ul {
|
|
|
7206
7051
|
}
|
|
7207
7052
|
.lg\:ar-100-27::before {
|
|
7208
7053
|
float: left;
|
|
7209
|
-
padding-top: calc(
|
|
7054
|
+
padding-top: calc(27.1 / 100 * 100%);
|
|
7210
7055
|
content: '';
|
|
7211
7056
|
}
|
|
7212
7057
|
|
|
@@ -7311,36 +7156,6 @@ article.indexText ul {
|
|
|
7311
7156
|
clear: both;
|
|
7312
7157
|
}
|
|
7313
7158
|
}
|
|
7314
|
-
.print\:lg\:ar-auto {
|
|
7315
|
-
aspect-ratio: auto;
|
|
7316
|
-
}
|
|
7317
|
-
|
|
7318
|
-
@supports not (aspect-ratio: auto) {
|
|
7319
|
-
.print\:lg\:ar-auto::before {
|
|
7320
|
-
float: none;
|
|
7321
|
-
float: initial;
|
|
7322
|
-
padding-top: 0;
|
|
7323
|
-
content: '';
|
|
7324
|
-
}
|
|
7325
|
-
|
|
7326
|
-
.print\:lg\:ar-auto::after {
|
|
7327
|
-
display: inline;
|
|
7328
|
-
content: '';
|
|
7329
|
-
clear: none;
|
|
7330
|
-
}
|
|
7331
|
-
.print\:lg\:ar-auto::before {
|
|
7332
|
-
float: none;
|
|
7333
|
-
float: initial;
|
|
7334
|
-
padding-top: 0;
|
|
7335
|
-
content: '';
|
|
7336
|
-
}
|
|
7337
|
-
|
|
7338
|
-
.print\:lg\:ar-auto::after {
|
|
7339
|
-
display: inline;
|
|
7340
|
-
content: '';
|
|
7341
|
-
clear: none;
|
|
7342
|
-
}
|
|
7343
|
-
}
|
|
7344
7159
|
}
|
|
7345
7160
|
}
|
|
7346
7161
|
@media (min-width: 768px) and (max-width: 1023px) {
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
{{~#if (isStorybook)~}}
|
|
2
|
+
<div id="commentList" class="my-14 bg-highlight-1 h-96">
|
|
3
|
+
<h2 class="m-8">
|
|
4
|
+
{{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 fill-current"}}
|
|
5
|
+
<span class="text-base font-headingSerif">Ihre Kommentare</span>
|
|
6
|
+
<span class="block clear-both mt-3 text-2xl sm480:text-3xl sm480:leading-9 font-headingSerif dark:text-text-dark">Kommentar-Dummy</span>
|
|
7
|
+
</h2>
|
|
8
|
+
<p class="mx-8 my-6">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.</p>
|
|
9
|
+
</div>
|
|
10
|
+
{{~else~}}
|
|
11
|
+
{{> content/comments/components/comments ~}}
|
|
12
|
+
{{~/if~}}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
{{~#if (isStorybook)~}}
|
|
2
|
+
<div id="commentList" class="my-14 bg-highlight-1 h-96">
|
|
3
|
+
<h2 class="m-8">
|
|
4
|
+
{{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 fill-current"}}
|
|
5
|
+
<span class="text-base font-headingSerif">Ihre Kommentare</span>
|
|
6
|
+
<span class="block clear-both mt-3 text-2xl sm480:text-3xl sm480:leading-9 font-headingSerif dark:text-text-dark">Kommentar-Dummy</span>
|
|
7
|
+
</h2>
|
|
8
|
+
<p class="mx-8 my-6">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.</p>
|
|
9
|
+
</div>
|
|
10
|
+
{{~else~}}
|
|
11
|
+
{{> content/comments/components/comments ~}}
|
|
12
|
+
{{~/if~}}
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "dist/index.js",
|
|
8
8
|
"repository": "https://github.com/szuelch/hr-design-system-handlebars",
|
|
9
|
-
"version": "1.59.
|
|
9
|
+
"version": "1.59.13",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
@supports not (aspect-ratio: 16 / 9) {
|
|
33
33
|
.ar-16-9::before {
|
|
34
34
|
float: left;
|
|
35
|
-
padding-top:
|
|
35
|
+
padding-top: calc(9 / 16 * 100%);
|
|
36
36
|
content: '';
|
|
37
37
|
}
|
|
38
38
|
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
@supports not (aspect-ratio: 16 / 7) {
|
|
51
51
|
.ar-16-7::before {
|
|
52
52
|
float: left;
|
|
53
|
-
padding-top:
|
|
53
|
+
padding-top: calc(7 / 16 * 100%);
|
|
54
54
|
content: '';
|
|
55
55
|
}
|
|
56
56
|
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
@supports not (aspect-ratio: 4 / 3) {
|
|
69
69
|
.ar-4-3::before {
|
|
70
70
|
float: left;
|
|
71
|
-
padding-top: calc(
|
|
71
|
+
padding-top: calc(3 / 4 * 100%);
|
|
72
72
|
content: '';
|
|
73
73
|
}
|
|
74
74
|
|
|
@@ -96,23 +96,6 @@
|
|
|
96
96
|
clear: both;
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
|
-
.ar-16-7 {
|
|
100
|
-
aspect-ratio: 16 / 7;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
@supports not (aspect-ratio: 16 / 7) {
|
|
104
|
-
.ar-16-7::before {
|
|
105
|
-
float: left;
|
|
106
|
-
padding-top: calc(16 / 7 * 100%);
|
|
107
|
-
content: '';
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.ar-16-7::after {
|
|
111
|
-
display: block;
|
|
112
|
-
content: '';
|
|
113
|
-
clear: both;
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
99
|
.ar-100-27 {
|
|
117
100
|
aspect-ratio: 100 / 27.1;
|
|
118
101
|
}
|
|
@@ -120,7 +103,7 @@
|
|
|
120
103
|
@supports not (aspect-ratio: 100 / 27.1) {
|
|
121
104
|
.ar-100-27::before {
|
|
122
105
|
float: left;
|
|
123
|
-
padding-top: calc(
|
|
106
|
+
padding-top: calc(27.1 / 100 * 100%);
|
|
124
107
|
content: '';
|
|
125
108
|
}
|
|
126
109
|
|
|
@@ -130,23 +113,6 @@
|
|
|
130
113
|
clear: both;
|
|
131
114
|
}
|
|
132
115
|
}
|
|
133
|
-
.ar-auto {
|
|
134
|
-
aspect-ratio: auto;
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
@supports not (aspect-ratio: auto) {
|
|
138
|
-
.ar-auto::before {
|
|
139
|
-
float: initial;
|
|
140
|
-
padding-top: 0;
|
|
141
|
-
content: '';
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
.ar-auto::after {
|
|
145
|
-
display: inline;
|
|
146
|
-
content: '';
|
|
147
|
-
clear: none;
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
116
|
|
|
151
117
|
/*! ********************************/
|
|
152
118
|
/*! Aspect Ratio with fallback end */
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
{{~#if (isStorybook)~}}
|
|
2
|
+
<div id="commentList" class="my-14 bg-highlight-1 h-96">
|
|
3
|
+
<h2 class="m-8">
|
|
4
|
+
{{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 fill-current"}}
|
|
5
|
+
<span class="text-base font-headingSerif">Ihre Kommentare</span>
|
|
6
|
+
<span class="block clear-both mt-3 text-2xl sm480:text-3xl sm480:leading-9 font-headingSerif dark:text-text-dark">Kommentar-Dummy</span>
|
|
7
|
+
</h2>
|
|
8
|
+
<p class="mx-8 my-6">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.</p>
|
|
9
|
+
</div>
|
|
10
|
+
{{~else~}}
|
|
11
|
+
{{> content/comments/components/comments ~}}
|
|
12
|
+
{{~/if~}}
|