lshcomment 1.0.0

package/src/assets/css/core/_navbar.scss

@@ -0,0 +1,106 @@
+.app-header.navbar {
+  position: relative;
+  flex-direction: row;
+  height: $navbar-height;
+  padding: 0;
+  margin: 0;
+  background-color: $navbar-bg;
+  @include borders($navbar-border);
+
+  .navbar-brand {
+    display: inline-block;
+    height: $navbar-height;
+    padding: $navbar-padding-y $navbar-padding-x;
+    margin-right: 0;
+    background-color: $navbar-brand-bg;
+    background-image: $navbar-brand-logo;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: $navbar-brand-logo-size;
+    @include borders($navbar-brand-border);
+  }
+
+  .navbar-toggler {
+    color: $navbar-color;
+  }
+
+  .navbar-nav {
+    flex-direction: row;
+    align-items: center;
+  }
+
+  .nav-item {
+    position: relative;
+    min-width: 50px;
+    //margin: 0 !important;
+    text-align: center;
+
+    button {
+      margin: 0 auto;
+    }
+
+    .nav-link {
+      padding-top: 0;
+      padding-bottom: 0;
+      background: 0;
+      border: 0;
+      margin-top: 18px;
+
+      .badge {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        margin-top: -16px;
+        margin-left: 0;
+      }
+
+      > .img-avatar {
+        height: $navbar-height - 20px;
+        margin: 0 10px;
+      }
+    }
+  }
+
+  .dropdown-menu {
+    padding-bottom: 0;
+    line-height: $line-height-base;
+  }
+
+  .dropdown-item {
+    min-width: 180px;
+  }
+  .fs20{
+      font-size: 20px;
+  }
+}
+
+.navbar-brand {
+  color: $navbar-active-color;
+
+  @include hover-focus {
+    color: $navbar-active-color;
+  }
+}
+
+.navbar-nav {
+  .nav-link {
+    color: $navbar-color;
+
+    @include hover-focus {
+      color: $navbar-hover-color;
+    }
+  }
+
+  .open > .nav-link,
+  .active > .nav-link,
+  .nav-link.open,
+  .nav-link.active {
+    @include plain-hover-focus {
+      color: $navbar-active-color;
+    }
+  }
+}
+
+.navbar-divider {
+  background-color: rgba(0,0,0,.075);
+}

package/src/assets/css/core/_others.scss

@@ -0,0 +1,4 @@
+// scss-lint:disable QualifyingElement
+hr.transparent {
+  border-top: 1px solid transparent;
+}

package/src/assets/css/core/_progress.scss

@@ -0,0 +1,15 @@
+.progress-xs {
+  height: 4px;
+}
+
+.progress-sm {
+  height: 8px;
+}
+
+// White progress bar
+.progress-white {
+  background-color: rgba(255,255,255,.2) !important;
+  .progress-bar {
+    background-color: #fff;
+  }
+}

package/src/assets/css/core/_rtl.scss

