@rescui/card 0.2.0 → 0.3.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 (3) hide show
  1. package/lib/card.module.pcss.js +17 -17
  2. package/lib/index.css +81 -81
  3. package/package.json +5 -5
package/lib/card.module.pcss.js CHANGED
@@ -1,20 +1,20 @@
1
1
  var styles = {
2
- "card": "_card_mmt245_5",
3
- "themeLight": "_themeLight_mmt245_25",
4
- "themeDark": "_themeDark_mmt245_31",
5
- "cardPlain": "_cardPlain_mmt245_36",
6
- "modeClassic": "_modeClassic_mmt245_36",
7
- "modeRock": "_modeRock_mmt245_37",
8
- "paddings16": "_paddings16_mmt245_150",
9
- "paddings24": "_paddings24_mmt245_154",
10
- "paddings32": "_paddings32_mmt245_158",
11
- "glowHover": "_glowHover_mmt245_89",
12
- "bordersRadius0": "_bordersRadius0_mmt245_162",
13
- "bordersRadius8": "_bordersRadius8_mmt245_166",
14
- "bordersRadius16": "_bordersRadius16_mmt245_170",
15
- "bordersRadius24": "_bordersRadius24_mmt245_174",
16
- "cardImage": "_cardImage_mmt245_178",
17
- "cardImageImg": "_cardImageImg_mmt245_184",
18
- "cardImageDiv": "_cardImageDiv_mmt245_222"
2
+ "card": "_card_1t123uy_5",
3
+ "themeLight": "_themeLight_1t123uy_25",
4
+ "themeDark": "_themeDark_1t123uy_31",
5
+ "cardPlain": "_cardPlain_1t123uy_36",
6
+ "modeClassic": "_modeClassic_1t123uy_36",
7
+ "modeRock": "_modeRock_1t123uy_37",
8
+ "paddings16": "_paddings16_1t123uy_150",
9
+ "paddings24": "_paddings24_1t123uy_154",
10
+ "paddings32": "_paddings32_1t123uy_158",
11
+ "glowHover": "_glowHover_1t123uy_89",
12
+ "bordersRadius0": "_bordersRadius0_1t123uy_162",
13
+ "bordersRadius8": "_bordersRadius8_1t123uy_166",
14
+ "bordersRadius16": "_bordersRadius16_1t123uy_170",
15
+ "bordersRadius24": "_bordersRadius24_1t123uy_174",
16
+ "cardImage": "_cardImage_1t123uy_178",
17
+ "cardImageImg": "_cardImageImg_1t123uy_184",
18
+ "cardImageDiv": "_cardImageDiv_1t123uy_222"
19
19
  };
