@meduza/ui-kit-2 1.1.3 → 1.2.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.
Files changed (54) hide show
  1. package/dist/Meta/Meta.types.d.ts +0 -5
  2. package/dist/MetaItem/MetaItem.types.d.ts +1 -0
  3. package/dist/RawHtmlBlock/RawHtmlBlock.types.d.ts +1 -5
  4. package/dist/RenderBlocks/RenderBlocks.types.d.ts +1 -5
  5. package/dist/SvgSymbol/SvgSymbol.types.d.ts +2 -2
  6. package/dist/SvgSymbol/icons.d.ts +0 -25
  7. package/dist/ToolbarButton/ToolbarButton.types.d.ts +1 -2
  8. package/dist/constants.d.ts +0 -2
  9. package/dist/index.d.ts +0 -1
  10. package/dist/types.d.ts +1 -1
  11. package/dist/ui-kit-2.cjs.development.js +69 -167
  12. package/dist/ui-kit-2.cjs.development.js.map +1 -1
  13. package/dist/ui-kit-2.cjs.production.min.js +1 -1
  14. package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
  15. package/dist/ui-kit-2.esm.js +70 -167
  16. package/dist/ui-kit-2.esm.js.map +1 -1
  17. package/dist/ui-kit-game.css +47 -156
  18. package/dist/ui-kit.css +47 -156
  19. package/package.json +13 -13
  20. package/src/Cover/Cover.module.css +0 -17
  21. package/src/Meta/Meta.module.css +0 -11
  22. package/src/Meta/Meta.stories.tsx +1 -3
  23. package/src/Meta/Meta.types.ts +0 -5
  24. package/src/Meta/MetaContainer.tsx +5 -44
  25. package/src/MetaItem/MetaItem.module.css +12 -22
  26. package/src/MetaItem/MetaItem.types.ts +1 -0
  27. package/src/MetaItem/index.tsx +4 -2
  28. package/src/RawHtmlBlock/RawHtmlBlock.types.ts +1 -5
  29. package/src/RawHtmlBlock/index.tsx +0 -8
  30. package/src/RawHtmlBlock/mock.json +1 -2
  31. package/src/RenderBlocks/RenderBlocks.types.ts +1 -5
  32. package/src/RenderBlocks/index.tsx +0 -8
  33. package/src/RichTitle/RichTitle.module.css +22 -3
  34. package/src/SvgSymbol/SvgSymbol.module.css +1 -26
  35. package/src/SvgSymbol/SvgSymbol.stories.tsx +1 -2
  36. package/src/SvgSymbol/SvgSymbol.types.ts +0 -6
  37. package/src/SvgSymbol/icons.ts +0 -33
  38. package/src/Tag/Tag.module.css +7 -4
  39. package/src/Toolbar/Toolbar.stories.tsx +2 -18
  40. package/src/ToolbarButton/ToolbarButton.module.css +0 -16
  41. package/src/ToolbarButton/ToolbarButton.types.ts +0 -2
  42. package/src/ToolbarButton/index.tsx +0 -7
  43. package/src/constants.ts +1 -3
  44. package/src/index.tsx +0 -1
  45. package/src/types.ts +0 -1
  46. package/dist/BookmarkButton/BookmarkButton.types.d.ts +0 -6
  47. package/dist/BookmarkButton/index.d.ts +0 -3
  48. package/src/BookmarkButton/BookmarkButton.css +0 -45
  49. package/src/BookmarkButton/BookmarkButton.module.css +0 -45
  50. package/src/BookmarkButton/BookmarkButton.stories.module.css +0 -5
  51. package/src/BookmarkButton/BookmarkButton.stories.tsx +0 -39
  52. package/src/BookmarkButton/BookmarkButton.test.tsx +0 -33
  53. package/src/BookmarkButton/BookmarkButton.types.ts +0 -6
  54. package/src/BookmarkButton/index.tsx +0 -35
@@ -410,9 +410,7 @@
410
410
  }
411
411
 
412
412
  .SvgSymbol-module_card__2nVFu,
