@substrate-system/blur-hash 0.0.15 → 0.0.17
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/README.md +1 -1
- package/dist/style.css +2 -2
- package/dist/style.min.css +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -228,7 +228,7 @@ __CSS variables__
|
|
|
228
228
|
* `--blur-hash-time` -- the transition time for animating blurry -> sharp,
|
|
229
229
|
default is `0.8s`
|
|
230
230
|
* `--blur-hash-opactiy` -- the opacity to use for the placeholder image,
|
|
231
|
-
default is `0.
|
|
231
|
+
default is `0.4`
|
|
232
232
|
|
|
233
233
|
## Create the blur-hash string
|
|
234
234
|
|
package/dist/style.css
CHANGED
|
@@ -11,7 +11,7 @@ blur-hash canvas {
|
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
blur-hash img {
|
|
14
|
-
transition: opacity 0.
|
|
14
|
+
transition: opacity var(--blur-hash-time, 0.8s);
|
|
15
15
|
object-fit: cover;
|
|
16
16
|
}
|
|
17
17
|
|
|
@@ -34,4 +34,4 @@ blur-hash img {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxnQkFBZ0I7SUFDaEIsY0FBYztBQXVCbEI7O0FBckJJO1FBQ0ksK0NBQStDO1FBQy9DLHNDQUFzQztRQUN0QyxZQUFZO1FBQ1osV0FBVztJQUNmOztBQUVBO1FBQ0ksK0NBQStDO1FBQy9DLGlCQUFpQjtJQVdyQjs7QUFUSTtZQUNJLHNDQUFzQztZQUN0QyxrQkFBa0I7UUFDdEI7O0FBRUE7WUFDSSxVQUFVO1lBQ1YsbURBQW1EO1FBQ3ZEOztBQUlSO0lBQ0k7UUFDSSxrQkFBa0I7SUFDdEI7SUFDQTtRQUNJO0lBQ0o7QUFDSiIsImZpbGUiOiJzcmMvaW5kZXguY3NzIiwic291cmNlc0NvbnRlbnQiOlsiYmx1ci1oYXNoIHtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuXG4gICAgJiBjYW52YXMge1xuICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IHZhcigtLWJsdXItaGFzaC10aW1lLCAwLjhzKTtcbiAgICAgICAgb3BhY2l0eTogdmFyKC0tYmx1ci1oYXNoLW9wYWNpdHksIDAuNCk7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuXG4gICAgJiBpbWcge1xuICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IHZhcigtLWJsdXItaGFzaC10aW1lLCAwLjhzKTtcbiAgICAgICAgb2JqZWN0LWZpdDogY292ZXI7XG5cbiAgICAgICAgJi5ibHVycnkge1xuICAgICAgICAgICAgb3BhY2l0eTogdmFyKC0tYmx1ci1oYXNoLW9wYWNpdHksIDAuNCk7XG4gICAgICAgICAgICBmaWx0ZXI6IGJsdXIoMzBweCk7XG4gICAgICAgIH1cblxuICAgICAgICAmLnNoYXJwIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgICAgICBhbmltYXRpb246IHNoYXJwZW4gdmFyKC0tYmx1ci1oYXNoLXRpbWUsIDAuOHMpIGJvdGg7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBrZXlmcmFtZXMgc2hhcnBlbiB7XG4gICAgZnJvbSB7XG4gICAgICAgIGZpbHRlcjogYmx1cigzMHB4KTtcbiAgICB9XG4gICAgdG8ge1xuICAgICAgICBmaWx0ZXI6IGJsdXIoMHB4KVxuICAgIH1cbn1cbiJdfQ== */
|
package/dist/style.min.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
blur-hash{display:block;overflow:hidden}blur-hash canvas{height:100%;opacity:var(--blur-hash-opacity,.4);transition:opacity var(--blur-hash-time,.8s)
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
blur-hash{display:block;overflow:hidden}blur-hash canvas{height:100%;opacity:var(--blur-hash-opacity,.4);width:100%}blur-hash canvas,blur-hash img{transition:opacity var(--blur-hash-time,.8s)}blur-hash img{object-fit:cover}.blurry:is(blur-hash img){filter:blur(30px);opacity:var(--blur-hash-opacity,.4)}.sharp:is(blur-hash img){animation:sharpen var(--blur-hash-time,.8s) both;opacity:1}@keyframes sharpen{0%{filter:blur(30px)}to{filter:blur(0)}}
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFFSSxhQUFjLENBRGQsZUF3QkosQ0FyQkksaUJBR0ksV0FBWSxDQURaLG1DQUFzQyxDQUV0QyxVQUNKLENBRUEsK0JBTkksNENBbUJKLENBYkEsY0FFSSxnQkFXSixDQVRJLDBCQUVJLGlCQUFrQixDQURsQixtQ0FFSixDQUVBLHlCQUVJLGdEQUFtRCxDQURuRCxTQUVKLENBSVIsbUJBQ0ksR0FDSSxpQkFDSixDQUNBLEdBQ0ksY0FDSixDQUNKIiwiZmlsZSI6InNyYy9pbmRleC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJibHVyLWhhc2gge1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgZGlzcGxheTogYmxvY2s7XG5cbiAgICAmIGNhbnZhcyB7XG4gICAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgdmFyKC0tYmx1ci1oYXNoLXRpbWUsIDAuOHMpO1xuICAgICAgICBvcGFjaXR5OiB2YXIoLS1ibHVyLWhhc2gtb3BhY2l0eSwgMC40KTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAmIGltZyB7XG4gICAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgdmFyKC0tYmx1ci1oYXNoLXRpbWUsIDAuOHMpO1xuICAgICAgICBvYmplY3QtZml0OiBjb3ZlcjtcblxuICAgICAgICAmLmJsdXJyeSB7XG4gICAgICAgICAgICBvcGFjaXR5OiB2YXIoLS1ibHVyLWhhc2gtb3BhY2l0eSwgMC40KTtcbiAgICAgICAgICAgIGZpbHRlcjogYmx1cigzMHB4KTtcbiAgICAgICAgfVxuXG4gICAgICAgICYuc2hhcnAge1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgIGFuaW1hdGlvbjogc2hhcnBlbiB2YXIoLS1ibHVyLWhhc2gtdGltZSwgMC44cykgYm90aDtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuQGtleWZyYW1lcyBzaGFycGVuIHtcbiAgICBmcm9tIHtcbiAgICAgICAgZmlsdGVyOiBibHVyKDMwcHgpO1xuICAgIH1cbiAgICB0byB7XG4gICAgICAgIGZpbHRlcjogYmx1cigwcHgpXG4gICAgfVxufVxuIl19 */
|