@open-rlb/ng-bootstrap 2.2.17

package/assets/scss/app.scss

@@ -0,0 +1,113 @@
+
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";
+@import "variables";
+@import "variables-dark";
+@import "bootstrap/scss/bootstrap";
+
+@import "custom/components/root";
+@import "custom/components/reboot";
+@import "custom/components/badge";
+@import "custom/components/buttons";
+@import "custom/components/breadcrumb";
+@import "custom/components/card";
+@import "custom/components/dropdown";
+@import "custom/components/nav";
+@import "custom/components/table";
+@import "custom/components/pagination";
+@import "custom/components/progress";
+@import "custom/components/carousel";
+
+//Fonts
+@import "custom/fonts/fonts";
+
+//Core files
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";
+@import "variables";
+@import "variables-dark";
+@import "bootstrap/scss/mixins";
+
+// Structure
+@import "custom/structure/general";
+@import "custom/structure/topbar";
+@import "custom/structure/page-head";
+@import "custom/structure/footer";
+@import "custom/structure/right-sidebar";
+@import "custom/structure/vertical";
+@import "custom/structure/horizontal-nav";
+@import "custom/structure/layouts";
+@import "rlb/app-layout.scss";
+@import "rlb/file-dnd.scss";
+@import "rlb/navbar.scss";
+@import "rlb/avatar";
+@import "rlb/chat.scss";
+
+// Components
+@import "custom/components/waves";
+@import "custom/components/avatar";
+@import "custom/components/accordion";
+@import "custom/components/helper";
+@import "custom/components/preloader";
+@import "custom/components/forms";
+@import "custom/components/widgets";
+@import "custom/components/demos";
+@import "custom/components/print";
+
+// Plugins
+@import "custom/plugins/custom-scrollbar";
+@import "custom/plugins/calendar";
+@import "custom/plugins/calendar-full";
+@import "custom/plugins/dragula";
+@import "custom/plugins/session-timeout";
+@import "custom/plugins/range-slider";
+@import "custom/plugins/sweatalert2";
+@import "custom/plugins/rating";
+@import "custom/plugins/toastr";
+@import "custom/plugins/parsley";
+@import "custom/plugins/select2";
+
+@import "custom/plugins/switch";
+@import "custom/plugins/colorpicker";
+@import "custom/plugins/timepicker";
+@import "custom/plugins/datepicker";
+@import "custom/plugins/bootstrap-touchspin";
+@import "custom/plugins/form-editors";
+@import "custom/plugins/form-upload";
+@import "custom/plugins/form-wizard";
+@import "custom/plugins/datatable";
+@import "custom/plugins/responsive-table";
+@import "custom/plugins/table-editable";
+@import "custom/plugins/apexcharts";
+@import "custom/plugins/echarts";
+@import "custom/plugins/flot";
+@import "custom/plugins/sparkline-chart";
+@import "custom/plugins/google-map";
+@import "custom/plugins/vector-maps";
+@import "custom/plugins/leaflet-maps";
+
+// Pages
+@import "custom/pages/authentication";
+@import "custom/pages/ecommerce";
+@import "custom/pages/email";
+@import "custom/pages/file-manager";
+@import "custom/pages/chat";
+@import "custom/pages/projects";
+@import "custom/pages/contacts";
+@import "custom/pages/crypto";
+@import "custom/pages/coming-soon";
+@import "custom/pages/timeline";
+@import "custom/pages/extras-pages";
+@import "custom/pages/jobs";
+
+@import "./custom";
+
+// rtl
+// @import "custom/rtl/general-rtl";
+// @import "custom/rtl/spacing-rtl";
+// @import "custom/rtl/float-rtl";
+// @import "custom/rtl/text-rtl";
+// @import "custom/rtl/structure-rtl";
+// @import "custom/rtl/plugins-rtl";
+// @import "custom/rtl/bootstrap-rtl";
+// @import "custom/rtl/components-rtl";

package/assets/scss/custom/components/_accordion.scss