413
- .SvgSymbol-module_podcast__Yp05r,
414
- .SvgSymbol-module_read__Bu653,
415
- .SvgSymbol-module_listened__AOn7j {
413
+ .SvgSymbol-module_podcast__Yp05r {
416
414
  width: 15px;
417
415
  height: 15px;
418
416
  }
@@ -553,32 +551,6 @@
553
551
  }
554
552
  }
555
553
 
556
- .SvgSymbol-module_bookmark__JPKyG {
557
- cursor: pointer;
558
-
559
- stroke-width: 2px;
560
- }
561
-
562
- @media only screen and (min-width: 40.625em) {
563
-
564
- .SvgSymbol-module_bookmark__JPKyG {
565
- stroke-width: 1.5px;
566
- }
567
- }
568
-
569
- .SvgSymbol-module_shareBookmark__7w9X9 {
570
- width: 11px;
571
- height: auto;
572
-
573
- cursor: pointer;
574
-
575
- stroke-width: 1.2px;
576
- }
577
-
578
- .SvgSymbol-module_isInToolbar__RzbaX.SvgSymbol-module_bookmark__JPKyG {
579
- width: 14px;
580
- }
581
-
582
554
  .SvgSymbol-module_receipt__o3V8u {
583
555
  width: 10px;
584
556
  height: 13px;
@@ -1286,7 +1258,6 @@
1286
1258
  @media only screen and (min-width: 40.625em) {
1287
1259
 
1288
1260
  .Tag-module_large__EKMu6 {
1289
-
1290
1261
  font-size: 14px;
1291
1262
  line-height: 16px;
1292
1263
  letter-spacing: 1px;
@@ -1318,7 +1289,6 @@
1318
1289
  .Tag-module_is1to1__V-fH5,
1319
1290
  .Tag-module_is1to2__b9Obh,
1320
1291
  .Tag-module_isInSuperBlock__wrFUY {
1321
-
1322
1292
  font-size: 12px;
1323
1293
  line-height: 20px;
1324
1294
  letter-spacing: 1px;
@@ -1329,7 +1299,6 @@
1329
1299
 
1330
1300
  .Tag-module_is1to3__vZT-R,
1331
1301
  .Tag-module_is1to4__MBh5V {
1332
-
1333
1302
  font-size: 10px;
1334
1303
  line-height: 15px;
1335
1304
  letter-spacing: 0.5px;
@@ -1376,6 +1345,10 @@
1376
1345
  }
1377
1346
  }
1378
1347
 
1348
+ .Tag-module_isInBlockMetaContainer__bAmLh {
1349
+ line-height: 15px;
1350
+ }
1351
+
1379
1352
  .Tag-module_slide__gzptP,
1380
1353
  .Tag-module_game__NmKec,
1381
1354
  .Tag-module_card__TX87-,
@@ -1408,10 +1381,12 @@
1408
1381
  }
1409
1382
 
1410
1383
  .Tag-module_isInPodcastPlayer__H4sK9 {
1384
+ margin-bottom: 6px;
1385
+
1411
1386
  font-size: 12px;
1412
1387
  line-height: 12px;
1388
+
1413
1389
  opacity: 1;
1414
- margin-bottom: 6px;
1415
1390
  }
1416
1391
 
1417
1392
  @media only screen and (min-width: 32em) {
@@ -2043,57 +2018,6 @@
2043
2018
  }
2044
2019
  }
2045
2020
 
2046
- .BookmarkButton-module_root__A-75w {
2047
- color: #e0e0e0;
2048
- }
2049
-
2050
- .BookmarkButton-module_control__-xy5O {
2051
- margin: 0;
2052
- padding: 5px 3px;
2053
-
2054
- color: inherit;
2055
-
2056
- background-color: transparent;
2057
- border-width: 0;
2058
- outline: none;
2059
-
2060
- cursor: pointer;
2061
-
2062
- -webkit-appearance: none;
2063
-
2064
- -moz-appearance: none;
2065
-
2066
- appearance: none;
2067
- fill: transparent;
2068
- }
2069
-
2070
- .BookmarkButton-module_dark__GkMEC {
2071
- color: #fff;
2072
- }
2073
-
2074
- .BookmarkButton-module_light__1W6tx {
2075
- color: #000;
2076
- }
2077
-
2078
- .BookmarkButton-module_isInBookmarks__YSjjj .BookmarkButton-module_control__-xy5O {
2079
- fill: #e0e0e0;
2080
- }
2081
-
2082
- .BookmarkButton-module_isInBookmarks__YSjjj.BookmarkButton-module_dark__GkMEC .BookmarkButton-module_control__-xy5O {
2083
- fill: #fff;
2084
- }
2085
-
2086
- .BookmarkButton-module_isInBookmarks__YSjjj.BookmarkButton-module_light__1W6tx .BookmarkButton-module_control__-xy5O {
2087
- fill: #000;
2088
- }
2089
-
2090
- @media only screen and (min-width: 40.625em) {
2091
-
2092
- .BookmarkButton-module_isInGrid__Desh- .BookmarkButton-module_control__-xy5O svg {
2093
- width: 12px;
2094
- }
2095
- }
2096
-
2097
2021
  .MaterialTitle-module_root__VSphO {
2098
2022
  display: block;
2099
2023
  }
@@ -2493,20 +2417,6 @@
2493
2417
  }
