Improved image lazy loader

2017-06-24 17:38:10 +02:00
parent 873be1849f
commit c6694aef8c
7 changed files with 24 additions and 24 deletions
--- a/styles/grid.scarlet
+++ b/styles/grid.scarlet
@ -32,6 +32,7 @@ mixin grid-image
 	height 100%
 	border-radius 3px
 	object-fit cover
+	default-transition

 mixin grid-icon
 	font-size 2.5rem
--- a/styles/images.scarlet
+++ b/styles/images.scarlet
@ -0,0 +1,11 @@
+.lazy
+	visibility hidden
+	opacity 0
+
+.image-found
+	visibility visible
+	opacity 1 !important
+
+.image-not-found
+	visibility hidden
+	opacity 0 !important
--- a/styles/user.scarlet
+++ b/styles/user.scarlet
@ -4,13 +4,6 @@
 	height avatar-size
 	border-radius 100%
 	object-fit cover
-	opacity 0
 	default-transition
 	:hover
-		box-shadow outline-shadow-heavy
-
-.user-image-found
-	opacity 1 !important
-
-.user-image-not-found
-	opacity 0 !important
+		box-shadow outline-shadow-heavy