ui-svelte 0.2.25 → 0.2.26
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/dist/css/animations.css +16 -16
- package/dist/css/typography.css +4 -1
- package/package.json +1 -1
package/dist/css/animations.css
CHANGED
|
@@ -358,11 +358,11 @@
|
|
|
358
358
|
transition:
|
|
359
359
|
opacity 0.6s ease-out,
|
|
360
360
|
transform 0.6s ease-out;
|
|
361
|
-
}
|
|
362
361
|
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
362
|
+
&.is-visible {
|
|
363
|
+
opacity: 1;
|
|
364
|
+
transform: translateY(0);
|
|
365
|
+
}
|
|
366
366
|
}
|
|
367
367
|
|
|
368
368
|
@utility reveal-left {
|
|
@@ -371,11 +371,11 @@
|
|
|
371
371
|
transition:
|
|
372
372
|
opacity 0.6s ease-out,
|
|
373
373
|
transform 0.6s ease-out;
|
|
374
|
-
}
|
|
375
374
|
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
375
|
+
&.is-visible {
|
|
376
|
+
opacity: 1;
|
|
377
|
+
transform: translateX(0);
|
|
378
|
+
}
|
|
379
379
|
}
|
|
380
380
|
|
|
381
381
|
@utility reveal-right {
|
|
@@ -384,11 +384,11 @@
|
|
|
384
384
|
transition:
|
|
385
385
|
opacity 0.6s ease-out,
|
|
386
386
|
transform 0.6s ease-out;
|
|
387
|
-
}
|
|
388
387
|
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
388
|
+
&.is-visible {
|
|
389
|
+
opacity: 1;
|
|
390
|
+
transform: translateX(0);
|
|
391
|
+
}
|
|
392
392
|
}
|
|
393
393
|
|
|
394
394
|
@utility reveal-zoom {
|
|
@@ -397,11 +397,11 @@
|
|
|
397
397
|
transition:
|
|
398
398
|
opacity 0.6s ease-out,
|
|
399
399
|
transform 0.6s ease-out;
|
|
400
|
-
}
|
|
401
400
|
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
401
|
+
&.is-visible {
|
|
402
|
+
opacity: 1;
|
|
403
|
+
transform: scale(1);
|
|
404
|
+
}
|
|
405
405
|
}
|
|
406
406
|
|
|
407
407
|
@utility shake {
|
package/dist/css/typography.css
CHANGED
|
@@ -266,6 +266,7 @@
|
|
|
266
266
|
|
|
267
267
|
.truncate-lines-2 {
|
|
268
268
|
display: -webkit-box;
|
|
269
|
+
line-clamp: 2;
|
|
269
270
|
-webkit-line-clamp: 2;
|
|
270
271
|
-webkit-box-orient: vertical;
|
|
271
272
|
overflow: hidden;
|
|
@@ -273,6 +274,7 @@
|
|
|
273
274
|
|
|
274
275
|
.truncate-lines-3 {
|
|
275
276
|
display: -webkit-box;
|
|
277
|
+
line-clamp: 3;
|
|
276
278
|
-webkit-line-clamp: 3;
|
|
277
279
|
-webkit-box-orient: vertical;
|
|
278
280
|
overflow: hidden;
|
|
@@ -280,6 +282,7 @@
|
|
|
280
282
|
|
|
281
283
|
.truncate-lines-4 {
|
|
282
284
|
display: -webkit-box;
|
|
285
|
+
line-clamp: 4;
|
|
283
286
|
-webkit-line-clamp: 4;
|
|
284
287
|
-webkit-box-orient: vertical;
|
|
285
288
|
overflow: hidden;
|
|
@@ -288,4 +291,4 @@
|
|
|
288
291
|
.prose-narrow { max-width: 45ch; }
|
|
289
292
|
.prose-normal { max-width: 65ch; }
|
|
290
293
|
.prose-wide { max-width: 80ch; }
|
|
291
|
-
}
|
|
294
|
+
}
|