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,102 @@
+// Header Base
+
+.app-header {
+  height: $app-header-height;
+  display: flex;
+  align-items: center;
+  align-content: center;
+  position: relative;
+  z-index: 10;
+  transition: all .2s;
+
+  &.header-shadow {
+    box-shadow: $box-shadow-default;
+  }
+
+  .app-header__content {
+    display: flex;
+    align-items: center;
+    align-content: center;
+    flex: 1;
+    padding: 0 $layout-spacer-x;
+    height: $app-header-height;
+
+    .app-header-left {
+      display: flex;
+      align-items: center;
+    }
+
+    .app-header-right {
+      align-items: center;
+      display: flex;
+      margin-inline-start: auto;
+    }
+  }
+
+  .header-user-info {
+    & > .widget-heading,
+    & > .widget-subheading {
+      white-space: nowrap;
+    }
+
+    & > .widget-subheading {
+      font-size: $font-size-xs;
+    }
+  }
+}
+
+.app-header__logo {
+  padding: 0 $layout-spacer-x;
+  height: $app-header-height;
+  width: $app-sidebar-width;
+  display: flex;
+  align-items: center;
+  transition: width .2s;
+
+  .logo-src {
+    height: 39px;
+    width: 170px;
+    // height: $logo-height;
+    // width: $logo-width;
+    background: url(../images/logo/logo-small.png) no-repeat;
+    background-size: contain;
+  }
+}
+
+.app-header__menu,
+.app-header__mobile-menu {
+  display: none;
+  padding: 0 $layout-spacer-x;
+  height: $app-header-height;
+  align-items: center;
+}
+
+.user-profile {
+  background-color: $light;
+  color: $primary;
+  height: 44px;
+  width: 44px;
+  display: flex;
+  justify-content: center;
+  border-radius: 50%;
+  overflow: hidden;
+
+  &-icon {
+    font-size: 2rem;
+    align-self: flex-end;
+  }
+}
+
+// Header Modifiers
+
+@import "modifiers/fixed-header";
+@import "modifiers/header-dots";
+@import "modifiers/header-megamenu";
+@import "modifiers/header-buttons";
+//@import "modifiers/header-horizontal";
+
+// Header Themes
+
+@import "themes/header-light";
+@import "themes/header-dark";
+//@import "themes/header-inverted";