Lazy loader loading indicator

2017-01-27 08:15:59 +13:00
parent 0adfd9cd23
commit 598dd9f0b0
15 changed files with 67 additions and 33 deletions
--- a/src/scss/components/_loader.scss
+++ b/src/scss/components/_loader.scss
@ -0,0 +1,24 @@
+
+.lazy-loader {
+	padding: 20px 0 40px;
+
+	.loader {
+		@include animate();
+		opacity: 0;
+		margin: 0 auto;
+		width: 30px;
+		height: 30px;
+		border: {
+			radius: 100%;
+			style: solid;
+			color: $mid_grey;
+			width: 2px;
+		}
+		border-top-color: transparent;
+	}
+
+	&.loading .loader {
+		@include spin();
+		opacity: 1;
+	}
+}