vbax-becky_thatcher 0.1.0

data/lib/vbax/sass/becky_thatcher/custom/_white-content.scss

@@ -0,0 +1,491 @@
+.white-content{
+
+  background: $light-bg;
+
+  .navbar.navbar-transparent .navbar-brand{
+    color: $black-states;
+  }
+
+  .navbar.navbar-transparent .navbar-toggler-bar{
+    background: $black-states;
+  }
+  .navbar.navbar-transparent .navbar-nav li a:not(.dropdown-item){
+      color: $black-states;
+      & i{
+        color: $black-states;
+      }
+  }
+
+  .navbar.navbar-transparent .navbar-minimize button i{
+    color: $black-states;
+  }
+
+  .navbar.navbar-transparent .search-bar.input-group i{
+    color: $black-states;
+  }
+  .navbar.navbar-transparent .search-bar.input-group .form-control{
+    color: $default;
+    &::placeholder{
+      color: $dark-gray;
+    }
+  }
+
+  .sidebar{
+    box-shadow: 0 2px 22px 0 rgba(0,0,0,.1), 0 4px 20px 0 rgba(0,0,0,.15);
+    p{
+      color: $opacity-8;
+    }
+  }
+
+  .main-panel{
+    background: $light-bg;
+  }
+
+  h1, h2, h3, h4, h5, h6, p, ol li, ul li, pre {
+    color: $black-states;
+  }
+
+  .font-icon-detail i{
+    color: $black;
+  }
+
+  .btn:not([data-action]):hover{
+    box-shadow:  0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
+  }
+
+  .btn-neutral.btn-link{
+    color: rgba($black, 0.7);
+  }
+
+  //style for inputs
+
+  @include form-control-placeholder(rgba($black,0.4), 1);
+    .has-danger{
+      .form-control, .input-group-prepend .input-group-text{
+        border-color: $danger-states;
+      }
+    }
+
+    .input-group-prepend .input-group-text{
+      border-color: rgba($black-states,0.5);
+      color: $black-states;
+    }
+
+    .form-control{
+      color: $black;
+      border-color: rgba($black-states,0.5);
+      &:focus{
+        border-color: $primary;
+      }
+    }
+
+  .form-group.no-border,
+  .input-group.no-border{
+      .form-control,
+      .form-control + .input-group-prepend .input-group-text,
+      .form-control + .input-group-append .input-group-text,
+      .input-group-prepend .input-group-text,
+      .input-group-append .input-group-text{
+          background-color: $opacity-gray-3;
+          &:focus,
+          &:active,
+          &:active{
+              background-color: $opacity-gray-5;
+          }
+      }
+
+      .form-control{
+          &:focus{
+              & + .input-group-prepend .input-group-text,
+              & + .input-group-append .input-group-text{
+
+                  background-color: $transparent-bg;
+              }
+          }
+      }
+
+
+  }
+
+  .input-group[disabled]{
+      .input-group-prepend .input-group-text,
+      .input-group-append .input-group-text{
+          background-color: $black;
+      }
+  }
+
+  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
+    background: $light-gray;
+    border-color: rgba($black-states,0.3);
+  }
+
+  .input-group-focus{
+      .input-group-prepend .input-group-text,
+      .input-group-append .input-group-text,
+      .form-control{
+        border-color: $primary;
+      }
+
+      &.no-border{
+          .input-group-prepend .input-group-text,
+          .input-group-append .input-group-text{
+
+              background-color: $opacity-gray-5;
+          }
+      }
+  }
+  .input-group-prepend .input-group-text {
+      border-right: none;
+  }
+
+  .input-group-append .input-group-text {
+      border-left: none;
+  }
+
+  .has-danger .form-control:focus, .has-success.input-group-focus .input-group-append .input-group-text, .has-success.input-group-focus .input-group-prepend .input-group-text {
+    border-color: $danger-states;
+  }
+
+  .has-success .form-control:focus, .has-success.input-group-focus .input-group-append .input-group-text, .has-success.input-group-focus .input-group-prepend .input-group-text {
+    border-color: darken($success, 10%);
+  }
+
+  .btn.btn-link{
+    &:hover,&:active, &:focus{
+      color: $dark-gray !important;
+    }
+  }
+
+  .btn-group .btn.active{
+    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
+  }
+
+  .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label{
+    background: darken($light-bg,10%);
+  }
+
+  .bootstrap-switch-off:before{
+    background: rgba(darken($light-bg,10%),0.5);
+
+  }
+
+  .card:not(.card-white){
+    &.card-pricing, &.card-login, &.card-register{
+      background: $card-black-background;
+    }
+    &.card-login, &.card-register{
+      @include form-control-placeholder(#6c757c, 1);
+
+      .form-control{
+        border-color: lighten($black,5%);
+      }
+
+      .form-group.no-border,
+      .input-group.no-border{
+          .form-control,
+          .form-control + .input-group-prepend .input-group-text,
+          .form-control + .input-group-append .input-group-text{
+
+              background-color: lighten($black,1%);
+              &:focus,
+              &:active,
+              &:active{
+                  background-color: lighten($black,2%);
+              }
+          }
+
+          .form-control{
+              &:focus{
+                  & + .input-group-prepend .input-group-text,
+                  & + .input-group-append .input-group-text{
+                      background-color: lighten($black,2%);
+                  }
+              }
+          }
+
+          .input-group-prepend .input-group-text,
+          .input-group-append .input-group-text{
+              background-color: lighten($black,1%);;
+
+          }
+      }
+
+      .input-group-append .input-group-text,
+      .input-group-prepend .input-group-text {
+          border: 1px solid lighten($black,5%);
+          border-right: none;
+          color: $white;
+    }
+
+    .input-group-focus{
+      .input-group-prepend .input-group-text,
+      .input-group-append .input-group-text,
+      .form-control{
+        border-color: $primary;
+      }
+    }
+
+    .form-control{
+      color: $white;
+    }
+
+    label{
+      color: $opacity-6;
+    }
+  }
+}
+
+
+  .card:not(.card-white){
+    background: $white;
+    box-shadow: 0 1px 15px 0 rgba(123, 123, 123, 0.05);
+    .card-header{
+      color: $black;
+      a[data-toggle="collapse"]{
+        color: $black;
+      }
+    }
+    .card-header .card-title, .card-body .card-title{
+      color: $black-states;
+    }
+
+    .card-body{
+      .card-category, .card-description{
+        color: $black-states;
+      }
+    }
+
+
+    label:not(.btn){
+      color: $default;
+    }
+
+     .pagination .page-item:not(.active) .page-link{
+       color: $black-states;
+        &:hover{
+          background: rgba($dark-gray,0.1);
+        }
+     }
+
+     &:not(.card-wizard).nav-pills .nav-item .nav-link {
+        color: $nav-gray;
+        background-color: hsla(0,0%,87%,.3);
+        &:not(.active):hover{
+          background: hsla(0,0%,87%,.5);
+        }
+        &.active{
+          color: $white;
+
+        }
+    }
+
+    .tab-content .tab-pane {
+        color: $nav-gray;
+    }
+
+
+    .card{
+      box-shadow: none;
+    }
+
+    .card-collapse{
+      .card{
+        .card-body{
+          color: $dark-gray;
+        }
+      }
+    }
+
+    &.card-contributions{
+      span{
+        color: $dark-gray;
+      }
+      .bootstrap-switch-container{
+        span{
+          color: $white;
+        }
+      }
+    }
+    &.card-plain{
+      background: $transparent-bg;
+      box-shadow: none;
+    }
+
+    &.card-tasks{
+      .card-body{
+        i{
+          color: rgba(34,42,66,0.7);
+          &:hover{
+            color: $black;
+          }
+        }
+      }
+    }
+  }
+
+  .table{
+
+      > tbody > tr > td {
+        color: rgba($black, 0.7) !important;
+
+    }
+
+    > thead > tr > th,
+    > tbody > tr > th,
+    > tfoot > tr > th,
+    > thead > tr > td,
+    > tbody > tr > td,
+    > tfoot > tr > td{
+        border-color: rgba($black, 0.2);
+        padding: 12px 7px;
+        vertical-align: middle;
+    }
+
+    > thead > tr > th, button.btn-neutral.btn-link{
+      color: rgba($black, 0.7);
+    }
+  }
+
+  .footer ul li a{
+    color: $black-states;
+  }
+
+  .footer .copyright{
+    color: $black-states;
+  }
+
+  .progress-container, .progress-container.progress.sm{
+      .progress{
+        background: rgba($black,0.1);
+        box-shadow: 0 0 0 3px rgba($black,0.1);
+        .progress-value{
+          color: $default;
+        }
+      }
+
+      .progress-badge{
+        color: $black-states;
+      }
+  }
+
+  .bootstrap-select button.dropdown-toggle{
+    border-color: rgba($black-states,0.5);
+    .filter-option{
+      color: $black-states;
+    }
+
+    &:after{
+      color: $black-states;
+    }
+
+  }
+
+  //style for calendar
+
+  .fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
+      padding: 2px;
+      color: $default;
+  }
+
+  .fc-unthemed .fc-today{
+    background: darken($light-bg,10%);
+  }
+
+  .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
+        border-color: $calendar-gray;
+    }
+
+   .fc-prev-button, .fc-next-button{
+     color: $default;
+     &:hover{
+       color: $default;
+     }
+   }
+
+   .fc button.btn-primary:not([data-action]):hover, .fc button:not([data-action]):hover {
+     box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
+   }
+
+   .full-page{
+     background: $light-bg;
+
+     h1, h2, h3, h4, h5, h6, p, ol li, ul li, pre {
+       color: $black-states;
+     }
+
+     .description{
+       color: $dark-gray;
+     }
+
+     .footer ul li a{
+       color: $black-states;
+     }
+
+     .footer .copyright{
+       color: $black-states;
+     }
+   }
+
+   .nav-pills .nav-item .nav-link:not(.active){
+     background: darken($light-bg,10%);
+     color: $black-states;
+     &:hover{
+       background: darken($white,20%);
+
+     }
+   }
+
+   .card-pricing:not(.card-white){
+     ul li {
+        color: $white;
+     }
+   }
+
+   .card:not(.card-pricing){
+
+     &.card-wizard{
+       .card-body{
+         background: $white;
+       }
+       .card-footer{
+         background-color: $white !important;
+       }
+
+       .nav-pills .nav-item .nav-link p{
+         color: $black-states;
+       }
+     }
+
+     &.card-stats {
+       hr{
+         border-color: rgba($black-states,0.1);
+       }
+       .card-title{
+         color: $black-states;
+       }
+       .card-category, .stats{
+         color: $card-stats-gray;
+       }
+
+     }
+
+   }
+
+   .card-timeline .timeline>li.timeline-inverted>.timeline-panel{
+     background: $white;
+     .timeline-body p{
+       color: $black-states;
+     }
+
+     &:after, &:before{
+       border-right-color: $white;
+       border-left-color: $white;
+     }
+   }
+
+   .card-timeline .timeline:before{
+     background-color: $light-gray;
+   }
+
+
+}

