Initial

resources/app/public/less2/layouts/480.less

@@ -0,0 +1,40 @@
+@media (max-width: 480px) {
+
+  :root {
+
+    // Font Sizing
+    --font-size-10: .5rem;      // 8px
+    --font-size-11: .625rem;    // 10px
+    --font-size-12: .625rem;    // 10px
+    --font-size-13: .75rem;     // 12px
+    --font-size-14: .75rem;     // 12px
+    --font-size-15: .875rem;    // 14px
+    --font-size-16: .875rem;    // 14px
+    --font-size-18: 1rem;       // 16px
+    --font-size-20: 1.125rem;   // 18px
+    --font-size-24: 1.25rem;    // 20px
+    --font-size-28: 1.5rem;     // 24px
+    --font-size-32: 1.75rem;    // 28px
+    --font-size-36: 2rem;       // 32px
+    --font-size-48: 2.25rem;    // 36px
+    --font-size-64: 2.5rem;     // 40px
+    --font-size-80: 3rem;       // 48px
+  }
+
+  /* ---------------------------------------- */
+  /*  classes.less                            */
+  /* ---------------------------------------- */
+
+  #notifications {
+    --position-top: 0.5rem;
+  }
+
+  /* ---------------------------------------- */
+  /*  views/auth.less                         */
+  /* ---------------------------------------- */
+
+  body.auth {
+    --header-size: 100px;
+    --form-padding: 1rem;
+  }
+}