lshcomment 1.0.0

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

@@ -0,0 +1,72 @@
+.table-outline {
+    border: 1px solid $table-border-color;
+    td {
+        vertical-align: middle;
+    }
+}
+
+.table-align-middle {
+    td {
+        vertical-align: middle;
+    }
+}
+
+.table-clear {
+    td {
+        border: 0;
+    }
+}
+
+.table-scrollable {
+    width: 100%;
+    overflow-x: auto;
+    overflow-y: hidden;
+    border: 1px solid #dddddd;
+    margin: 10px 0;
+    &.table-scrollable-borderless {
+        border: 0;
+    }
+    >.table {
+        width: 100% !important;
+        margin: 0 !important;
+        margin-bottom: 0;
+        background-color: #fff;
+        >thead>tr>th,
+        >tbody>tr>th,
+        >tfoot>tr>th,
+        >tfoot>tr>th,
+        >tfoot>tr>td {
+            white-space: nowrap;
+        }
+    }
+    >.table-bordered {
+        border: 0;
+        >thead>tr>th {
+            border-top: 0;
+        }
+        >thead>tr>th:first-child,
+        >tbody>tr>th:first-child,
+        >tfoot>tr>th:first-child,
+        >thead>tr>td:first-child,
+        >tbody>tr>td:first-child,
+        >tfoot>tr>td:first-child {
+            border-left: 0;
+        }
+        >thead>tr>th:last-child,
+        >tbody>tr>th:last-child,
+        >tfoot>tr>th:last-child,
+        >thead>tr>td:last-child,
+        >tbody>tr>td:last-child,
+        >tfoot>tr>td:last-child {
+            border-right: 0;
+        }
+        >thead>tr:last-child>th,
+        >tbody>tr:last-child>th,
+        >tfoot>tr:last-child>th,
+        >thead>tr:last-child>td,
+        >tbody>tr:last-child>td,
+        >tfoot>tr:last-child>td {
+            border-bottom: 0;
+        }
+    }
+}

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

@@ -0,0 +1,47 @@
+.pagination-datatables, .pagination {
+  li {
+    @extend .page-item;
+
+    a {
+      @extend .page-link;
+    }
+  }
+}
+
+.label-pill {
+  border-radius: 1rem !important;
+}
+
+// temp fix for Vue-Strap
+
+// Open state for the dropdown
+.open, .show {
+  // Show the menu
+  > .dropdown-menu {
+    display: block;
+  }
+
+  // Remove the outline when :focus is triggered
+  > a {
+    outline: 0;
+  }
+}
+
+//
+.modal-open .modal {
+  display: block;
+}
+
+// navbar dropdown fix
+.navbar .dropdown-toggle {
+  @extend .nav-link;
+
+  .img-avatar {
+    height: $navbar-height - 20px;
+    margin: 0 10px;
+  }
+}
+
+.card-block {
+  @extend .card-body;
+}

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