data/lib/vbax/sass/becky_thatcher/custom/cards/_card-animation-on-hover.scss

@@ -0,0 +1,7 @@
+
+.card-animation-on-hover{
+  transition: all .3s cubic-bezier(.34,1.61,.7,1);
+  &:hover{
+    transform: translate3d(0,-5px,0);
+  }
+}

data/lib/vbax/sass/becky_thatcher/custom/cards/_card-chart.scss

@@ -0,0 +1,84 @@
+.card-chart {
+  overflow: hidden;
+  .card-header{
+    .card-title{
+      i{
+        font-size: 16px;
+        margin-right: 5px;
+        margin-bottom: 3px;
+      }
+    }
+    .card-category{
+      margin-bottom: 5px;
+    }
+  }
+    .card-body{
+      padding-left: 5px;
+      padding-right: 5px;
+      .tab-space{
+        padding: 0;
+      }
+    }
+  .table{
+    margin-bottom: 0;
+
+    td{
+      border-top: none;
+      border-bottom: 1px solid rgba($white,0.1);
+    }
+  }
+
+  .card-progress {
+    margin-top: 30px;
+    padding: 0 10px;
+  }
+
+  .chart-area {
+    height: 220px;
+    width: 100%;
+  }
+  .card-footer {
+    margin-top: 15px;
+
+    .stats{
+      color: $dark-gray;
+    }
+  }
+
+  .dropdown{
+    position: absolute;
+    right: 20px;
+    top: 20px;
+
+    .btn{
+      margin: 0;
+    }
+  }
+
+  &.card-chart-pie{
+    .chart-area{
+      padding: 10px 0 25px;
+      height: auto;
+    }
+
+    .card-title{
+      margin-bottom: 10px;
+      i{
+        font-size: 1rem;
+      }
+    }
+
+  }
+
+}
+
+@include media-breakpoint-down(sm) {
+  .card.card-chart {
+    .card-header .btn-group-toggle {
+      .tim-icons {
+        font-size: $font-size-base;
+        top: -1px;
+      }
+    }
+  }
+}

