Initial

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

@@ -0,0 +1,34 @@
+@media (max-width: 1440px) {
+  body {
+    &.setup { height: unset; }
+    &.auth { min-height: 100vh; }
+  }
+
+  #setup {
+    display: unset;
+    overflow: unset;
+    margin: 2rem 0;
+  }
+
+  #setup-packages {
+    max-width: unset;
+  }
+
+  #setup-sidebar {
+    width: 100%;
+    flex-direction: row;
+    justify-content: center;
+    margin: 1rem auto 0;
+    container: unset;
+
+    #setup-sidebar-news,
+    #setup-sidebar-featured {
+      flex: 0 0 400px;
+    }
+
+    #news-articles {
+      position: unset;
+      .news { flex: 0 0 100px; }
+    }
+  }
+}

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;
+  }
+}

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

@@ -0,0 +1,5 @@
+@media (max-width: 720px) {
+  #setup-packages .tabs .tab-icon + .tab-title {
+    display: none;
+  }
+}

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

@@ -0,0 +1,16 @@
+@media (max-width: 960px) {
+  #setup-packages .tabs h2.divider {
+    &::before, &::after { content: unset; }
+  }
+
+  #setup-sidebar {
+    flex-direction: column;
+  }
+
+  .tour-center-step { top: 1rem; }
+}
+
+@media (max-height: 960px) {
+  #main-header { --header-size: 80px; }
+  .tour-center-step { top: 1rem; }
+}

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

@@ -0,0 +1,52 @@
+
+/* ---------------------------------------- */
+/*  Body Container                          */
+/* ---------------------------------------- */
+
+body {
+  overflow: hidden auto;
+  margin: 0;
+  padding: 1rem;
+  background: black;
+  font-family: var(--font-body);
+  font-size: var(--font-size-15);
+  color: var(--color-light-3);
+}
+
+#main-background {
+  position: fixed;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: var(--background-url) no-repeat;
+  background-size: cover;
+  background-attachment: fixed;
+  opacity: 0.5;
+  z-index: var(--z-index-background);
+}
+
+/* ----------------------------------------- */
+/*  Scrollbar                                */
+/* ----------------------------------------- */
+
+// Chrome and Edge
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+::-webkit-scrollbar-track {
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb {
+  outline: 1px solid transparent;
+  border-radius: 2px;
+  background: var(--color-scrollbar);
+  border: 1px solid var(--color-scrollbar-border);
+}
+
+// Firefox
+* {
+  scrollbar-width: thin;
+  scrollbar-color: var(--color-scrollbar) var(--color-scrollbar-track);
+}