20
20
  export default styles;
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._card_mmt245_5{
1
+ ._card_1t123uy_5{
2
2
  overflow:hidden;
3
3
  cursor:pointer;
4
4
  min-height:0;
@@ -13,66 +13,66 @@
13
13
  border-radius:var(--rs-card-border-radius, 0);
14
14
  -webkit-mask-image:-webkit-radial-gradient(white, black);
15
15
  }
16
- a._card_mmt245_5{
16
+ a._card_1t123uy_5{
17
17
  display:block;
18
18
  text-decoration:none;
19
19
  }
20
- ._themeLight_mmt245_25{
20
+ ._themeLight_1t123uy_25{
21
21
  border-color:rgba(25,25,28,0.2);
22
22
  border-color:var(--card-border-color, rgba(25,25,28,0.2));
23
23
  background-color:#FFFFFF;
24
24
  background-color:var(--card-background-color, #FFFFFF);
25
25
  }
26
- ._themeDark_mmt245_31{
26
+ ._themeDark_1t123uy_31{
27
27
  border-color:rgba(255,255,255,0.2);
28
28
  border-color:var(--card-border-color, rgba(255,255,255,0.2));
29
29
  background-color:#303033;
30
30
  background-color:var(--card-background-color, #303033);
31
31
  }
32
- ._cardPlain_mmt245_36._modeClassic_mmt245_36,
33
- ._cardPlain_mmt245_36._modeRock_mmt245_37{
32
+ ._cardPlain_1t123uy_36._modeClassic_1t123uy_36,
33
+ ._cardPlain_1t123uy_36._modeRock_1t123uy_37{
34
34
  cursor:default;
35
35
  }
36
- ._cardPlain_mmt245_36._modeClassic_mmt245_36._themeLight_mmt245_25, ._cardPlain_mmt245_36._modeRock_mmt245_37._themeLight_mmt245_25{
36
+ ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25{
37
37
  --card-border-color:rgba(25,25,28,0.2);
38
38
  }
39
- ._cardPlain_mmt245_36._modeClassic_mmt245_36._themeLight_mmt245_25:hover,
40
- ._cardPlain_mmt245_36._modeClassic_mmt245_36._themeLight_mmt245_25:focus,
41
- ._cardPlain_mmt245_36._modeClassic_mmt245_36._themeLight_mmt245_25:active,
42
- ._cardPlain_mmt245_36._modeRock_mmt245_37._themeLight_mmt245_25:hover,
43
- ._cardPlain_mmt245_36._modeRock_mmt245_37._themeLight_mmt245_25:focus,
44
- ._cardPlain_mmt245_36._modeRock_mmt245_37._themeLight_mmt245_25:active{
39
+ ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:hover,
40
+ ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:focus,
41
+ ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:active,
42
+ ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:hover,
43
+ ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:focus,
44
+ ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:active{
45
45
  --card-border-color:rgba(25,25,28,0.2);
46
46
  }
47
- ._cardPlain_mmt245_36._modeClassic_mmt245_36._themeDark_mmt245_31, ._cardPlain_mmt245_36._modeRock_mmt245_37._themeDark_mmt245_31{
47
+ ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31{
48
48
  --card-border-color:rgba(255,255,255,0.2);
49
49
  }
50
- ._cardPlain_mmt245_36._modeClassic_mmt245_36._themeDark_mmt245_31:hover,
51
- ._cardPlain_mmt245_36._modeClassic_mmt245_36._themeDark_mmt245_31:focus,
52
- ._cardPlain_mmt245_36._modeClassic_mmt245_36._themeDark_mmt245_31:active,
53
- ._cardPlain_mmt245_36._modeRock_mmt245_37._themeDark_mmt245_31:hover,
54
- ._cardPlain_mmt245_36._modeRock_mmt245_37._themeDark_mmt245_31:focus,
55
- ._cardPlain_mmt245_36._modeRock_mmt245_37._themeDark_mmt245_31:active{
50
+ ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:hover,
51
+ ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:focus,
52
+ ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:active,
53
+ ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:hover,
54
+ ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:focus,
55
+ ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:active{
56
56
  --card-border-color:rgba(255,255,255,0.2);
57
57
  }
58
- ._cardPlain_mmt245_36._modeClassic_mmt245_36._themeLight_mmt245_25:active, ._cardPlain_mmt245_36._modeClassic_mmt245_36._themeDark_mmt245_31:active, ._cardPlain_mmt245_36._modeRock_mmt245_37._themeLight_mmt245_25:active, ._cardPlain_mmt245_36._modeRock_mmt245_37._themeDark_mmt245_31:active{
58
+ ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:active, ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:active, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:active, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:active{
59
59
  border-width:1px;
60
60
  }
61
- ._cardPlain_mmt245_36._modeClassic_mmt245_36._themeLight_mmt245_25:active._paddings16_mmt245_150, ._cardPlain_mmt245_36._modeClassic_mmt245_36._themeDark_mmt245_31:active._paddings16_mmt245_150, ._cardPlain_mmt245_36._modeRock_mmt245_37._themeLight_mmt245_25:active._paddings16_mmt245_150, ._cardPlain_mmt245_36._modeRock_mmt245_37._themeDark_mmt245_31:active._paddings16_mmt245_150{
61
+ ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:active._paddings16_1t123uy_150, ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:active._paddings16_1t123uy_150, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:active._paddings16_1t123uy_150, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:active._paddings16_1t123uy_150{
62
62
  padding:16px;
63
63
  }
64
- ._cardPlain_mmt245_36._modeClassic_mmt245_36._themeLight_mmt245_25:active._paddings24_mmt245_154, ._cardPlain_mmt245_36._modeClassic_mmt245_36._themeDark_mmt245_31:active._paddings24_mmt245_154, ._cardPlain_mmt245_36._modeRock_mmt245_37._themeLight_mmt245_25:active._paddings24_mmt245_154, ._cardPlain_mmt245_36._modeRock_mmt245_37._themeDark_mmt245_31:active._paddings24_mmt245_154{
64
+ ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:active._paddings24_1t123uy_154, ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:active._paddings24_1t123uy_154, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:active._paddings24_1t123uy_154, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:active._paddings24_1t123uy_154{
65
65
  padding:24px;
66
66
  }
67
- ._cardPlain_mmt245_36._modeClassic_mmt245_36._themeLight_mmt245_25:active._paddings32_mmt245_158, ._cardPlain_mmt245_36._modeClassic_mmt245_36._themeDark_mmt245_31:active._paddings32_mmt245_158, ._cardPlain_mmt245_36._modeRock_mmt245_37._themeLight_mmt245_25:active._paddings32_mmt245_158, ._cardPlain_mmt245_36._modeRock_mmt245_37._themeDark_mmt245_31:active._paddings32_mmt245_158{
67
+ ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeLight_1t123uy_25:active._paddings32_1t123uy_158, ._cardPlain_1t123uy_36._modeClassic_1t123uy_36._themeDark_1t123uy_31:active._paddings32_1t123uy_158, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeLight_1t123uy_25:active._paddings32_1t123uy_158, ._cardPlain_1t123uy_36._modeRock_1t123uy_37._themeDark_1t123uy_31:active._paddings32_1t123uy_158{
68
68
  padding:32px;
69
69
  }
70
- ._modeClassic_mmt245_36._themeLight_mmt245_25:hover,
71
- ._modeClassic_mmt245_36._themeLight_mmt245_25:focus,
72
- ._modeClassic_mmt245_36._themeLight_mmt245_25:active{
70
+ ._modeClassic_1t123uy_36._themeLight_1t123uy_25:hover,
71
+ ._modeClassic_1t123uy_36._themeLight_1t123uy_25:focus,
72
+ ._modeClassic_1t123uy_36._themeLight_1t123uy_25:active{
73
73
  --card-border-color:#19191C;
74
74
  }
75
- ._modeClassic_mmt245_36._themeDark_mmt245_31{
75
+ ._modeClassic_1t123uy_36._themeDark_1t123uy_31{
76
76
  --rs-typography-color-hard:#FFFFFF;
77
77
  --rs-typography-color-average:rgba(255,255,255,0.7);
78
78
  --rs-typography-color-pale:rgba(255,255,255,0.5);
@@ -80,59 +80,59 @@ a._card_mmt245_5{
80
80
  --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
81
81
  --rs-typography-text-link-hover-color:#19191C;
82
82
  }
83
- ._modeClassic_mmt245_36._themeDark_mmt245_31:hover,
84
- ._modeClassic_mmt245_36._themeDark_mmt245_31:focus,
85
- ._modeClassic_mmt245_36._themeDark_mmt245_31:active{
83
+ ._modeClassic_1t123uy_36._themeDark_1t123uy_31:hover,
84
+ ._modeClassic_1t123uy_36._themeDark_1t123uy_31:focus,
85
+ ._modeClassic_1t123uy_36._themeDark_1t123uy_31:active{
86
86
  --card-border-color:#FFFFFF;
87
87
  }
88
- ._modeClassic_mmt245_36._glowHover_mmt245_89._themeLight_mmt245_25:hover,
89
- ._modeClassic_mmt245_36._glowHover_mmt245_89._themeLight_mmt245_25:focus,
90
- ._modeClassic_mmt245_36._glowHover_mmt245_89._themeLight_mmt245_25:active{
88
+ ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:hover,
89
+ ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:focus,
90
+ ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:active{
91
91
  --card-border-color:rgba(25,25,28,0.2);
92
92
  }
93
- ._modeClassic_mmt245_36._glowHover_mmt245_89._themeLight_mmt245_25:active{
93
+ ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:active{
94
94
  border-width:1px;
95
95
  }
96
- ._modeClassic_mmt245_36._glowHover_mmt245_89._themeLight_mmt245_25:active._paddings16_mmt245_150{
96
+ ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:active._paddings16_1t123uy_150{
97
97
  padding:16px;
98
98
  }
99
- ._modeClassic_mmt245_36._glowHover_mmt245_89._themeLight_mmt245_25:active._paddings24_mmt245_154{
99
+ ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:active._paddings24_1t123uy_154{
100
100
  padding:24px;
101
101
  }
102
- ._modeClassic_mmt245_36._glowHover_mmt245_89._themeLight_mmt245_25:active._paddings32_mmt245_158{
102
+ ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeLight_1t123uy_25:active._paddings32_1t123uy_158{
103
103
  padding:32px;
104
104
  }
105
- ._modeClassic_mmt245_36._glowHover_mmt245_89._themeDark_mmt245_31:hover,
106
- ._modeClassic_mmt245_36._glowHover_mmt245_89._themeDark_mmt245_31:focus,
107
- ._modeClassic_mmt245_36._glowHover_mmt245_89._themeDark_mmt245_31:active{
105
+ ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:hover,
106
+ ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:focus,
107
+ ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:active{
108
108
  --card-border-color:rgba(255,255,255,0.2);
109
109
  }
110
- ._modeClassic_mmt245_36._glowHover_mmt245_89._themeDark_mmt245_31:active{
110
+ ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:active{
111
111
  border-width:1px;
112
112
  }
113
- ._modeClassic_mmt245_36._glowHover_mmt245_89._themeDark_mmt245_31:active._paddings16_mmt245_150{
113
+ ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:active._paddings16_1t123uy_150{
114
114
  padding:16px;
115
115
  }
116
- ._modeClassic_mmt245_36._glowHover_mmt245_89._themeDark_mmt245_31:active._paddings24_mmt245_154{
116
+ ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:active._paddings24_1t123uy_154{
117
117
  padding:24px;
118
118
  }
119
- ._modeClassic_mmt245_36._glowHover_mmt245_89._themeDark_mmt245_31:active._paddings32_mmt245_158{
119
+ ._modeClassic_1t123uy_36._glowHover_1t123uy_89._themeDark_1t123uy_31:active._paddings32_1t123uy_158{
120
120
  padding:32px;
121
121
  }
122
- ._modeClassic_mmt245_36:active{
122
+ ._modeClassic_1t123uy_36:active{
123
123
  border-width:2px;
124
124
  }
125
- ._modeClassic_mmt245_36:active._paddings16_mmt245_150{
125
+ ._modeClassic_1t123uy_36:active._paddings16_1t123uy_150{
126
126
  padding:15px;
127
127
  }
128
- ._modeClassic_mmt245_36:active._paddings24_mmt245_154{
128
+ ._modeClassic_1t123uy_36:active._paddings24_1t123uy_154{
129
129
  padding:23px;
130
130
  }
131
- ._modeClassic_mmt245_36:active._paddings32_mmt245_158{
131
+ ._modeClassic_1t123uy_36:active._paddings32_1t123uy_158{
132
132
  padding:31px;
133
133
  }
134
- ._modeRock_mmt245_37._themeLight_mmt245_25:hover,
135
- ._modeRock_mmt245_37._themeLight_mmt245_25:focus{
134
+ ._modeRock_1t123uy_37._themeLight_1t123uy_25:hover,
135
+ ._modeRock_1t123uy_37._themeLight_1t123uy_25:focus{
136
136
  --card-border-color:rgba(25,25,28,0.2);
137
137
  --card-background-color:#19191C;
138
138
  --rs-typography-color-hard:#FFFFFF;
@@ -142,7 +142,7 @@ a._card_mmt245_5{
142
142
  --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
143
143
  --rs-typography-text-link-hover-color:#19191C;
144
144
  }
145
- ._modeRock_mmt245_37._themeLight_mmt245_25:active{
145
+ ._modeRock_1t123uy_37._themeLight_1t123uy_25:active{
146
146
  background-color:#303033;
147
147
  --rs-typography-color-hard:#FFFFFF;
148
148
  --rs-typography-color-average:rgba(255,255,255,0.7);
@@ -151,7 +151,7 @@ a._card_mmt245_5{
151
151
  --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
152
152
  --rs-typography-text-link-hover-color:#19191C;
153
153
  }
154
- ._modeRock_mmt245_37._themeDark_mmt245_31{
154
+ ._modeRock_1t123uy_37._themeDark_1t123uy_31{
155
155
  --rs-typography-color-hard:#FFFFFF;
156
156
  --rs-typography-color-average:rgba(255,255,255,0.7);
157
157
  --rs-typography-color-pale:rgba(255,255,255,0.5);
@@ -159,8 +159,8 @@ a._card_mmt245_5{
159
159
  --rs-typography-pre-bg-color:rgba(255,255,255,0.1);
160
160
  --rs-typography-text-link-hover-color:#19191C;
161
161
  }
162
- ._modeRock_mmt245_37._themeDark_mmt245_31:hover,
163
- ._modeRock_mmt245_37._themeDark_mmt245_31:focus{
162
+ ._modeRock_1t123uy_37._themeDark_1t123uy_31:hover,
163
+ ._modeRock_1t123uy_37._themeDark_1t123uy_31:focus{
164
164
  --card-background-color:#FFFFFF;
165
165
  --rs-typography-color-hard:#19191C;
166
166
  --rs-typography-color-average:rgba(25,25,28,0.7);
@@ -169,7 +169,7 @@ a._card_mmt245_5{
169
169
  --rs-typography-pre-bg-color:rgba(25,25,28,0.1);
170
170
  --rs-typography-text-link-hover-color:#FFFFFF;
171
171
  }
172
- ._modeRock_mmt245_37._themeDark_mmt245_31:active{
172
+ ._modeRock_1t123uy_37._themeDark_1t123uy_31:active{
173
173
  --card-background-color:#F4F4F4;
174
174
  --rs-typography-color-hard:#19191C;
175
175
  --rs-typography-color-average:rgba(25,25,28,0.7);
@@ -178,34 +178,34 @@ a._card_mmt245_5{
178
178
  --rs-typography-pre-bg-color:rgba(25,25,28,0.1);
179
179
  --rs-typography-text-link-hover-color:#FFFFFF;
180
180
  }
181
- ._paddings16_mmt245_150{
181
+ ._paddings16_1t123uy_150{
182
182
  padding:16px;
183
183
  }
184
- ._paddings24_mmt245_154{
184
+ ._paddings24_1t123uy_154{
185
185
  padding:24px;
186
186
  }
187
- ._paddings32_mmt245_158{
187
+ ._paddings32_1t123uy_158{
188
188
  padding:32px;
189
189
  }
190
- ._bordersRadius0_mmt245_162{
190
+ ._bordersRadius0_1t123uy_162{
191
191
  --rs-card-border-radius:0;
192
192
  }
193
- ._bordersRadius8_mmt245_166{
193
+ ._bordersRadius8_1t123uy_166{
194
194
  --rs-card-border-radius:8px;
195
195
  }
196
- ._bordersRadius16_mmt245_170{
196
+ ._bordersRadius16_1t123uy_170{
197
197
  --rs-card-border-radius:16px;
198
198
  }
199
- ._bordersRadius24_mmt245_174{
199
+ ._bordersRadius24_1t123uy_174{
200
200
  --rs-card-border-radius:24px;
201
201
  }
202
- ._cardImage_mmt245_178{
202
+ ._cardImage_1t123uy_178{
203
203
  -webkit-box-sizing:border-box;
204
204
  box-sizing:border-box;
205
205
  position:relative;
206
206
  overflow:hidden;
207
207
  }
208
- ._cardImageImg_mmt245_184{
208
+ ._cardImageImg_1t123uy_184{
209
209
  display:block;
210
210
  -webkit-transition:-webkit-transform .2s;
211
211
  transition:-webkit-transform .2s;
@@ -214,32 +214,32 @@ a._card_mmt245_5{
214
214
  -webkit-transform:scaleX(1);
215
215
  transform:scaleX(1);
216
216
  }
217
- ._paddings16_mmt245_150 ._cardImageImg_mmt245_184{
217
+ ._paddings16_1t123uy_150 ._cardImageImg_1t123uy_184{
218
218
  top:-16px;
219
219
  left:-16px;
220
220
  width:calc(100% + 32px);
221
221
  height:204px;
222
222
  max-height:204px;
223
223
  }
224
- ._paddings24_mmt245_154 ._cardImageImg_mmt245_184{
224
+ ._paddings24_1t123uy_154 ._cardImageImg_1t123uy_184{
225
225
  top:-24px;
226
226
  left:-24px;
227
227
  width:calc(100% + 48px);
228
228
  height:212px;
229
229
  max-height:212px;
230
230
  }
231
- ._paddings32_mmt245_158 ._cardImageImg_mmt245_184{
231
+ ._paddings32_1t123uy_158 ._cardImageImg_1t123uy_184{
232
232
  top:-32px;
233
233
  left:-32px;
234
234
  width:calc(100% + 64px);
235
235
  height:220px;
236
236
  max-height:220px;
237
237
  }
238
- ._bordersRadius8_mmt245_166 ._cardImageImg_mmt245_184 img{
238
+ ._bordersRadius8_1t123uy_166 ._cardImageImg_1t123uy_184 img{
239
239
  overflow:hidden;
240
240
  border-radius:8px;
241
241
  }
242
- ._card_mmt245_5:hover ._cardImageImg_mmt245_184{
242
+ ._card_1t123uy_5:hover ._cardImageImg_1t123uy_184{
243
243
  -webkit-transition:-webkit-transform .2s;
244
244
  transition:-webkit-transform .2s;
245
245
  transition:transform .2s;
@@ -247,14 +247,14 @@ a._card_mmt245_5{
247
247
  -webkit-transform:scaleX(1.1);
248
248
  transform:scaleX(1.1);
249
249
  }
250
- ._card_mmt245_5:hover ._cardImageImg_mmt245_184 img{
250
+ ._card_1t123uy_5:hover ._cardImageImg_1t123uy_184 img{
251
251
  border-radius:8px;
252
252
  }
253
- ._card_mmt245_5._cardPlain_mmt245_36:hover ._cardImageImg_mmt245_184{
253
+ ._card_1t123uy_5._cardPlain_1t123uy_36:hover ._cardImageImg_1t123uy_184{
254
254
  -webkit-transform:none;
255
255
  transform:none;
256
256
  }
257
- ._cardImageDiv_mmt245_222{
257
+ ._cardImageDiv_1t123uy_222{
258
258
  display:-webkit-box;
259
259
  display:-ms-flexbox;
260
260
  display:flex;
@@ -272,7 +272,7 @@ a._card_mmt245_5{
272
272
  background-position:center;
273
273
  background-size:auto 100%;
274
274
  }
275
- ._paddings16_mmt245_150 ._cardImageDiv_mmt245_222{
275
+ ._paddings16_1t123uy_150 ._cardImageDiv_1t123uy_222{
276
276
  top:-16px;
277
277
  left:-16px;
278
278
  padding:16px;
@@ -280,10 +280,10 @@ a._card_mmt245_5{
280
280
  height:204px;
281
281
  max-height:204px;
282
282
  }
283
- ._card_mmt245_5:active ._paddings16_mmt245_150 ._cardImageDiv_mmt245_222{
283
+ ._card_1t123uy_5:active ._paddings16_1t123uy_150 ._cardImageDiv_1t123uy_222{
284
284
  padding:calc(16px - 1);
285
285
  }
286
- ._paddings24_mmt245_154 ._cardImageDiv_mmt245_222{
286
+ ._paddings24_1t123uy_154 ._cardImageDiv_1t123uy_222{
287
287
  top:-24px;
288
288
  left:-24px;
289
289
  padding:24px;
@@ -291,10 +291,10 @@ a._card_mmt245_5{
291
291
  height:212px;
292
292
  max-height:212px;
293
293
  }
294
- ._card_mmt245_5:active ._paddings24_mmt245_154 ._cardImageDiv_mmt245_222{
294
+ ._card_1t123uy_5:active ._paddings24_1t123uy_154 ._cardImageDiv_1t123uy_222{
295
295
  padding:calc(24px - 1);
296
296
  }
297
- ._paddings32_mmt245_158 ._cardImageDiv_mmt245_222{
297
+ ._paddings32_1t123uy_158 ._cardImageDiv_1t123uy_222{
298
298
  top:-32px;
299
299
  left:-32px;
300
300
  padding:32px;
@@ -302,15 +302,15 @@ a._card_mmt245_5{
302
302
  height:220px;
303
303
  max-height:220px;
304
304
  }
305
- ._card_mmt245_5:active ._paddings32_mmt245_158 ._cardImageDiv_mmt245_222{
305
+ ._card_1t123uy_5:active ._paddings32_1t123uy_158 ._cardImageDiv_1t123uy_222{
306
306
  padding:calc(32px - 1);
307
307
  }
308
- ._card_mmt245_5:hover ._cardImageDiv_mmt245_222{
308
+ ._card_1t123uy_5:hover ._cardImageDiv_1t123uy_222{
309
309
  background-size:auto 110%;
310
310
  -webkit-transition:background-size .2s;
311
311
  transition:background-size .2s;
312
312
  }
313
- ._card_mmt245_5._cardPlain_mmt245_36:hover ._cardImageDiv_mmt245_222{
313
+ ._card_1t123uy_5._cardPlain_1t123uy_36:hover ._cardImageDiv_1t123uy_222{
314
314
  background-size:auto 100%;
315
315
  }
316
316
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/card",
3
- "version": "0.2.0",
3
+ "version": "0.3.0",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.ts",
@@ -24,14 +24,14 @@
24
24
  },
25
25
  "devDependencies": {
26
26
  "@jetbrains/logos": "^1.4.16",
27
- "@rescui/colors": "^0.0.5",
27
+ "@rescui/colors": "^0.0.6",
28
28
  "@rescui/postcss-preset-library": "^0.0.4",
29
- "@rescui/scripts": "^0.1.3",
30
- "@rescui/typography": "^0.3.0",
29
+ "@rescui/scripts": "^0.1.4",
30
+ "@rescui/typography": "^0.4.0",
31
31
  "@rescui/visual-regression": "^0.0.1"
32
32
  },
33
33
  "scripts": {
34
34
  "build": "rescui-scripts build"
35
35
  },
36
- "gitHead": "11daffddcc420a78b5708443363da65c55f28103"
36
+ "gitHead": "6b1d206de2641861028760d73f33dee214c07911"
37
37
  }