vbax-becky_thatcher 0.1.0

data/lib/vbax/sass/becky_thatcher/custom/_pills.scss

@@ -0,0 +1,169 @@
+.nav-pills {
+
+  &.flex-column li > a {
+    margin-bottom: 15px;
+  }
+
+  &.nav-pills:not(.flex-column) .nav-item:not(:last-child) .nav-link {
+    margin-right: 10px;
+    margin-bottom: 5px;
+  }
+
+  &:not(.nav-pills-icons):not(.nav-pills-just-icons) .nav-item .nav-link {
+    border-radius: $btn-round-radius;
+  }
+
+  &.nav-pills-just-icons .nav-item .nav-link {
+    border-radius: 50%;
+    height: 80px;
+    max-width: 80px;
+    min-width: auto;
+    padding: 0;
+    width: 80px;
+
+    .tim-icons {
+      font-size: 24px;
+      line-height: 80px;
+    }
+  }
+
+    .nav-item {
+        .nav-link{
+            padding: 0 15.5px;
+            text-align: center;
+            padding: $padding-btn-vertical $padding-round-horizontal;
+            min-width: 100px;
+            font-weight: $font-weight-normal;
+            color: rgba($white,0.5);
+            background-color: darken($black,5%);
+
+
+            &:hover{
+                background-color: darken($black,10%);
+            }
+
+            &.active{
+                &,
+                &:focus,
+                &:hover{
+                    background-color: $dark-gray;
+                    color: $white;
+                    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
+                }
+            }
+
+            &.disabled,
+            &:disabled,
+            &[disabled]{
+                opacity: .5;
+            }
+        }
+
+        i{
+            display: block;
+            font-size: 24px;
+            line-height: 60px;
+        }
+    }
+
+    &.nav-pills-neutral{
+        .nav-item {
+            .nav-link{
+                background-color: $opacity-2;
+                color: $white;
+
+                &.active{
+                    &,
+                    &:focus,
+                    &:hover{
+                        background-color: $white;
+                        color: $primary;
+                    }
+                }
+            }
+        }
+    }
+
+    &.nav-pills-primary{
+        .nav-item {
+            .nav-link.active{
+                &,
+                &:focus,
+                &:hover{
+                  @include diagonal-gradient($primary, $primary-states);
+                }
+            }
+        }
+    }
+
+    &.nav-pills-info{
+        .nav-item {
+            .nav-link.active{
+                &,
+                &:focus,
+                &:hover{
+                    @include diagonal-gradient($info, $info-states);
+                }
+            }
+        }
+    }
+
+    &.nav-pills-success{
+        .nav-item {
+            .nav-link.active{
+                &,
+                &:focus,
+                &:hover{
+                    @include diagonal-gradient($success, $success-states);
+                }
+            }
+        }
+    }
+
+    &.nav-pills-warning{
+        .nav-item {
+            .nav-link.active{
+                &,
+                &:focus,
+                &:hover{
+                    @include diagonal-gradient($warning, $warning-states);
+                }
+            }
+        }
+    }
+
+    &.nav-pills-danger{
+        .nav-item {
+            .nav-link.active{
+                &,
+                &:focus,
+                &:hover{
+                    @include diagonal-gradient($danger, $danger-states);
+                }
+            }
+        }
+    }
+}
+.tab-space{
+    padding: 20px 0 50px 0px;
+}
+
+.tab-content{
+    &.tab-subcategories{
+        margin-top: 20px;
+        background-color: $transparent-bg;
+        padding-left: 15px;
+        padding-right: 15px;
+    }
+    .tab-pane{
+      color: rgba($white,0.5);
+    }
+}
+
+.nav-align-center{
+    text-align: center;
+
+    .nav-pills{
+        display: inline-flex;
+    }
+}

data/lib/vbax/sass/becky_thatcher/custom/_popover.scss

