@meduza/ui-kit-2 0.1.35 → 0.1.37

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 (5) hide show
  1. package/dist/ui-kit.css +1211 -1205
  2. package/package.json +1 -1
  3. package/src/Meta/Meta.module.css +4 -1
  4. package/src/RelatedRichBlock/RelatedRichBlock.module.css +3 -3
  5. package/src/Spoiler/Spoiler.module.css +24 -17
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.1.35",
2
+ "version": "0.1.37",
3
3
  "license": "MIT",
4
4
  "description": "UIKit for Meduza",
5
5
  "repository": "https://github.com/meduza-corp/ui-kit-2.git",
package/src/Meta/Meta.module.css CHANGED
@@ -31,7 +31,10 @@
31
31
  color: rgba(255, 255, 255, 0.7);
32
32
  }
33
33
 
34
- .center.isInMediaBlock,
34
+ .center.isInMediaBlock {
35
+ text-align: left;
36
+ }
37
+
35
38
  .center.half {
36
39
  @media $landscapeTablet {
37
40
  text-align: left;
package/src/RelatedRichBlock/RelatedRichBlock.module.css CHANGED
@@ -75,7 +75,7 @@
75
75
 
76
76
  background-color: #f7f7f7;
77
77
 
78
- @media $landscapeTablet {
78
+ @media $mobile {
79
79
  position: absolute;
80
80
  z-index: 10;
81
81
  right: 0;
@@ -92,13 +92,13 @@
92
92
  .isRich {
93
93
  color: #000;
94
94
 
95
- @media $landscapeTablet {
95
+ @media $mobile {
96
96
  color: #fff;
97
97
  }
98
98
  }
99
99
 
100
100
  .isRich.hasGradient .body {
101
- @media $landscapeTablet {
101
+ @media $mobile {
102
102
  position: absolute;
103
103
  z-index: 10;
104
104
  right: 0;
package/src/Spoiler/Spoiler.module.css CHANGED
@@ -19,17 +19,17 @@
19
19
  .root::before,
20
20
  .root::after {
21
21
  position: absolute;
22
- z-index: 10;
23
22
  left: 50%;
23
+ z-index: 10;
24
24
 
25
25
  width: 100%;
26
26
  max-width: 650px;
27
27
  margin: 0 auto;
28
28
 
29
- content: '';
29
+ border-top: 3px solid rgba(0, 0, 0, 0.1);
30
30
  transform: translateX(-50%);
31
31
 
32
- border-top: 3px solid rgba(0, 0, 0, 0.1);
32
+ content: '';
33
33
  }
34
34
 
35
35
  .root::before {
@@ -63,9 +63,10 @@
63
63
  margin-top: 0;
64
64
  margin-bottom: 18px;
65
65
 
66
- font-family: $secondaryFont;
67
- font-size: 21px;
68
66
  font-weight: 700;
67
+ font-size: 21px;
68
+
69
+ font-family: $secondaryFont;
69
70
  line-height: 26px;
70
71
 
71
72
  @media $mobile {
@@ -113,21 +114,19 @@
113
114
 
114
115
  .spoiled .footer {
115
116
  position: sticky;
116
- z-index: 10;
117
117
  bottom: 0;
118
+ z-index: 10;
118
119
 
119
120
  width: auto;
120
121
  margin-right: -20px;
121
122
  margin-left: -20px;
122
123
  padding: 12px 20px 20px;
123
124
 
124
- animation: spoilerSticky 500ms ease both;
125
+ background-image: linear-gradient(180deg,
126
+ rgba(255, 255, 255, 0) 0%,
127
+ #fff 64%);
125
128
 
126
- background-image: linear-gradient(
127
- 180deg,
128
- rgba(255, 255, 255, 0) 0%,
129
- #fff 64%
130
- );
129
+ animation: spoilerSticky 500ms ease both;
131
130
 
132
131
  @media $mobile {
133
132
  position: static;
@@ -137,25 +136,26 @@
137
136
  margin-left: auto;
138
137
  padding: 0;
139
138
 
140
- animation: none;
141
-
142
139
  background-image: none;
140
+
141
+ animation: none;
143
142
  }
144
143
  }
145
144
 
146
145
  .spoiled .footer::after {
147
146
  position: absolute;
148
- z-index: -1;
149
147
  top: 100%;
150
148
  right: 0;
151
149
  left: 0;
150
+ z-index: -1;
152
151
 
153
152
  height: 16px;
154
153
 
155
- content: '';
154
+ background-color: #fff;
155
+
156
156
  animation: spoilerStickyBg 1ms ease both 500ms;
157
157
 
158
- background-color: #fff;
158
+ content: '';
159
159
 
160
160
  @media $mobile {
161
161
  content: none;
@@ -206,6 +206,7 @@
206
206
  }
207
207
  }
208
208
 
209
+ [data-dfp-sticky-banner='true'] .spoiled .footer,
209
210
  [data-gdpr-panel='true'] .spoiled .footer {
210
211
  bottom: 45px;
211
212
 
@@ -214,6 +215,12 @@
214
215
  }
215
216
  }
216
217
 
218
+ [data-gdpr-panel='true'][data-dfp-sticky-banner='true'] .spoiled .footer {
219
+ @media $mobileMax {
220
+ bottom: 90px;
221
+ }
222
+ }
223
+
217
224
  /* VISIBILITY */
218
225
 
219
226
  .mobile {