@@ -0,0 +1,267 @@
+//
+// RTL Support
+//
+// scss-lint:disable NestingDepth, SelectorDepth
+*[dir="rtl"] {
+  direction: rtl;
+  unicode-bidi: embed;
+
+  ul {
+    -webkit-padding-start: 0;
+  }
+
+  table tr th {
+    text-align: right;
+  }
+
+  // Breadcrumb
+
+  .breadcrumb-item {
+    float: right;
+  }
+
+  .breadcrumb-menu {
+    right: auto;
+    left: $breadcrumb-padding-x;
+  }
+
+  // Dropdown
+  .dropdown-item {
+    text-align: right;
+
+    i {
+      margin-right: -10px;
+      margin-left: 10px;
+    }
+
+    .badge {
+      right: auto;
+      left: 10px;
+    }
+  }
+
+  //
+  // Sidebar
+  //
+  .sidebar-hidden {
+
+    .sidebar {
+      margin-right: - $sidebar-width;
+    }
+  }
+
+  .sidebar-fixed {
+
+    .main, .app-footer {
+      margin-right: $sidebar-width;
+    }
+
+    &.sidebar-hidden {
+
+      .main, .app-footer {
+        margin-right: 0;
+      }
+    }
+  }
+
+  .sidebar-minimized {
+    .sidebar {
+      flex: 0 0 $sidebar-minimized-width;
+    }
+
+    &.sidebar-hidden {
+
+      .sidebar {
+        margin-left: - $sidebar-minimized-width;
+      }
+    }
+
+    &.sidebar-fixed {
+
+      .main, .app-footer {
+        margin-left: $sidebar-minimized-width;
+      }
+
+      &.sidebar-hidden {
+
+        .main, .app-footer {
+          margin-left: 0;
+        }
+      }
+    }
+  }
+
+  //
+  // Aside Menu
+  //
+  .aside-menu-hidden {
+
+    .aside-menu {
+      // margin-right: 0;
+      margin-left: - $aside-menu-width;
+    }
+  }
+
+  .aside-menu-fixed {
+
+    .aside-menu {
+      right: auto;
+      left: 0;
+    }
+
+    .main, .app-footer {
+      //margin-right: 0;
+      margin-left: $aside-menu-width;
+    }
+
+    &.aside-menu-hidden {
+
+      .main, .app-footer {
+        margin-left: 0;
+      }
+    }
+  }
+
+  .aside-menu-off-canvas {
+    .aside-menu {
+      position: fixed;
+      right: 0;
+      z-index: $zindex-sticky - 1;
+      height: 100%;
+
+      .tab-content {
+        height: calc(100vh - #{$aside-menu-nav-padding-y * 2 + $font-size-base} - #{$navbar-height});
+      }
+    }
+  }
+
+  // Sidebar Menu
+  .sidebar {
+    .sidebar-nav {
+      direction: ltr;
+      * {
+        direction: rtl;
+      }
+      .nav {
+        .nav-item {
+          .nav-link {
+            [class^="icon-"], [class*=" icon-"] {
+              margin-right: -4px;
+            }
+            .badge {
+              float: left;
+              margin-top: 2px;
+              // margin-left: 10px;
+            }
+            &.nav-dropdown-toggle {
+              &::before {
+                position: absolute;
+                right: auto !important;
+                left: $sidebar-nav-link-padding-x;
+              }
+            }
+          }
+          &.nav-dropdown {
+            &.open {
+              > .nav-link.nav-dropdown-toggle::before {
+                transform: rotate(90deg);
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  // Horizontal bars
+  .horizontal-bars {
+
+    li {
+
+      .bars {
+        padding-right: 100px;
+        padding-left: 0;
+
+        .progress:first-child {
+          margin-bottom: 2px;
+        }
+      }
+    }
+
+    &.type-2 {
+
+      li {
+
+        i {
+          margin-right: 5px;
+          margin-left: $spacer;
+        }
+
+        .value {
+          float: left;
+          font-weight: 600;
+        }
+
+        .bars {
+          padding: 0;
+        }
+      }
+    }
+  }
+
+  // Icon list
+  .icons-list {
+
+    li {
+      position: relative;
+      height: 40px;
+      vertical-align: middle;
+
+      i {
+        float: right;
+      }
+
+      .desc {
+        margin-right: 50px;
+        margin-left: 0;
+      }
+
+      .value {
+        right: auto;
+        left: 45px;
+        text-align: left;
+
+        strong {
+          display: block;
+          margin-top: -3px;
+        }
+      }
+
+      .actions {
+        right: auto;
+        left: 10px;
+      }
+    }
+  }
+
+  // Callouts
+  .callout {
+    border: 0 solid $border-color;
+    border-right-width: .25rem;
+
+    .chart-wrapper {
+      left: 0;
+      float: left;
+    }
+  }
+
+  .callout-default {
+    border-right-color: $text-muted;
+  }
+
+  @each $color, $value in $theme-colors {
+    &.callout-#{$color} {
+      border-right-color: $value;
+    }
+  }
+}