@@ -0,0 +1,128 @@
+//
+// accordion.scss
+//
+
+.custom-accordion {
+    .accordion-list {
+
+        .accor-plus-icon {
+            display: inline-block;
+            font-size: 16px;
+            height: 24px;
+            width: 24px;
+            line-height: 22px;
+            background-color: var(--#{$prefix}secondary-bg);
+            text-align: center;
+            border-radius: 50%;
+        }
+    }
+
+    .card {
+        box-shadow: none;
+        margin-bottom: 10px;
+
+        .card-header {
+            display: flex;
+            background-color: var(--#{$prefix}tertiary-bg);
+            padding: 12px 20px;
+            color: var(--#{$prefix}body-color);
+            font-weight: $font-weight-semibold;
+            align-items: center;
+            justify-content: space-between;
+
+            .panel-title {
+                width: 100%;
+
+                .btn-link {
+                    padding: 0;
+                    font-weight: $font-weight-semibold;
+                    text-decoration: none;
+                    color: var(--#{$prefix}body-color);
+
+                    &:focus {
+                        box-shadow: none;
+                    }
+                }
+            }
+
+            &.collapsed {
+                i.accor-plus-icon {
+                    &:before {
+                        content: "\F0415";
+                    }
+                }
+            }
+        }
+
+    }
+
+
+    a {
+
+        &.collapsed {
+            i.accor-down-icon {
+                &:before {
+                    content: "\F0140";
+                }
+            }
+        }
+    }
+
+
+    .card-body {
+        color: var(--#{prefix}secondary-color);
+    }
+}
+
+
+.panel-group {
+    .card {
+        box-shadow: none;
+        margin-bottom: 0;
+
+        .card-header {
+            display: flex;
+            padding: 12px 20px;
+            color: var(--#{$prefix}body-color);
+            font-weight: $font-weight-semibold;
+            align-items: center;
+            justify-content: space-between;
+            border-color: var(--#{$prefix}border-color);
+
+            .panel-title {
+                width: 100%;
+
+                .btn-link {
+                    padding: 0;
+                    font-weight: $font-weight-semibold;
+                    text-decoration: none;
+                    color: var(--#{$prefix}body-color);
+
+                    &:focus {
+                        box-shadow: none;
+                    }
+                }
+            }
+
+            &.collapsed {
+                i.accor-plus-icon {
+                    &:before {
+                        content: "\F0415";
+                    }
+                }
+            }
+        }
+    }
+}
+
+.panel {
+    &.accordion-item {
+        &.panel-open {
+            .card-header {
+                background-color: var(--#{$prefix}tertiary-bg) !important;
+            }
+        }
+
+    }
+
+}

package/assets/scss/custom/components/_avatar.scss

@@ -0,0 +1,56 @@
+//
+// avatar.scss
+//
+
+.avatar-xs {
+  height: 2rem;
+  width: 2rem;
+}
+
+.avatar-sm {
+  height: 3rem;
+  width: 3rem;
+}
+
+.avatar-md {
+  height: 4.5rem;
+  width: 4.5rem;
+}
+
+.avatar-lg {
+  height: 6rem;
+  width: 6rem;
+}
+
+.avatar-xl {
+  height: 7.5rem;
+  width: 7.5rem;
+}
+
+.avatar-title {
+  align-items: center;
+  background-color: $primary;
+  color: $white;
+  display: flex;
+  font-weight: $font-weight-medium;
+  height: 100%;
+  justify-content: center;
+  width: 100%;
+}
+
+// avatar group
+.avatar-group {
+  padding-left: 12px;
+  display: flex;
+  flex-wrap: wrap;
+  .avatar-group-item {
+    margin-left: -12px;
+    border: 2px solid var(--#{$prefix}secondary-bg);
+    border-radius: 50%;
+    transition: all 0.2s;
+    &:hover{
+      position: relative;
+      transform: translateY(-2px);
+    }
+  }
+}

package/assets/scss/custom/components/_badge.scss

@@ -0,0 +1,70 @@
+// 
+// _badge.scss
+// 
+
+
+.badge {
+  &[href] {
+    &:hover,
+    &:focus {
+      color: var(--#{$prefix}secondary-bg);
+    }
+  }
+}
+
+// Soft badge
+@mixin badge-variant-soft($bg) {
+  color: $bg;
+  background-color: rgba($bg, 0.18);
+
+  &[href] {
+    &:hover,
+    &:focus {
+      color: $bg;
+      text-decoration: none;
+      background-color: rgba($bg, 0.4);
+    }
+  }
+}
+
+@each $color, $value in $theme-colors {
+  .badge {
+  &.bg-#{$color} {
+    &[href] {
+      &:hover,
+      &:focus {
+        background-color: darken($value, 4%) !important;
+      }
+    }
+  }
+}
+
+.badge{
+  &.bg-light{
+    color: var(--#{$prefix}body-color);
+
+    &[href] {
+      &:hover,
+      &:focus {
+        color: var(--#{$prefix}body-color);
+      }
+    }
+  }
+}
+
+.badge-soft-#{$color} {
+      @include badge-variant-soft($value);
+  }
+  
+}
+
+.rounded-pill{
+   padding-right: .6em;
+    padding-left: .6em;
+}
+
+// Dark badge
+
+.badge.bg-dark{
+  color: var(--#{$prefix}light);
+}

package/assets/scss/custom/components/_breadcrumb.scss

@@ -0,0 +1,18 @@
+
+// 
+// breadcrumb.scss
+//
+
+
+// Breadcrumb item arrow
+.breadcrumb-item {
+    > a {
+        color: var(--#{$prefix}emphasis-color);
+    }
+    +.breadcrumb-item {
+        &::before {
+            font-family: "Material Design Icons";
+        }
+    }
+}
+  

package/assets/scss/custom/components/_buttons.scss

@@ -0,0 +1,120 @@
+//
+// _buttons.scss
+//
+
+button,
+a {
+    outline: none !important;
+}
+
+// Rounded Buttons
+.btn-rounded {
+    border-radius: 30px;
+}
+
+.btn {
+    &:focus {
+        box-shadow: $btn-focus-box-shadow;
+    }
+}
+
+// example 1
+
+.btn-group-example {
+    .btn {
+        position: relative;
+
+        &:first-child {
+            &::before {
+                display: none;
+            }
+        }
+
+        &:before {
+            content: "OR";
+            position: absolute;
+            font-size: 10px;
+            width: 24px;
+            height: 24px;
+            line-height: 24px;
+            border-radius: 50%;
+            background-color: var(--#{$prefix}secondary-color);
+            color: var(--#{$prefix}secondary-bg);
+            border: 1px solid var(--#{$prefix}secondary-bg);
+            left: -12px;
+            top: 50%;
+            transform: translateY(-50%);
+            z-index: 1;
+        }
+    }
+}
+
+// Example 2
+
+.btn-label {
+    position: relative;
+    padding-left: 44px;
+    .label-icon {
+        position: absolute;
+        width: 32px;
+        height: 100%;
+        left: 0;
+        top: 0;
+        background-color: rgba($white, 0.1);
+        border-right: 1px solid rgba($white, 0.1);
+        font-size: 16px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    &.btn-light {
+        .label-icon {
+            background-color: rgba($dark, 0.1);
+            border-right: 1px solid rgba($dark, 0.2);
+        }
+    }
+}
+
+
+.btn-group-vertical{
+    label {
+        margin-bottom: 0px;
+    }
+}
+
+
+//
+// Soft Buttons
+// 
+
+@mixin button-variant-soft($bg) {
+    color: $bg;
+    background-color: rgba($bg, 0.1);
+    border-color: transparent;
+    transition: all 0.5s ease;
+    &:hover,
+    &:focus,
+    &:active {
+        color: $white;
+        background-color: $bg;
+        border-color: transparent;
+    }
+}
+
+@each $color,
+$value in $theme-colors {
+    .btn-soft-#{$color} {
+        @include button-variant-soft($value);
+    }
+}
+
+.like-btn {
+    &.active {
+        .bx-heart {
+            color: $danger;
+            &:before {
+                content: "\ec8f";
+            }
+        }
+    }
+}

package/assets/scss/custom/components/_card.scss

@@ -0,0 +1,24 @@
+// 
+// _card.scss
+// 
+
+.card {
+  margin-bottom: $grid-gutter-width;
+  box-shadow: $box-shadow;
+}
+
+.card-drop {
+  color: var(--#{$prefix}body-color);
+}
+
+.card-title {
+  font-size: 15px;
+  margin: 0 0 7px 0;
+  font-weight: $font-weight-semibold;
+  color: var(--#{$prefix}emphasis-color);
+}
+
+.card-title-desc {
+  color: var(--#{$prefix}secondary-color);
+  margin-bottom: 24px;
+}

package/assets/scss/custom/components/_carousel.scss

@@ -0,0 +1,4 @@
+// _carousel.scss
+.carousel-inner{
+  height: 100% !important;
+}

package/assets/scss/custom/components/_demos.scss

@@ -0,0 +1,116 @@
+// 
+// _demos.scss
+// 
+
+// Lightbox 
+
+.mfp-popup-form {
+  max-width: 1140px;
+}
+
+.mfp-close {
+  color: var(--#{$prefix}body-color) !important;
+}
+
+// Modals
+
+.bs-example-modal {
+  position: relative;
+  top: auto;
+  right: auto;
+  bottom: auto;
+  left: auto;
+  z-index: 1;
+  display: block;
+}
+
+[dir="rtl"] {
+  .modal-open {
+    padding-left: 0px !important;
+  }
+}
+
+// Icon demo ( Demo only )
+.icon-demo-content {
+  text-align: center;
+  color: $gray-500;
+
+  i {
+    display: block;
+    font-size: 24px;
+    margin-bottom: 16px;
+    color: #74788d;
+    transition: all 0.4s;
+  }
+
+  .col-lg-4 {
+    margin-top: 24px;
+
+    &:hover {
+      i {
+        color: $primary;
+        transform: scale(1.5);
+      }
+    }
+  }
+}
+
+
+// Grid
+
+.grid-structure {
+  .grid-container {
+    background-color: var(--#{$prefix}gray-100);
+    margin-top: 10px;
+    font-size: .8rem;
+    font-weight: $font-weight-medium;
+    padding: 10px 20px;
+  }
+}
+
+
+// card radio
+
+.card-radio {
+  background-color: var(--#{$prefix}secondary-bg);
+  border: 2px solid var(--#{$prefix}border-color);
+  border-radius: var(--#{$prefix}border-radius);
+  padding: 1rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+
+  &:hover {
+    cursor: pointer;
+  }
+}
+
+.card-radio-label {
+  display: block;
+}
+
+
+.card-radio-input {
+  display: none;
+
+  &:checked+.card-radio {
+    border-color: $primary !important;
+  }
+}
+
+.navs-carousel {
+  .owl-nav {
+    margin-top: 16px;
+
+    button {
+      width: 30px;
+      height: 30px;
+      line-height: 28px !important;
+      font-size: 20px !important;
+      border-radius: 50% !important;
+      background-color: rgba($primary, 0.25) !important;
+      color: $primary !important;
+      margin: 4px 8px !important;
+    }
+  }
+}