2494
2418
  }
2495
2419
 
2496
- .Meta-module_bookmark__jcFWn {
2497
- position: absolute;
2498
- right: -12px;
2499
- bottom: -4px;
2500
- z-index: 10;
2501
- }
2502
-
2503
- @media only screen and (min-width: 32em) {
2504
-
2505
- .Meta-module_bookmark__jcFWn {
2506
- display: none;
2507
- }
2508
- }
2509
-
2510
2420
  .Meta-module_isInBookRelated__Ohidg {
2511
2421
  opacity: 0.5;
2512
2422
  }
@@ -3261,7 +3171,6 @@
3261
3171
  @media only screen and (max-width: 40.5625em) {
3262
3172
 
3263
3173
  .RichTitle-module_featured__ULNQn {
3264
-
3265
3174
  font-size: 28px;
3266
3175
  line-height: 30px;
3267
3176
  letter-spacing: 0.3px;
@@ -3280,6 +3189,26 @@
3280
3189
  }
3281
3190
  }
3282
3191
 
3192
+ @media only screen and (max-width: 40.5625em) {
3193
+
3194
+ .RichTitle-module_isInFeaturedBlock__3vYu9 {
3195
+ font-size: 22px;
3196
+ line-height: 110%;
3197
+ }
3198
+ }
3199
+
3200
+ @media only screen and (max-width: 40.5625em) {
3201
+
3202
+ .RichTitle-module_isInFeaturedBlock__3vYu9 span {
3203
+ display: block;
3204
+
3205
+ padding-top: 4px;
3206
+
3207
+ font-size: 18px;
3208
+ line-height: 120%;
3209
+ }
3210
+ }
3211
+
3283
3212
  .RichTitle-module_isInMediaBlock__2h6rl {
3284
3213
  text-align: left;
3285
3214
  }
@@ -3322,9 +3251,10 @@
3322
3251
  @media only screen and (min-width: 40.625em) {
3323
3252
 
3324
3253
  .RichTitle-module_isInBookRelated__LcCPV {
3254
+ margin: 6px 0 18px;
3255
+
3325
3256
  font-size: 27px;
3326
3257
  line-height: 32px;
3327
- margin: 6px 0 18px;
3328
3258
  }
3329
3259
  }
3330
3260
 
@@ -3341,9 +3271,10 @@
3341
3271
  }
3342
3272
 
3343
3273
  .RichTitle-module_root__U5XQu.RichTitle-module_isInPodcastPlayer__kvEPH {
3274
+ margin: 0 0 20px;
3275
+
3344
3276
  font-size: 19px;
3345
3277
  line-height: 23px;
3346
- margin: 0 0 20px;
3347
3278
  }
3348
3279
 
