@everymatrix/casino-slider 0.0.258 → 0.0.259

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,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/casino-slider",
3
- "version": "0.0.258",
3
+ "version": "0.0.259",
4
4
  "main": "dist/casino-slider.js",
5
5
  "svelte": "src/index.ts",
6
6
  "scripts": {
@@ -36,5 +36,5 @@
36
36
  "publishConfig": {
37
37
  "access": "public"
38
38
  },
39
- "gitHead": "29d9cee256c6fbdf17d95ed82bc3ebcc62241704"
39
+ "gitHead": "7e26e42bac250a646d98bd80910b234522350fd6"
40
40
  }
@@ -167,13 +167,6 @@
167
167
  </div>
168
168
 
169
169
  <style lang="scss">
170
- //This function does a multiplication
171
- // in order to work with px the
172
- // same way as working with em
173
- @function ttp($value) {
174
- $multiplicator: 16px;
175
- @return $value * $multiplicator;
176
- }
177
170
 
178
171
  :host {
179
172
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
@@ -224,10 +217,10 @@
224
217
  display: flex;
225
218
  height: 100%;
226
219
  align-items: center;
227
- padding: ttp(.8) ttp(1.2);
228
- font-size: ttp(1);
220
+ padding: 13px 19px;
221
+ font-size: 16px;
229
222
  text-align: center;
230
- line-height: ttp(1.6);
223
+ line-height: 26px;
231
224
  transition: all 150ms ease-in-out;
232
225
  white-space: nowrap;
233
226
 
@@ -245,12 +238,12 @@
245
238
  align-items: center;
246
239
  justify-content: center;
247
240
  width: 50%;
248
- max-width: ttp(4);
241
+ max-width: 64px;
249
242
  background: rgba(255,255,255,.3);
250
243
 
251
244
  svg {
252
245
  width: 100%;
253
- max-width: ttp(2.4);
246
+ max-width: 39px;
254
247
  }
255
248
 
256
249
  &:hover {