first commit

2022-05-31 16:21:53 -04:00
commit f76abffdcd
5978 changed files with 1078901 additions and 0 deletions
@@ -0,0 +1,69 @@
+/* ------------------------------------------------------------------------------
+ *
+ *  # Boxed layout
+ *
+ *  Styles for main structure of content area in boxed layout
+ *
+ * ---------------------------------------------------------------------------- */
+
+// Check if component is enabled
+@if $enable-boxed {
+
+    // Class for body, adds background color/image
+    .layout-boxed-bg {
+        background: $boxed-bg; // mainly for demo, use whatever you want
+    }
+    
+    // Boxed layout base
+    .layout-boxed {
+        @include box-shadow($boxed-container-box-shadow);
+
+        // Sizing
+        &,
+        > .navbar {
+            @include media-breakpoint-up(lg) {
+                width: map-get($grid-breakpoints, "lg");
+                margin-left: auto;
+                margin-right: auto;
+            }
+            @include media-breakpoint-up(xl) {
+                width: map-get($grid-breakpoints, "xl");
+            }
+        }
+
+        // Page container
+        .page-content {
+            background-color: $body-bg;
+        }
+    }
+
+    // Boxed content section
+    .content-boxed {
+        @include media-breakpoint-up(lg) {
+            &:not(.navbar-collapse) {
+                margin-left: 6%;
+                margin-right: 6%;
+            }
+
+            // Inside navbar
+            .navbar > & {
+                > *:first-child {
+                    margin-left: 6%;
+                }
+                > *:last-child {
+                    margin-right: 6%;
+                }
+            }
+
+            // Inside breadcrumb line
+            .breadcrumb-line > & {
+                > *:first-child {
+                    margin-left: $content-container-padding-x;
+                }
+                > *:last-child {
+                    margin-right: $content-container-padding-x;
+                }
+            }
+        }
+    }
+}
@@ -0,0 +1,42 @@
+/* ------------------------------------------------------------------------------
+ *
+ *  # Main content layout
+ *
+ *  Styles for main structure of content area
+ *
+ * ---------------------------------------------------------------------------- */
+
+// Make sure document has 100% height
+html {
+    display: flex;
+    flex-direction: column;
+}
+
+// Document body
+body {
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+}
+
+// Main container
+.page-content {
+    display: flex;
+    flex-grow: 1;
+}
+
+// Content wrapper
+.content-wrapper {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    overflow: auto;
+}
+
+// Main content container
+.content {
+    padding: $content-container-padding-y $content-container-padding-x;
+    flex-grow: 1;
+    @include clearfix;
+}
@@ -0,0 +1,109 @@
+/* ------------------------------------------------------------------------------
+ *
+ *  # Page header
+ *
+ *  Page header components and color options
+ *
+ * ---------------------------------------------------------------------------- */
+
+// Page title
+.page-title {
+    padding: $page-header-padding-y 0;
+    position: relative;
+
+    // Subtitle
+    small {
+        display: inline-block;
+        margin-left: $element-spacer-x;
+
+        // Divider
+        &:before {
+            content: '/';
+            margin-right: ($element-spacer-x + 0.25rem);
+        }
+
+        // On a new line
+        &.d-block {
+            margin-left: 0;
+            
+            &:before {
+                content: none;
+            }
+        }
+    }
+
+    // Add left spacing to align with text
+    small.d-block,
+    .breadcrumb {
+        margin-left: ($icon-font-size + $element-spacer-x + 0.25rem);
+    }
+
+    // Remove margin from headings
+    h1, h2, h3, h4, h5, h6 {
+        margin: 0;
+    }
+}
+
+// Page header content
+.page-header-content {
+    position: relative;
+    padding: 0 $page-header-padding-x;
+
+    // With custom colored bottom border
+    &[class*=border-bottom-] + .breadcrumb-line {
+        border-top: 0;
+    }
+}
+
+
+//
+// Page header colors
+//
+
+// Light
+.page-header-light {
+    background-color: $page-header-light-bg;
+    border-bottom: $page-header-border-width solid $page-header-light-border-color;
+    
+    // Cover image
+    &.has-cover {
+        background: url(#{$img-path}/backgrounds/seamless.png); // feel free to change
+    }
+}
+
+// Dark
+.page-header-dark {
+    background-color: $page-header-dark-bg;
+    color: $page-header-dark-color;
+    margin-bottom: $spacer;
+
+    // Breadcrumbs
+    > .breadcrumb,
+    .page-header-content .breadcrumb {
+
+        // Links
+        > li > a,
+        > li + li:before {
+            color: rgba($page-header-dark-color, 0.9);
+        }
+
+        // Hovered links
+        > li > a {
+            @include hover-focus {
+                color: $page-header-dark-color;
+                opacity: 1;
+            }
+        }
+
+        // Active item
+        > .active {
+            color: rgba($page-header-dark-color, 0.5);
+        }
+    }
+    
+    // Cover image
+    &.has-cover {
+        background: url(#{$img-path}/login_cover.jpg); // feel free to change
+        background-size: cover;
+    }
+}