at the end of the day, it was inevitable

2022-12-09 08:36:26 -06:00
commit 1218570914
1768 changed files with 887087 additions and 0 deletions
@@ -0,0 +1,34 @@
+// Fixed Header
+
+.fixed-footer {
+  .app-footer {
+    position: fixed;
+    width: 100%;
+    bottom: 0;
+    left: 0;
+    z-index: 7;
+
+    .app-footer__inner {
+      margin-inline-start: $app-sidebar-width;
+      box-shadow: 0.3rem -0.46875rem 2.1875rem rgba(darken($primary, 50%), .02),
+      0.3rem -0.9375rem 1.40625rem rgba(darken($primary, 50%), .02),
+      0.3rem -0.25rem 0.53125rem rgba(darken($primary, 50%), .04),
+      0.3rem -0.125rem 0.1875rem rgba(darken($primary, 50%), .02);
+
+    }
+  }
+
+  .app-main .app-main__outer {
+    // padding-bottom: $app-header-height;
+    padding-bottom: 20px;
+  }
+
+  &.closed-sidebar {
+    .app-footer {
+      .app-footer__inner {
+        margin-inline-start: $app-sidebar-width-collapsed !important;
+      }
+    }
+  }
+
+}
@@ -0,0 +1,70 @@
+// Footer base
+
+.app-footer {
+  height: $app-header-height;
+
+  .app-footer__inner {
+    padding: 0 $layout-spacer-x 0 ($layout-spacer-x / 2);
+    height: $app-header-height;
+    transition: all .2s;
+
+    display: flex;
+    align-content: center;
+    align-items: center;
+
+    .app-footer-left {
+      display: flex;
+      align-items: center;
+    }
+
+    .app-footer-right {
+      margin-inline-start: auto;
+      display: flex;
+    }
+  }
+}
+
+// Footer Dots Section
+
+.footer-dots {
+  display: flex;
+  align-items: center;
+  align-content: center;
+
+  .dots-separator {
+    height: 40px;
+    margin: 0 ($layout-spacer-x / 2.5);
+    width: 1px;
+    background: $gray-200;
+  }
+}
+
+.dot-btn-wrapper {
+  padding: .5rem;
+  position: relative;
+  display: flex;
+  opacity: .7;
+  transition: opacity .2s;
+
+  .badge-abs {
+    right: 50%;
+
+    &.badge-dot-sm {
+      top: -2px;
+      margin-inline-end: -3px;
+    }
+  }
+
+  .dot-btn-icon {
+    font-size: 1.8rem;
+  }
+
+  &:hover {
+    text-decoration: none;
+    opacity: 1;
+  }
+}
+
+// Footer Modifiers
+
+@import "fixed-footer";