@@ -0,0 +1,36 @@
+body {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+.font-xs {
+  font-size: .75rem !important;
+}
+
+.font-sm {
+  font-size: .85rem !important;
+}
+
+.font-lg {
+  font-size: 1rem !important;
+}
+
+.font-xl {
+  font-size: 1.25rem !important;
+}
+
+.font-2xl {
+  font-size: 1.5rem !important;
+}
+
+.font-3xl {
+  font-size: 1.75rem !important;
+}
+
+.font-4xl {
+  font-size: 2rem !important;
+}
+
+.font-5xl {
+  font-size: 2.5rem !important;
+}

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

@@ -0,0 +1,3 @@
+@import "utilities/background";
+@import "utilities/borders";
+@import "utilities/display";

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

@@ -0,0 +1,174 @@
+// Core Admin Variables
+
+$enable-sidebar-nav-rounded:          false !default;
+
+$border-color:                        $gray-200 !default;
+$layout-transition-speed:             .25s !default;
+
+// Social Colors
+
+$facebook:                            #3b5998 !default;
+$twitter:                             #00aced !default;
+$linkedin:                            #4875b4 !default;
+$google-plus:                         #d34836 !default;
+$flickr:                              #ff0084 !default;
+$tumblr:                              #32506d !default;
+$xing:                                #026466 !default;
+$github:                              #4183c4 !default;
+$html5:                               #e34f26 !default;
+$openid:                              #f78c40 !default;
+$stack-overflow:                      #fe7a15 !default;
+$youtube:                             #b00 !default;
+$css3:                                #0170ba !default;
+$dribbble:                            #ea4c89 !default;
+$google-plus:                         #bb4b39 !default;
+$instagram:                           #517fa4 !default;
+$pinterest:                           #cb2027 !default;
+$vk:                                  #45668e !default;
+$yahoo:                               #400191 !default;
+$behance:                             #1769ff !default;
+$dropbox:                             #007ee5 !default;
+$reddit:                              #ff4500 !default;
+$spotify:                             #7ab800 !default;
+$vine:                                #00bf8f !default;
+$foursquare:                          #1073af !default;
+$vimeo:                               #aad450 !default;
+
+// Navbar
+
+$navbar-height:                       55px !default;
+$navbar-bg:                           #fff !default;
+$navbar-border: (
+  bottom: (
+    size:                             1px,
+    style:                            solid,
+    color:                            $border-color
+  )
+)  !default;
+$navbar-brand-width:                  155px !default;
+$navbar-brand-bg:                     #fff !default;
+$navbar-brand-logo:                   url('') !default;
+$navbar-brand-logo-size:              70px auto !default;
+$navbar-brand-border: (
+  bottom: (
+    size:                             1px,
+    style:                            solid,
+    color:                            $border-color
+  )
+) !default;
+
+$navbar-color:                        $gray-600 !default;
+$navbar-hover-color:                  $gray-800 !default;
+$navbar-active-color:                 $gray-800 !default;
+$navbar-disabled-color:               $gray-300 !default;
+
+// Sidebar
+
+$sidebar-width:                       200px !default;
+$sidebar-padding:                     0 !default;
+$sidebar-minimized-width:             50px !default;
+$sidebar-minimized-height:            $sidebar-minimized-width !default;
+$sidebar-compact-width:               150px !default;
+$sidebar-compact-height:              $sidebar-compact-width !default;
+$sidebar-color:                       #fff !default;
+$sidebar-bg:                          $gray-800 !default;
+$sidebar-header-bg:                   rgba(0,0,0,.2) !default;
+$sidebar-footer-bg:                   rgba(0,0,0,.2) !default;
+$sidebar-borders:                     none !default;
+$mobile-sidebar-width:                220px !default;
+
+// Sidebar Navigation
+
+$sidebar-nav-color:                   #fff !default;
+$sidebar-nav-title-padding-y:         .75rem !default;
+$sidebar-nav-title-padding-x:         1rem !default;
+$sidebar-nav-title-color:             $gray-200 !default;
+$sidebar-nav-link-padding-y:          .75rem !default;
+$sidebar-nav-link-padding-x:          1rem !default;
+$sidebar-nav-link-color:              #fff !default;
+$sidebar-nav-link-bg:                 transparent !default;
+$sidebar-nav-link-icon-color:         $text-muted !default;
+$sidebar-nav-link-borders:            0 !default;
+
+$sidebar-nav-link-hover-color:        #fff !default;
+$sidebar-nav-link-hover-bg:           theme-color("primary") !default;
+$sidebar-nav-link-hover-icon-color:   #fff !default;
+$sidebar-nav-link-hover-borders:      0 !default;
+
+$sidebar-nav-link-active-color:       #fff !default;
+$sidebar-nav-link-active-bg:          lighten($sidebar-bg, 5%) !default;
+$sidebar-nav-link-active-icon-color:  theme-color("primary") !default;
+$sidebar-nav-link-active-borders:     0 !default;
+
+$sidebar-nav-dropdown-color:          #fff !default;
+$sidebar-nav-dropdown-bg:             rgba(0,0,0,.2) !default;
+$sidebar-nav-dropdown-borders:        0 !default;
+
+// Top Navigation
+
+$top-nav-bg:                          #fff !default;
+$top-nav-color:                       $body-color !default;
+$top-nav-borders: (
+  bottom: (
+    size:                             1px,
+    style:                            solid,
+    color:                            $border-color
+  )
+) !default;
+$top-nav-ul-borders: (
+  all: (
+    size:                             1px,
+    style:                            solid,
+    color:                            $border-color
+  )
+) !default;
+
+$top-nav-hover-color:                 #fff !default;
+$top-nav-hover-bg:                    theme-color("primary") !default;
+$top-nav-active-color:                #fff !default;
+$top-nav-active-bg:                   theme-color("primary") !default;
+$top-nav-height:                      $navbar-height - 15px !default;
+
+// Breadcrumb
+
+$breadcrumb-borders: (
+  bottom: (
+    size:                             1px,
+    style:                            solid,
+    color:                            $border-color
+  )
+) !default;
+
+// Aside
+
+$aside-menu-width:                    250px !default;
+$aside-menu-color:                    $gray-800 !default;
+$aside-menu-bg:                       #fff !default;
+$aside-menu-borders: (
+  left: (
+    size:                             1px,
+    style:                            solid,
+    color:                            $border-color
+  )
+) !default;
+
+$aside-menu-nav-padding-y:            .75rem !default;
+$aside-menu-nav-padding-x:            1rem !default;
+
+// Footer
+
+$footer-height:                       50px !default;
+$footer-bg:                           $gray-100 !default;
+$footer-color:                        $body-color !default;
+$footer-borders: (
+  top: (
+    size:                             1px,
+    style:                            solid,
+    color:                            $border-color
+  )
+) !default;
+
+// Cards
+
+$card-icon-bg:                        transparent !default;
+$card-icon-color:                     $body-color !default;

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

@@ -0,0 +1,253 @@
+// .social-box
+.social-box {
+  min-height: 160px;
+  margin-bottom: 2 * $card-spacer-y;
+  text-align: center;
+  background: #fff;
+  border: $card-border-width solid $card-border-color;
+  @include border-radius($card-border-radius);
+
+  i {
+    display: block;
+    margin: -1px -1px 0;
+    font-size: 40px;
+    line-height: 90px;
+    background: $gray-200;
+
+    @include border-radius($card-border-radius $card-border-radius 0 0);
+  }
+
+  .chart-wrapper {
+    height: 90px;
+    margin: -90px 0 0;
+
+    canvas {
+      width: 100% !important;
+      height: 90px !important;
+    }
+  }
+
+  ul {
+    padding: 10px 0;
+    list-style: none;
+
+
+    li {
+      display: block;
+      float: left;
+      width: 50%;
+
+      &:first-child {
+        border-right: 1px solid $border-color;
+      }
+
+      strong {
+        display: block;
+        font-size: 20px;
+      }
+
+      span {
+        font-size: 10px;
+        font-weight: 500;
+        color: $border-color;
+        text-transform: uppercase;
+      }
+    }
+  }
+
+  &.facebook {
+    i {
+      color: #fff;
+      background: $facebook;
+    }
+  }
+
+  &.twitter {
+    i {
+      color: #fff;
+      background: $twitter;
+    }
+  }
+
+  &.linkedin {
+    i {
+      color: #fff;
+      background: $linkedin;
+    }
+  }
+
+  &.google-plus {
+    i {
+      color: #fff;
+      background: $google-plus;
+    }
+  }
+}
+
+.horizontal-bars {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+
+  li {
+    position: relative;
+    height: 40px;
+    line-height: 40px;
+    vertical-align: middle;
+
+    .title {
+      width: 100px;
+      font-size: 12px;
+      font-weight: 600;
+      color: $text-muted;
+      vertical-align: middle;
+    }
+
+    .bars {
+      position: absolute;
+      top: 15px;
+      width: 100%;
+      padding-left: 100px;
+
+      .progress:first-child {
+        margin-bottom: 2px;
+      }
+    }
+
+    &.legend {
+      text-align: center;
+
+      .badge {
+        display: inline-block;
+        width: 8px;
+        height: 8px;
+        padding: 0;
+      }
+    }
+
+    &.divider {
+      height: 40px;
+
+      i {
+        margin: 0 !important;
+      }
+    }
+  }
+
+  &.type-2 {
+
+    li {
+      overflow: hidden;
+
+      i {
+        display: inline-block;
+        margin-right: $spacer;
+        margin-left: 5px;
+        font-size: 18px;
+        line-height: 40px;
+      }
+
+      .title {
+        display: inline-block;
+        width: auto;
+        margin-top: -9px;
+        font-size: $font-size-base;
+        font-weight: normal;
+        line-height: 40px;
+        color: $body-color;
+      }
+
+      .value {
+        float: right;
+        font-weight: 600;
+      }
+
+      .bars {
+        position: absolute;
+        top: auto;
+        bottom: 0;
+        padding: 0;
+      }
+    }
+  }
+}
+
+.icons-list {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+
+  li {
+    position: relative;
+    height: 40px;
+    vertical-align: middle;
+
+    i {
+      display: block;
+      float: left;
+      width: 35px !important;
+      height: 35px !important;
+      margin: 2px;
+      line-height: 35px !important;
+      text-align: center;
+    }
+
+    .desc {
+      height: 40px;
+      margin-left: 50px;
+      border-bottom: 1px solid $border-color;
+
+      .title {
+        padding: 2px 0 0;
+        margin: 0;
+      }
+      small {
+        display: block;
+        margin-top: -4px;
+        color: $text-muted;
+      }
+    }
+
+    .value {
+      position: absolute;
+      top: 2px;
+      right: 45px;
+      text-align: right;
+
+      strong {
+        display: block;
+        margin-top: -3px;
+      }
+    }
+
+    .actions {
+      position: absolute;
+      top: -4px;
+      right: 10px;
+      width: 40px;
+      height: 40px;
+      line-height: 40px;
+      text-align: center;
+
+      i {
+        float: none;
+        width: auto;
+        height: auto;
+        padding: 0;
+        margin: 0;
+        line-height: normal;
+      }
+    }
+
+    &.divider {
+      height: 40px;
+
+      i {
+        width: auto;
+        height: auto;
+        margin: 2px 0 0;
+        font-size: 18px;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,40 @@
+// Import core styles
+@import "variables";
+@import "mixins";
+// Additional typography
+@import "typography";
+// Animations
+@import "animate";
+// Components
+@import "aside";
+@import "avatars";
+@import "badge";
+@import "breadcrumb-menu";
+@import "breadcrumb";
+@import "buttons";
+@import "callout";
+@import "card";
+@import "charts";
+@import "dropdown";
+@import "footer";
+@import "grid";
+@import "input";
+@import "input-group";
+@import "loading";
+@import "modal";
+@import "nav";
+@import "navbar";
+@import "progress";
+@import "sidebar";
+@import "switches";
+@import "tables";
+@import "widgets";
+// Layout Options
+@import "layout";
+@import "others";
+// Utility classes
+@import "utilities";
+// Temporary fixes
+@import "temp";
+// Right-to-left
+@import "rtl";

package/src/assets/css/core/utilities/_background.scss

@@ -0,0 +1,8 @@
+.bg-primary,
+.bg-success,
+.bg-info,
+.bg-warning,
+.bg-danger,
+.bg-inverse {
+  color: #fff;
+}

package/src/assets/css/core/utilities/_borders.scss

@@ -0,0 +1,18 @@
+//border
+@each $prop, $abbrev in (border: b) {
+  @each $size in (0,1,2) {
+    @if $size == 0 {
+      .#{$abbrev}-a-#{$size} { #{$prop}:        0 !important; } // a = All sides
+      .#{$abbrev}-t-#{$size} { #{$prop}-top:    0 !important; }
+      .#{$abbrev}-r-#{$size} { #{$prop}-right:  0 !important; }
+      .#{$abbrev}-b-#{$size} { #{$prop}-bottom: 0 !important; }
+      .#{$abbrev}-l-#{$size} { #{$prop}-left:   0 !important; }
+    } @else {
+      .#{$abbrev}-a-#{$size} { #{$prop}:        $size * $border-width solid $border-color !important; } // a = All sides
+      .#{$abbrev}-t-#{$size} { #{$prop}-top:    $size * $border-width solid $border-color !important; }
+      .#{$abbrev}-r-#{$size} { #{$prop}-right:  $size * $border-width solid $border-color !important; }
+      .#{$abbrev}-b-#{$size} { #{$prop}-bottom: $size * $border-width solid $border-color !important; }
+      .#{$abbrev}-l-#{$size} { #{$prop}-left:   $size * $border-width solid $border-color !important; }
+    }
+  }
+}

package/src/assets/css/core/utilities/_display.scss

@@ -0,0 +1,18 @@
+//
+// Utilities for common `display` values
+//
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-down($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .d#{$infix}-down-none         { display: none !important; }
+    // .d#{$infix}-inline       { display: inline !important; }
+    // .d#{$infix}-inline-block { display: inline-block !important; }
+    // .d#{$infix}-block        { display: block !important; }
+    // .d#{$infix}-table        { display: table !important; }
+    // .d#{$infix}-table-cell   { display: table-cell !important; }
+    // .d#{$infix}-flex         { display: flex !important; }
+    // .d#{$infix}-inline-flex  { display: inline-flex !important; }
+  }
+}