3349
3280
  @media only screen and (min-width: 40.625em) {
@@ -4753,21 +4684,23 @@ a mark {
4753
4684
 
4754
4685
  margin-right: 1px;
4755
4686
 
4756
- vertical-align: top;
4757
-
4758
4687
  color: inherit;
4759
4688
 
4689
+ vertical-align: top;
4690
+
4760
4691
  fill: currentColor;
4761
4692
  }
4762
4693
 
4763
4694
  .MetaItem-module_root__sRbrZ a {
4764
4695
  display: inline;
4765
4696
 
4766
- text-decoration: underline;
4767
-
4768
4697
  color: inherit;
4769
4698
 
4699
+ text-decoration: underline;
4700
+
4770
4701
  -webkit-text-decoration-skip: auto;
4702
+
4703
+ text-decoration-skip: auto;
4771
4704
  }
4772
4705
 
4773
4706
  .MetaItem-module_root__sRbrZ a:hover {
@@ -4816,17 +4749,7 @@ a mark {
4816
4749
 
4817
4750
  @media only screen and (max-width: 32.1875em) {
4818
4751
 
4819
- .MetaItem-module_hasSource__35olm.MetaItem-module_listened__XZWFQ::before,
4820
- .MetaItem-module_hasSource__35olm.MetaItem-module_read__O3cUz::before {
4821
- display: inline-block;
4822
- }
4823
- }
4824
-
4825
- @media only screen and (max-width: 32.1875em) {
4826
-
4827
- .MetaItem-module_datetime__--O8c,
4828
- .MetaItem-module_listened__XZWFQ,
4829
- .MetaItem-module_read__O3cUz {
4752
+ .MetaItem-module_datetime__--O8c {
4830
4753
  width: auto;
4831
4754
  }
4832
4755
  }
@@ -4838,18 +4761,19 @@ a mark {
4838
4761
  }
4839
4762
  }
4840
4763
 
4841
- @media only screen and (max-width: 32.1875em) {
4764
+ .MetaItem-module_mobileOnly__VJCjl {
4765
+ margin-right: 6px;
4766
+ }
4842
4767
 
4843
- .MetaItem-module_hasSource__35olm.MetaItem-module_listened__XZWFQ,
4844
- .MetaItem-module_hasSource__35olm.MetaItem-module_read__O3cUz {
4845
- order: -1;
4768
+ @media only screen and (min-width: 40.625em) {
4846
4769
 
4847
- margin-top: 0;
4770
+ .MetaItem-module_mobileOnly__VJCjl {
4771
+ display: none;
4848
4772
  }
4849
4773
  }
4850
4774
 
4851
- .MetaItem-module_read__O3cUz svg {
4852
- margin-top: -1px;
4775
+ .MetaItem-module_mobileOnly__VJCjl + .MetaItem-module_hasBullets__b1eW9::before {
4776
+ content: none;
4853
4777
  }
4854
4778
 
4855
4779
  .MetaItemLive-module_root__XfQiW {
@@ -5645,7 +5569,6 @@ ul.VersesBlock-module_root__CrgSZ:first-child {
5645
5569
  }
5646
5570
 
5647
5571
  .Cover-module_rich__YcxWa {
5648
-
5649
5572
  margin: 0 -20px;
5650
5573
  overflow: hidden;
5651
5574
 
@@ -5700,28 +5623,12 @@ ul.VersesBlock-module_root__CrgSZ:first-child {
5700
5623
 
5701
5624
  .Cover-module_isInDynamicBlock__qO-yt {
5702
5625
  overflow: hidden;
5703
-
5704
- border-radius: 8px;
5705
5626
  }
5706
5627
 
5707
5628
  .Cover-module_isInDynamicBlock__qO-yt .Cover-module_body__eJpUI {
5708
5629
  padding: 0 12px 12px;
5709
5630
  }
5710
5631
 
5711
- .Cover-module_isInDynamicBlock__qO-yt::after {
5712
- position: absolute;
5713
- top: 0;
5714
- right: 0;
5715
- bottom: 0;
5716
- left: 0;
5717
- z-index: 1;
5718
-
5719
- border: 1px solid rgba(0, 0, 0, 0.1);
5720
- border-radius: 8px;
5721
-
5722
- content: '';
5723
- }
5724
-
5725
5632
  /* VISIBILITY */
5726
5633
 
5727
5634
  @media only screen and (min-width: 32em) {
@@ -7141,18 +7048,6 @@ ul.VersesBlock-module_root__CrgSZ:first-child {
7141
7048
  fill: #fff;
7142
7049
  }
7143
7050
 
7144
- .ToolbarButton-module_isDark__gWpv-.ToolbarButton-module_bookmark__7SWkm svg,
7145
- .ToolbarButton-module_dark__5XOEp.ToolbarButton-module_bookmark__7SWkm svg {
7146
- color: #fff;
7147
-
7148
- fill: transparent;
7149
- }
7150
-
7151
- .ToolbarButton-module_isDark__gWpv-.ToolbarButton-module_bookmark__7SWkm.ToolbarButton-module_isActive__N4kkV svg,
7152
- .ToolbarButton-module_dark__5XOEp.ToolbarButton-module_bookmark__7SWkm.ToolbarButton-module_isActive__N4kkV svg {
7153
- fill: currentColor;
7154
- }
7155
-
7156
7051
  .ToolbarButton-module_isDark__gWpv-::before,
7157
7052
  .ToolbarButton-module_dark__5XOEp::before {
7158
7053
  border-left-color: rgba(255, 255, 255, 0.2);
@@ -7188,10 +7083,6 @@ ul.VersesBlock-module_root__CrgSZ:first-child {
7188
7083
  vertical-align: middle;
7189
7084
  }
7190
7085
 
7191
- .ToolbarButton-module_bookmark__7SWkm {
7192
- fill: transparent;
7193
- }
7194
-
7195
7086
  .ToolbarButton-module_isActive__N4kkV {
7196
7087
  fill: currentColor;
7197
7088
  }
package/dist/ui-kit.css CHANGED
@@ -410,9 +410,7 @@
410
410
  }
411
411
 
412
412
  .SvgSymbol-module_card__2nVFu,
413
- .SvgSymbol-module_podcast__Yp05r,
414
- .SvgSymbol-module_read__Bu653,
415
- .SvgSymbol-module_listened__AOn7j {
413
+ .SvgSymbol-module_podcast__Yp05r {
416
414
  width: 15px;
417
415
  height: 15px;
418
416
  }
@@ -553,32 +551,6 @@
553
551
  }
554
552
  }
555
553
 
556
- .SvgSymbol-module_bookmark__JPKyG {
557
- cursor: pointer;
558
-
559
- stroke-width: 2px;
560
- }
561
-
562
- @media only screen and (min-width: 64em) {
563
-
564
- .SvgSymbol-module_bookmark__JPKyG {
565
- stroke-width: 1.5px;
566
- }
567
- }
568
-
569
- .SvgSymbol-module_shareBookmark__7w9X9 {
570
- width: 11px;
571
- height: auto;
572
-
573
- cursor: pointer;
574
-
575
- stroke-width: 1.2px;
576
- }
577
-
578
- .SvgSymbol-module_isInToolbar__RzbaX.SvgSymbol-module_bookmark__JPKyG {
579
- width: 14px;
580
- }
581
-
582
554
  .SvgSymbol-module_receipt__o3V8u {
583
555
  width: 10px;
584
556
  height: 13px;
@@ -1286,7 +1258,6 @@
1286
1258
  @media only screen and (min-width: 64em) {
1287
1259
 
1288
1260
  .Tag-module_large__EKMu6 {
1289
-
1290
1261
  font-size: 14px;
1291
1262
  line-height: 16px;
1292
1263
  letter-spacing: 1px;
@@ -1318,7 +1289,6 @@
1318
1289
  .Tag-module_is1to1__V-fH5,
1319
1290
  .Tag-module_is1to2__b9Obh,
1320
1291
  .Tag-module_isInSuperBlock__wrFUY {
1321
-
1322
1292
  font-size: 12px;
1323
1293
  line-height: 20px;
1324
1294
  letter-spacing: 1px;
@@ -1329,7 +1299,6 @@
1329
1299
 
1330
1300
  .Tag-module_is1to3__vZT-R,
1331
1301
  .Tag-module_is1to4__MBh5V {
1332
-
1333
1302
  font-size: 10px;
1334
1303
  line-height: 15px;
1335
1304
  letter-spacing: 0.5px;
@@ -1376,6 +1345,10 @@
1376
1345
  }
1377
1346
  }
1378
1347
 
1348
+ .Tag-module_isInBlockMetaContainer__bAmLh {
1349
+ line-height: 15px;
1350
+ }
1351
+
1379
1352
  .Tag-module_slide__gzptP,
1380
1353
  .Tag-module_game__NmKec,
1381
1354
  .Tag-module_card__TX87-,
@@ -1408,10 +1381,12 @@
1408
1381
  }
1409
1382
 
1410
1383
  .Tag-module_isInPodcastPlayer__H4sK9 {
1384
+ margin-bottom: 6px;
1385
+
1411
1386
  font-size: 12px;
1412
1387
  line-height: 12px;
1388
+
1413
1389
  opacity: 1;
1414
- margin-bottom: 6px;
1415
1390
  }
1416
1391
 
1417
1392
  @media only screen and (min-width: 32em) {
@@ -2043,57 +2018,6 @@
2043
2018
  }
2044
2019
  }
2045
2020
 
2046
- .BookmarkButton-module_root__A-75w {
2047
- color: #e0e0e0;
2048
- }
2049
-
2050
- .BookmarkButton-module_control__-xy5O {
2051
- margin: 0;
2052
- padding: 5px 3px;
2053
-
2054
- color: inherit;
2055
-
2056
- background-color: transparent;
2057
- border-width: 0;
2058
- outline: none;
2059
-
2060
- cursor: pointer;
2061
-
2062
- -webkit-appearance: none;
2063
-
2064
- -moz-appearance: none;
2065
-
2066
- appearance: none;
2067
- fill: transparent;
2068
- }
2069
-
2070
- .BookmarkButton-module_dark__GkMEC {
2071
- color: #fff;
2072
- }
2073
-
2074
- .BookmarkButton-module_light__1W6tx {
2075
- color: #000;
2076
- }
2077
-
2078
- .BookmarkButton-module_isInBookmarks__YSjjj .BookmarkButton-module_control__-xy5O {
2079
- fill: #e0e0e0;
2080
- }
2081
-
2082
- .BookmarkButton-module_isInBookmarks__YSjjj.BookmarkButton-module_dark__GkMEC .BookmarkButton-module_control__-xy5O {
2083
- fill: #fff;
2084
- }
2085
-
2086
- .BookmarkButton-module_isInBookmarks__YSjjj.BookmarkButton-module_light__1W6tx .BookmarkButton-module_control__-xy5O {
2087
- fill: #000;
2088
- }
2089
-
2090
- @media only screen and (min-width: 64em) {
2091
-
2092
- .BookmarkButton-module_isInGrid__Desh- .BookmarkButton-module_control__-xy5O svg {
2093
- width: 12px;
2094
- }
2095
- }
2096
-
2097
2021
  .MaterialTitle-module_root__VSphO {
2098
2022
  display: block;
2099
2023
  }
@@ -2493,20 +2417,6 @@
2493
2417
  }
2494
2418
  }
2495
2419
 
2496
- .Meta-module_bookmark__jcFWn {
2497
- position: absolute;
2498
- right: -12px;
2499
- bottom: -4px;
2500
- z-index: 10;
2501
- }
2502
-
2503
- @media only screen and (min-width: 32em) {
2504
-
2505
- .Meta-module_bookmark__jcFWn {
2506
- display: none;
2507
- }
2508
- }
2509
-
2510
2420
  .Meta-module_isInBookRelated__Ohidg {
2511
2421
  opacity: 0.5;
2512
2422
  }
@@ -3261,7 +3171,6 @@
3261
3171
  @media only screen and (max-width: 63.9375em) {
3262
3172
 
3263
3173
  .RichTitle-module_featured__ULNQn {
3264
-
3265
3174
  font-size: 28px;
3266
3175
  line-height: 30px;
3267
3176
  letter-spacing: 0.3px;
@@ -3280,6 +3189,26 @@
3280
3189
  }
3281
3190
  }
3282
3191
 
3192
+ @media only screen and (max-width: 63.9375em) {
3193
+
3194
+ .RichTitle-module_isInFeaturedBlock__3vYu9 {
3195
+ font-size: 22px;
3196
+ line-height: 110%;
3197
+ }
3198
+ }
3199
+
3200
+ @media only screen and (max-width: 63.9375em) {
3201
+
3202
+ .RichTitle-module_isInFeaturedBlock__3vYu9 span {
3203
+ display: block;
3204
+
3205
+ padding-top: 4px;
3206
+
3207
+ font-size: 18px;
3208
+ line-height: 120%;
3209
+ }
3210
+ }
3211
+
3283
3212
  .RichTitle-module_isInMediaBlock__2h6rl {
3284
3213
  text-align: left;
3285
3214
  }
@@ -3322,9 +3251,10 @@
3322
3251
  @media only screen and (min-width: 64em) {
3323
3252
 
3324
3253
  .RichTitle-module_isInBookRelated__LcCPV {
3254
+ margin: 6px 0 18px;
3255
+
3325
3256
  font-size: 27px;
3326
3257
  line-height: 32px;
3327
- margin: 6px 0 18px;
3328
3258
  }
3329
3259
  }
3330
3260
 
@@ -3341,9 +3271,10 @@
3341
3271
  }
3342
3272
 
3343
3273
  .RichTitle-module_root__U5XQu.RichTitle-module_isInPodcastPlayer__kvEPH {
3274
+ margin: 0 0 20px;
3275
+
3344
3276
  font-size: 19px;
3345
3277
  line-height: 23px;
3346
- margin: 0 0 20px;
3347
3278
  }
3348
3279
 
3349
3280
  @media only screen and (min-width: 48em) {
@@ -4753,21 +4684,23 @@ a mark {
4753
4684
 
4754
4685
  margin-right: 1px;
4755
4686
 
4756
- vertical-align: top;
4757
-
4758
4687
  color: inherit;
4759
4688
 
4689
+ vertical-align: top;
4690
+
4760
4691
  fill: currentColor;
4761
4692
  }
4762
4693
 
4763
4694
  .MetaItem-module_root__sRbrZ a {
4764
4695
  display: inline;
4765
4696
 
4766
- text-decoration: underline;
4767
-
4768
4697
  color: inherit;
4769
4698
 
4699
+ text-decoration: underline;
4700
+
4770
4701
  -webkit-text-decoration-skip: auto;
4702
+
4703
+ text-decoration-skip: auto;
4771
4704
  }
4772
4705
 
4773
4706
  .MetaItem-module_root__sRbrZ a:hover {
@@ -4816,17 +4749,7 @@ a mark {
4816
4749
 
4817
4750
  @media only screen and (max-width: 32.1875em) {
4818
4751
 
4819
- .MetaItem-module_hasSource__35olm.MetaItem-module_listened__XZWFQ::before,
4820
- .MetaItem-module_hasSource__35olm.MetaItem-module_read__O3cUz::before {
4821
- display: inline-block;
4822
- }
4823
- }
4824
-
4825
- @media only screen and (max-width: 32.1875em) {
4826
-
4827
- .MetaItem-module_datetime__--O8c,
4828
- .MetaItem-module_listened__XZWFQ,
4829
- .MetaItem-module_read__O3cUz {
4752
+ .MetaItem-module_datetime__--O8c {
4830
4753
  width: auto;
4831
4754
  }
4832
4755
  }
@@ -4838,18 +4761,19 @@ a mark {
4838
4761
  }
4839
4762
  }
4840
4763
 
4841
- @media only screen and (max-width: 32.1875em) {
4764
+ .MetaItem-module_mobileOnly__VJCjl {
4765
+ margin-right: 6px;
4766
+ }
4842
4767
 
4843
- .MetaItem-module_hasSource__35olm.MetaItem-module_listened__XZWFQ,
4844
- .MetaItem-module_hasSource__35olm.MetaItem-module_read__O3cUz {
4845
- order: -1;
4768
+ @media only screen and (min-width: 48em) {
4846
4769
 
4847
- margin-top: 0;
4770
+ .MetaItem-module_mobileOnly__VJCjl {
4771
+ display: none;
4848
4772
  }
4849
4773
  }
4850
4774
 
4851
- .MetaItem-module_read__O3cUz svg {
4852
- margin-top: -1px;
4775
+ .MetaItem-module_mobileOnly__VJCjl + .MetaItem-module_hasBullets__b1eW9::before {
4776
+ content: none;
4853
4777
  }
4854
4778
 
4855
4779
  .MetaItemLive-module_root__XfQiW {
@@ -5645,7 +5569,6 @@ ul.VersesBlock-module_root__CrgSZ:first-child {
5645
5569
  }
5646
5570
 
5647
5571
  .Cover-module_rich__YcxWa {
5648
-
5649
5572
  margin: 0 -20px;
5650
5573
  overflow: hidden;
5651
5574
 
@@ -5700,28 +5623,12 @@ ul.VersesBlock-module_root__CrgSZ:first-child {
5700
5623
 
5701
5624
  .Cover-module_isInDynamicBlock__qO-yt {
5702
5625
  overflow: hidden;
5703
-
5704
- border-radius: 8px;
5705
5626
  }
5706
5627
 
5707
5628
  .Cover-module_isInDynamicBlock__qO-yt .Cover-module_body__eJpUI {
5708
5629
  padding: 0 12px 12px;
5709
5630
  }
5710
5631
 
5711
- .Cover-module_isInDynamicBlock__qO-yt::after {
5712
- position: absolute;
5713
- top: 0;
5714
- right: 0;
5715
- bottom: 0;
5716
- left: 0;
5717
- z-index: 1;
5718
-
5719
- border: 1px solid rgba(0, 0, 0, 0.1);
5720
- border-radius: 8px;
5721
-
5722
- content: '';
5723
- }
5724
-
5725
5632
  /* VISIBILITY */
5726
5633
 
5727
5634
  @media only screen and (min-width: 32em) {
@@ -7141,18 +7048,6 @@ ul.VersesBlock-module_root__CrgSZ:first-child {
7141
7048
  fill: #fff;
7142
7049
  }
7143
7050
 
7144
- .ToolbarButton-module_isDark__gWpv-.ToolbarButton-module_bookmark__7SWkm svg,
7145
- .ToolbarButton-module_dark__5XOEp.ToolbarButton-module_bookmark__7SWkm svg {
7146
- color: #fff;
7147
-
7148
- fill: transparent;
7149
- }
7150
-
7151
- .ToolbarButton-module_isDark__gWpv-.ToolbarButton-module_bookmark__7SWkm.ToolbarButton-module_isActive__N4kkV svg,
7152
- .ToolbarButton-module_dark__5XOEp.ToolbarButton-module_bookmark__7SWkm.ToolbarButton-module_isActive__N4kkV svg {
7153
- fill: currentColor;
7154
- }
7155
-
7156
7051
  .ToolbarButton-module_isDark__gWpv-::before,
7157
7052
  .ToolbarButton-module_dark__5XOEp::before {
7158
7053
  border-left-color: rgba(255, 255, 255, 0.2);
@@ -7188,10 +7083,6 @@ ul.VersesBlock-module_root__CrgSZ:first-child {
7188
7083
  vertical-align: middle;
7189
7084
  }
7190
7085
 
7191
- .ToolbarButton-module_bookmark__7SWkm {
7192
- fill: transparent;
7193
- }
7194
-
7195
7086
  .ToolbarButton-module_isActive__N4kkV {
7196
7087
  fill: currentColor;
7197
7088
  }