@@ -0,0 +1,14 @@
+.popover {
+  border: 0;
+}
+
+.popover-header {
+	font-weight: $font-weight-bold;
+}
+
+// Alternative colors
+@each $color, $value in $theme-colors {
+    .popover-#{$color} {
+        @include popover-variant($value);
+    }
+}

data/lib/vbax/sass/becky_thatcher/custom/_progress.scss

@@ -0,0 +1,103 @@
+// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
+.progress-container{
+    position: relative;
+
+    &.progress-sm {
+      margin-top: 10px;
+
+      .progress {
+        .progress-value{
+          position: absolute;
+          top: -3px;
+          left: -27px;
+          color: $white;
+          font-size: $font-size-xs;
+        }
+      }
+    }
+
+    & + .progress-container,
+    & ~ .progress-container{
+        margin-top: $margin-base-vertical;
+    }
+    .progress-badge{
+        color: $white;
+        font-size: $font-size-sm;
+        text-transform: uppercase;
+
+        &.float-left{
+          margin-right: 20px;
+        }
+
+    }
+
+    .progress {
+      margin-bottom: 10px;
+      box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
+
+        .progress-bar {
+          border-radius:$border-radius-xl;
+          box-shadow: none;
+          background: $default;
+
+          .progress-value{
+            position: absolute;
+            top: 2px;
+            right: 0;
+            color: $white;
+            font-size: $font-size-xs;
+          }
+        }
+
+        &.progress-bar-sm{
+          height: 3px;
+        }
+    }
+
+    &.progress-neutral{
+        .progress{
+            background: rgba(255, 255, 255, .3);
+        }
+
+        .progress-bar{
+            background: $white;
+        }
+    }
+
+    &.progress-primary{
+      .progress-bar{
+        @include diagonal-gradient($primary-states, $primary);
+      }
+    }
+
+    &.progress-info{
+      .progress-bar{
+        @include diagonal-gradient($info-states, $info);
+      }
+    }
+
+    &.progress-success{
+      .progress-bar{
+        @include diagonal-gradient($success-states, $success);
+      }
+    }
+
+    &.progress-warning{
+      .progress-bar{
+        @include diagonal-gradient($warning-states, $warning);
+      }
+    }
+
+    &.progress-danger{
+      .progress-bar{
+        @include diagonal-gradient($danger-states, $danger);
+      }
+    }
+}
+
+.card-chart {
+  .progress-container+.progress-container,
+  .progress-container~.progress-container {
+    margin-top: 25px;
+  }
+}

data/lib/vbax/sass/becky_thatcher/custom/_reboot.scss

