loading icon responsive position styles

thisissoon · Feb 6, 2015 · 13316aa · 13316aa
1 parent 93bf1ed
commit 13316aa
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 0 deletions.
diff --git a/app/less/main.less b/app/less/main.less
@@ -81,6 +81,7 @@
     @import "tablet/modules/project-hero.less";
     @import "tablet/modules/project-images.less";
     @import "tablet/modules/project-list.less";
+    @import "tablet/modules/loading.less";
 }
 
 /**
@@ -96,4 +97,5 @@
     @import "mobile/modules/project-hero.less";
     @import "mobile/modules/project-images.less";
     @import "mobile/modules/project-list.less";
+    @import "mobile/modules/loading.less";
 }
diff --git a/app/less/mobile/modules/loading.less b/app/less/mobile/modules/loading.less
@@ -0,0 +1,12 @@
+/**
+ *  @class          loading
+ *  @author         SOON_
+ *  @description    Loading screen to appear when changing views
+ */
+ .loading {
+    .loading-icon {
+        left: 40px;
+        height: 45px;
+        top: 20px;
+    }
+ }
diff --git a/app/less/tablet/modules/loading.less b/app/less/tablet/modules/loading.less
@@ -0,0 +1,12 @@
+/**
+ *  @class          loading
+ *  @author         SOON_
+ *  @description    Loading screen to appear when changing views
+ */
+ .loading {
+    .loading-icon {
+        left: 40px;
+        height: 45px;
+        top: 20px;
+    }
+ }