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,89 @@
+// Main Base
+
+.app-main {
+  z-index: 8;
+  position: relative;
+  display: flex;
+
+  .app-main__outer {
+    flex: 1;
+    flex-direction: column;
+    display: flex;
+    z-index: 12;
+    width: 1px;
+  }
+
+  .app-main__inner {
+    padding: $grid-gutter-width $grid-gutter-width 0;
+    flex: 1;
+
+    & > .RRT__container {
+      & > .RRT__panel {
+        margin-top: $grid-gutter-width;
+      }
+
+      & > .body-tabs-layout {
+        .RRT__tab {
+          margin-top: (-($layout-spacer-x / 3));
+        }
+      }
+    }
+  }
+}
+
+// Alternate Section Tabs
+
+.body-tabs-shadow-btn {
+
+  .app-main__inner {
+    & > .RRT__container {
+      & > .RRT__panel {
+        margin-top: ($grid-gutter-width / 1.5);
+      }
+
+      .body-tabs-layout {
+        border: 0;
+        background: transparent;
+        position: relative;
+        z-index: 7;
+
+        .RRT__showmore {
+          margin-top: -13px;
+        }
+
+        .RRT__tab {
+          margin-top: $nav-link-padding-y;
+        }
+
+        .RRT__tab--selected {
+          color: $white;
+        }
+
+        & + .RRT__inkbar-wrapper {
+          position: absolute;
+          top: ($nav-link-padding-y * 2.2);
+          z-index: 5;
+
+          .RRT__inkbar {
+            height: 35px;
+            margin-top: 0;
+            @include border-radius($border-radius);
+            box-shadow:
+                    0 16px 26px -10px rgba($primary, 0.56),
+                    0 4px 25px 0px rgba(0, 0, 0, 0.12),
+                    0 8px 10px -5px rgba($primary, 0.2);
+          }
+        }
+      }
+    }
+  }
+
+
+}
+
+// Themes
+
+@import "themes/main-white";
+@import "themes/main-gray";
+//@import "themes/main-inverted-blue";
+//@import "themes/main-inverted-black";
@@ -0,0 +1,84 @@
+// Theme Gray
+
+// Variables
+
+$app-container-bg: #ffffff;
+$app-sidebar-bg: #ffffff;
+$app-header-bg: #f8f9fa;
+$app-header-logo-bg: rgba(0, 0, 0, .03);
+
+// Content
+
+.app-theme-gray {
+
+  &.app-container {
+    background: $app-container-bg;
+  }
+
+  .app-sidebar {
+    background: $app-sidebar-bg;
+    border-right: $gray-300 solid 1px;
+  }
+
+  .app-page-title {
+    background: rgba(0, 0, 0, .03);
+  }
+
+  .app-footer,
+  .app-header {
+    background: $app-header-bg;
+  }
+
+  .app-footer {
+    border-top: $gray-300 solid 1px;
+  }
+
+  .app-header {
+    .app-header__logo {
+      border-right: rgba(0, 0, 0, .1) solid 1px;
+    }
+  }
+
+  &.fixed-header {
+    .app-header__logo {
+      background: $app-header-logo-bg;
+    }
+  }
+
+  .card {
+    border-width: 1px;
+  }
+
+  .main-card {
+    box-shadow: 0 0 0 0 transparent !important;
+
+    & > .card-body {
+
+      & > .card-title {
+        text-transform: none;
+        font-size: $font-size-lg;
+        font-weight: normal;
+        border-bottom: $gray-300 solid 1px;
+        position: relative;
+        padding: 0 0 ($card-spacer-y * 1.5);
+        margin: 0 0 ($card-spacer-y * 1.5);
+
+        &::before {
+          position: absolute;
+          width: 40px;
+          background: $primary;
+          @include border-radius(30px);
+          height: 5px;
+          left: 0;
+          bottom: -2px;
+          content: "";
+        }
+      }
+    }
+  }
+
+  .app-inner-layout__sidebar {
+    border-left: 0 !important;
+  }
+
+}
@@ -0,0 +1,37 @@
+// Theme White
+
+// Variables
+
+$app-container-bg: #f1f4f6;
+$app-sidebar-bg: #ffffff;
+$app-header-bg: #fafbfc;
+$app-header-logo-bg: rgba(255, 255, 255, .9);
+
+// Content
+
+.app-theme-white {
+
+  &.app-container {
+    background: $app-container-bg;
+  }
+
+  .app-sidebar {
+    background: $app-sidebar-bg;
+  }
+
+  .app-page-title {
+    background: rgba(255, 255, 255, .55);
+  }
+
+  .app-footer .app-footer__inner,
+  .app-header {
+    background: $app-header-bg;
+  }
+
+  &.fixed-header {
+    .app-header__logo {
+      background: rgba($app-header-bg, .1);
+    }
+  }
+
+}