@@ -0,0 +1,18 @@
+body {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+iframe {
+    border: 0;
+}
+
+figcaption,
+figure,
+main {
+    display: block;
+}
+
+main {
+	overflow: hidden;
+}

data/lib/vbax/sass/becky_thatcher/custom/_rtl.scss

@@ -0,0 +1,268 @@
+.rtl {
+  .sidebar,
+  .bootstrap-navbar {
+    right: 0;
+    left: auto;
+    margin-right: 20px;
+    margin-left: 0;
+
+    .nav{
+        i{
+          float: right;
+          margin-left: 15px;
+          margin-right: 0;
+        }
+
+        p{
+          margin-right: 45px;
+          text-align: right;
+        }
+
+        .caret{
+          left: 11px;
+          right: auto;
+        }
+    }
+
+    .logo{
+        a.logo-mini{
+          float: right;
+          margin-right: 20px;
+          margin-left: 10px;
+        }
+
+        .simple-text{
+          text-align: right;
+        }
+    }
+
+    .sidebar-wrapper .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-mini-icon,
+    .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-mini-icon{
+      float: right;
+      margin-left: 15px;
+      margin-right: 0;
+    }
+
+    .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
+    .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal{
+      text-align: right;
+    }
+
+    &:before{
+      right: 30px;
+      left: auto;
+    }
+  }
+
+  .main-panel{
+    position: fixed;
+    height: 100%;
+    overflow-y: scroll;
+    overflow-x: hidden;
+  }
+
+  .main-panel .content{
+    padding: 110px 300px 20px 50px
+  }
+
+  .dropdown-toggle:after{
+    margin-right: .255em;
+    margin-left: 0;
+  }
+
+  .dropdown-menu.dropdown-menu-right.dropdown-navbar{
+    right: -220px !important;
+    left: auto;
+
+    &:before{
+      right: auto;
+      left: 35px;
+    }
+  }
+
+  .notification{
+    left: 40px;
+    right: auto;
+  }
+
+  .dropdown-menu{
+    right: auto;
+    left: 0;
+  }
+
+  .card-timeline .timeline .timeline-footer .btn{
+    margin-left: 0;
+    margin-right: auto;
+  }
+
+  .navbar-minimize-fixed{
+    margin-right: 38px;
+    margin-left: auto;
+  }
+
+  .minimize-sidebar{
+    float: right;
+  }
+
+  .alert{
+    left: 0;
+    margin-left: 0;
+    margin-right: 0;
+      button.close{
+        left: 10px !important;
+        right: auto !important;
+      }
+
+      span[data-notify="icon"]{
+        right: 15px;
+        left: auto;
+      }
+
+
+
+      &.alert-with-icon{
+        padding-right: 65px;
+        padding-left: 15px;
+      }
+
+      &.alert-with-icon i[data-notify="icon"]{
+        right: 15px;
+        left: auto;
+      }
+  }
+
+  .search-bar{
+    margin-left: 0;
+  }
+
+  .modal-search .modal-header .close{
+    margin-right: auto;
+    left: 10px;
+  }
+
+  .rtl .footer{
+    padding: 24px 30px !important;
+  }
+
+  .ps__rail-y {
+    right: auto !important;
+    left: 0;
+  }
+
+  .card.card-timeline {
+    .timeline .timeline-footer{
+      .btn.dropdown-toggle {
+        i {
+          left: 0 !important;
+        }
+
+        &:after {
+          margin-left: 5px !important;
+        }
+      }
+    }
+  }
+
+  .fixed-plugin .dropdown-menu{
+    right: 80px;
+  }
+}
+
+
+
+@include media-breakpoint-up(xl) {
+  .rtl{
+    &.sidebar-mini .main-panel .content {
+      padding-right: 130px;
+      padding-left: 50px;
+    }
+
+    &.sidebar-mini footer {
+      padding-right: 130px;
+      padding-left: 50px;
+    }
+
+    .navbar-minimize button {
+      margin-right: -5px;
+    }
+
+    .footer {
+      padding: 24px 300px 24px 0;
+    }
+  }
+}
+
+@include media-breakpoint-down(lg) {
+
+  .rtl .sidebar {
+    margin-right: 0;
+  }
+
+  .rtl .main-panel .content{
+    padding-right: 50px;
+  }
+}
+
+@include media-breakpoint-down(md) {
+    .rtl .main-panel .content {
+      padding-right: 50px;
+    }
+
+    .rtl #bodyClick {
+      right: 260px;
+      left: auto;
+    }
+
+    .rtl .navbar .navbar-toggle .navbar-toggler {
+        display: block;
+        margin-right: 20px;
+    }
+
+    .rtl .navbar {
+      .navbar-nav {
+        padding-right: 0;
+        a.nav-link {
+          text-align: right;
+          p{
+            margin-right: 7px;
+          }
+        }
+
+        .btn {
+          margin-right: 0;
+          padding: 0;
+          i{
+            margin-left: 4px;
+            margin-right: 5px;
+          }
+        }
+
+        .search-bar span{
+          margin-right: 10px;
+        }
+      }
+    }
+    .nav-open {
+      body {
+        position: fixed;
+      }
+    }
+  }
+
+
+@include media-breakpoint-down(sm) {
+  .rtl {
+    .main-panel .content {
+      padding-left: 15px;
+      padding-right: 15px;
+    }
+  }
+}
+
+
+@include media-breakpoint-down(xs) {
+
+.rtl .navbar .dropdown-menu {
+    width: 200px !important;
+  }
+}