data/lib/vbax/sass/becky_thatcher/custom/cards/_card-collapse.scss

@@ -0,0 +1,51 @@
+.card-collapse{
+    .card{
+        margin-bottom: 0px;
+        background: $transparent-bg;
+        box-shadow: none;
+
+        .card-header{
+            position: relative;
+            padding: 1rem 0.75rem;
+
+            a[data-toggle="collapse"]{
+                display: block;
+                color: rgba($white,0.6);
+
+
+                i{
+                    float: right;
+                    position: relative;
+                    color: $primary;
+                    top: 1px;
+                    @extend .animation-transition-general;
+                }
+            }
+
+            &:after{
+                content: "";
+                position: absolute;
+                bottom: 0;
+                left: 0;
+                width: 100%;
+                height: 1px;
+                background: rgba($white,0.1);
+
+            }
+
+
+        }
+
+        .card-body{
+            padding-left: 1.5rem;
+            padding-right: 1.5rem;
+            color: rgba($white,0.5);
+        }
+
+        &:last-child{
+          .card-header:after{
+            content: none;
+          }
+        }
+    }
+}

data/lib/vbax/sass/becky_thatcher/custom/cards/_card-contributions.scss

@@ -0,0 +1,55 @@
+.card-contributions{
+  @extend %card-stats;
+
+  .card-description{
+    max-width: 350px;
+    margin: 0 auto;
+    margin-bottom: 20px;
+  }
+
+  .card-title{
+    padding-top: 35px;
+  }
+
+  .card-stats{
+    display: flex;
+    align-items: center;
+    flex-direction: row;
+    padding: 11px;
+  }
+
+  .card-footer{
+    [class*="col-"]:not(:first-child):before{
+      content: "";
+      position: absolute;
+      left: 0;
+      width: 1px;
+      height: 100%;
+      background-color: rgba(0,0,0,0.1);
+    }
+  }
+
+  .bootstrap-switch{
+    margin: 0;
+  }
+
+  span{
+    padding-left: 15px;
+    text-align: left;
+    max-width: 125px;
+    color: $opacity-6;
+  }
+
+}
+
+
+@include media-breakpoint-down(xs){
+
+  .card-contributions .card-stats {
+    flex-direction: column;
+
+    .bootstrap-switch {
+      margin-bottom: 15px;
+    }
+  }
+}

data/lib/vbax/sass/becky_thatcher/custom/cards/_card-lock.scss

@@ -0,0 +1,18 @@
+.card-lock{
+    .card-header{
+        img{
+            width: 120px;
+            height: 120px;
+            border-radius: 50%;
+            margin-top: -60px;
+            box-shadow: $box-shadow-raised;
+        }
+    }
+
+}
+
+@include media-breakpoint-up(sm){
+  .card.card-lock {
+    margin-top: 13vh;
+  }
+}

data/lib/vbax/sass/becky_thatcher/custom/cards/_card-map.scss

@@ -0,0 +1,3 @@
+.map{
+    height: 500px;
+}

data/lib/vbax/sass/becky_thatcher/custom/cards/_card-plain.scss

@@ -0,0 +1,16 @@
+.card-plain {
+  background: transparent;
+  box-shadow: none;
+
+  .card-header,
+  .card-footer {
+    margin-left: 0;
+    margin-right: 0;
+    background-color: transparent;
+  }
+
+  &:not(.card-subcategories).card-body {
+      padding-left: 0;
+      padding-right: 0;
+  }
+}