@meduza/ui-kit-2 0.2.13 → 0.2.14

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/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.2.13",
2
+ "version": "0.2.14",
3
3
  "license": "MIT",
4
4
  "description": "UIKit for Meduza",
5
5
  "repository": "https://github.com/meduza-corp/ui-kit-2.git",
@@ -5,24 +5,23 @@
5
5
  z-index: 10;
6
6
 
7
7
  display: block;
8
+ overflow: hidden;
8
9
 
9
10
  height: 275px;
10
-
11
- margin: calc(15rem / 16) -20px;
11
+ margin: calc(15rem / 16) 0;
12
12
  padding: 20px 20px 0;
13
- overflow: hidden;
14
-
15
- font-family: $secondaryFont;
16
13
 
17
14
  text-decoration: none;
18
15
 
16
+ border-radius: 8px;
17
+ outline-width: 0;
19
18
  background-color: #000;
20
19
  background-image: url('https://meduza.io/image/attachments/images/007/484/907/original/xvcbRNwO1XwjEXJHpnxlpA.png');
21
20
  background-repeat: no-repeat;
22
21
  background-position: center bottom;
23
22
  background-size: 400px auto;
24
23
 
25
- outline-width: 0;
24
+ font-family: $secondaryFont;
26
25
 
27
26
  @media $mobile {
28
27
  margin: 25px 0 20px;
@@ -30,8 +29,6 @@
30
29
 
31
30
  background-image: url('https://meduza.io/image/attachments/images/007/484/800/original/iUGEKeP82DhLIWJGuy_Wlw.png');
32
31
  background-size: cover;
33
-
34
- border-radius: 8px;
35
32
  }
36
33
  }
37
34
 
@@ -39,15 +36,15 @@
39
36
  max-width: 852px;
40
37
  margin: 0 auto;
41
38
 
42
- color: #fff;
39
+ transform: translateZ(0);
43
40
  text-align: center;
44
41
 
45
- transform: translateZ(0);
42
+ color: #fff;
46
43
  }
47
44
 
48
45
  .title {
49
- font-weight: 700;
50
46
  font-size: 20px;
47
+ font-weight: 700;
51
48
  line-height: 25px;
52
49
 
53
50
  @media $mobile {
@@ -83,10 +80,10 @@
83
80
  margin: 0 auto;
84
81
 
85
82
  color: #ffa7b2;
86
- font-weight: normal;
87
- font-size: 14px;
88
83
 
89
84
  font-family: $secondaryFont;
85
+ font-size: 14px;
86
+ font-weight: normal;
90
87
  line-height: 17px;
91
88
 
92
89
  @media $mobile {
@@ -99,8 +96,8 @@
99
96
 
100
97
  .cta {
101
98
  display: flex;
102
- flex-flow: column nowrap;
103
99
  align-items: center;
100
+ flex-flow: column nowrap;
104
101
  justify-content: center;
105
102
 
106
103
  margin-top: 18px;
@@ -113,27 +110,26 @@
113
110
  .cta a {
114
111
  display: block;
115
112
 
116
- color: #fff;
117
- font-weight: 600;
118
-
119
- font-size: 11px;
120
- line-height: 16px;
121
- letter-spacing: 1px;
122
-
123
113
  text-align: center;
124
- text-transform: uppercase;
125
114
  text-decoration: none;
115
+ letter-spacing: 1px;
116
+ text-transform: uppercase;
126
117
 
118
+ color: #fff;
127
119
  border-radius: 30px;
120
+
121
+ font-size: 11px;
122
+ font-weight: 600;
123
+ line-height: 16px;
128
124
  }
129
125
 
130
126
  .cta a::after {
131
127
  position: absolute;
128
+ z-index: 1;
132
129
  top: 0;
133
130
  right: 0;
134
131
  bottom: 0;
135
132
  left: 0;
136
- z-index: 1;
137
133
 
138
134
  content: '';
139
135
  }
@@ -171,14 +167,3 @@
171
167
  margin-left: auto;
172
168
  }
173
169
  }
174
-
175
- .isInCard,
176
- .isInSlide {
177
- margin-right: -11px;
178
- margin-left: -11px;
179
-
180
- @media $mobile {
181
- margin-right: 0;
182
- margin-left: 0;
183
- }
184
- }