vbax-becky_thatcher 0.1.0

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

@@ -0,0 +1,190 @@
+.card-pricing {
+    position: relative;
+    z-index: 1;
+    box-shadow: none;
+    min-height: 400px;
+
+    .card-body {
+      overflow: hidden;
+      padding: 0;
+
+    .card-title {
+      position: relative;
+      font-size: 5em;
+      font-weight: 900;
+      color: $black;
+      text-transform: lowercase;
+      margin-left: -5px;
+      z-index: 1;
+
+      &.card-title-right {
+        text-align: right;
+        margin-right: -5px;
+      }
+    }
+
+    img {
+      position: absolute;
+      border-radius: $border-radius-sm;
+      top: 0;
+      left: 0;
+      width: 100%;
+      z-index: 0;
+    }
+
+    .card-prices{
+      .text-on-front{
+        position: relative;
+        z-index: 2;
+        color: rgba($white, 0.9);
+        font-size: 3.6em;
+        font-weight: 900;
+        text-align: center;
+        span{
+
+          font-size: 0.7em;
+        }
+      }
+
+      .text-on-back{
+        position: relative;
+        z-index: 1;
+        font-size: 9.5em;
+        text-align: center;
+        margin-top: -160px;
+        font-weight: 900;
+        color: rgba($default-states,0.1);
+      }
+
+      .plan{
+        font-weight: 600;
+        font-size: 0.8em;
+        margin-top: -80px;
+        text-align: center;
+        color: rgba($white,0.9);
+      }
+    }
+  }
+
+    ul{
+        list-style: none;
+        padding: 0;
+        max-width: 240px;
+        margin: 80px auto 40px;
+
+        li{
+            color: rgba($white, 0.9);
+            background: $transparent-bg;
+            text-align: center;
+            font-size: 1.2em;
+            font-weight: $font-weight-bold;
+            padding: 5px 0;
+            border: none;
+
+        }
+    }
+    &.card-white{
+      background: $white;
+      .card-body{
+        .card-title{
+          color:white;
+        }
+      }
+      .card-body .card-prices{
+        .text-on-front, .plan {
+            color: $default-states;
+            span{
+              color: $default-states;
+            }
+        }
+      }
+
+      ul li{
+
+        color: $default-states;
+      }
+
+      .list-group-item{
+        background: $transparent-bg;
+      }
+    }
+
+    &.card-primary{
+      .card-body .card-prices{
+        .text-on-back{
+          color: rgba($primary,0.1);
+        }
+      }
+    }
+
+    &.card-info{
+      .text-on-back{
+        color: rgba($info,0.1);
+      }
+    }
+
+    &.card-success{
+      .card-body .card-prices{
+        .text-on-back{
+          color: rgba($success,0.1);
+        }
+      }
+    }
+
+    &.card-warning{
+      .card-body .card-prices{
+        .text-on-back{
+          color: rgba($warning,0.1);
+        }
+      }
+    }
+
+    &.card-danger{
+      .card-body .card-prices{
+        .text-on-back{
+          color: rgba($danger,0.1);
+        }
+      }
+    }
+
+    &.card-raised{
+      z-index: 3;
+      box-shadow: 0px 0px 40px 15px rgba($default-states,0.3);
+      padding: 20px 0;
+      margin-top: -20px;
+      border-radius: $border-radius-sm;
+      img{
+        border-radius: $border-radius-sm;
+      }
+    }
+}
+
+@include media-breakpoint-up(md){
+  .pricing-page {
+    [class*="col-"]{
+      &:first-child{
+          padding-right: 0;
+         .card:not(.card-raised){
+          border-top-right-radius: 0;
+          border-bottom-right-radius: 0;
+        }
+      }
+      &:not(:first-child):not(:last-child) {
+        padding: 0;
+        .card:not(.card-raised){
+          border-radius: 0;
+          img{
+            border-radius: 0;
+          }
+        }
+      }
+      &:last-child {
+        padding-left: 0;
+        .card:not(.card-raised){
+          border-top-left-radius: 0;
+          border-bottom-left-radius: 0;
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,49 @@
+%card-profile{
+    margin-top: 30px;
+    text-align: center;
+
+    .card-body .card-title{
+        margin-top: 0;
+    }
+
+     [class*=col-]{
+        .card-description{
+            margin-bottom: 0;
+
+            & + .card-footer{
+                margin-top: 8px;
+            }
+        }
+
+
+     }
+
+    .card-header-avatar{
+        max-width: 130px;
+        max-height: 130px;
+        margin: -60px auto 0;
+
+        img{
+            border-radius: 50% !important;
+        }
+
+        & + .card-body{
+            margin-top: 15px;
+        }
+    }
+
+    &.card-plain{
+        .card-header-avatar{
+            margin-top: 0;
+        }
+    }
+    .card-body{
+        .card-avatar{
+            margin: 0 auto 30px;
+        }
+    }
+}
+
+.card-profile{
+  @extend %card-profile;
+}

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

@@ -0,0 +1,79 @@
+.card-register {
+  overflow: hidden;
+
+    .header {
+        margin-left: 20px;
+        margin-right: 20px;
+        padding: 30px 0;
+    }
+
+    .text-divider {
+        margin-top: 30px;
+        margin-bottom: 0px;
+        text-align: center;
+    }
+
+    .content {
+        padding: 0px 30px;
+    }
+
+    .form-check {
+        margin-top: 20px;
+        margin-left: 20px;
+
+        label:not(.form-check-label){
+          padding-left: 38px;
+        }
+    }
+
+    .card-header {
+      padding: 0 0 50px;
+      overflow: hidden;
+
+      .card-title {
+        position: relative;
+        font-size: 5em;
+        font-weight: 900;
+        color: $black;
+        text-transform: lowercase;
+        margin-left: -5px;
+        z-index: 1;
+      }
+    }
+
+    .card-img {
+      position: absolute;
+      left: 0;
+      top: -15%;
+      width: 70%;
+    }
+
+    .social-line {
+        margin-top: 20px;
+        text-align: center;
+
+        .btn.btn-icon ,
+        .btn.btn-icon .btn-icon {
+            margin-left: 5px;
+            margin-right: 5px;
+            box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.2);
+        }
+    }
+
+    .card-footer {
+        margin-bottom: 10px;
+        margin-top: 24px;
+    }
+
+    &.card-white{
+      .card-header .card-title{
+        color: $white;
+      }
+    }
+}
+
+@include media-breakpoint-down(md){
+  .card.card-register .card-img {
+    width: 95%;
+  }
+}

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

@@ -0,0 +1,53 @@
+.card-stats-mini {
+  &.card-background::after {
+    background-image: linear-gradient(to right, #434343 0%, black 100%);
+    opacity: .94;
+  }
+
+  .card-body {
+    &::after {
+      clear: both;
+      content: '';
+      display: block;
+    }
+  }
+
+  .card-footer {
+    border-top: 1px solid $opacity-2;
+    margin: 0 15px;
+  }
+
+  &.card-background {
+    .card-body {
+      min-height: auto;
+      padding-top: 15px;
+      padding-bottom: 15px;
+    }
+  }
+
+  .card-title {
+    margin-top: 0;
+    margin-bottom: 5px;
+  }
+
+  .info-area {
+    text-align: left;
+    width: 40%;
+    float: left;
+    padding: 15px 0;
+
+    .icon > i {
+      font-size: 2em;
+    }
+  }
+
+  .chart-area {
+    float: left;
+    width: 60%;
+  }
+
+  .stats {
+    text-align: left;
+    color: $white-color;
+  }
+}

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

@@ -0,0 +1,80 @@
+%card-stats {
+  hr {
+    margin: 5px 15px;
+  }
+}
+
+.card-stats {
+    @extend %card-stats;
+
+   .info-icon {
+     height: 50px;
+     width: 50px;
+     border-radius: 50%;
+     @include diagonal-gradient($primary,$primary-states);
+
+     i {
+       color: $white;
+       font-size: 1.7em;
+       padding: 14px 13px;
+
+     }
+
+     &.icon-danger {
+       @include diagonal-gradient($danger,$danger-states);
+     }
+
+     &.icon-warning {
+       @include diagonal-gradient($warning,$warning-states);
+     }
+
+     &.icon-success {
+       @include diagonal-gradient($success,$success-states);
+     }
+
+     &.icon-info {
+       @include diagonal-gradient($info,$info-states);
+     }
+
+     &.icon-primary {
+       @include diagonal-gradient($primary,$primary-states);
+     }
+   }
+
+   .numbers{
+     text-align: right;
+     .card-title{
+       margin-top: 0;
+     }
+     .card-category{
+       margin-bottom: 0;
+       color: $dark-gray;
+     }
+   }
+
+   .card-footer{
+     padding: 0;
+   }
+
+   hr{
+     border-color: lighten($black,5%);
+   }
+
+   .stats{
+     color: rgba($white, 0.6);
+     margin: 10px 15px;
+     font-size: 0.9em;
+   }
+
+  &.card-white {
+    hr{
+      border-color: rgba(43, 53, 83, 0.2)
+    }
+  }
+}
+
+@include media-breakpoint-down(sm){
+  .card-stats [class*="col-"] .statistics::after {
+    display: none;
+  }
+}

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

@@ -0,0 +1,3 @@
+.card-subcategories .card-body{
+    padding-bottom: 30px;
+}

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

@@ -0,0 +1,31 @@
+.card-tasks {
+  height: 473px;
+
+  .table-full-width {
+    max-height: 410px;
+    position: relative;
+  }
+
+  .card-header {
+    .title {
+      margin-right: 20px;
+      font-weight: $font-weight-normal;
+    }
+
+    .dropdown {
+      float: right;
+      color: darken($white, 20%);
+    }
+
+  }
+
+  .card-body {
+    i {
+      color: $dark-gray;
+      font-size: 1.4em;
+      &:hover {
+        color: $white;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,46 @@
+.card-testimonial{
+    @extend %card-profile;
+
+    .card-body{
+        padding-top: 25px;
+    }
+
+    .card-description + .card-title{
+        margin-top: 20px;
+    }
+
+    .card-footer{
+        margin-top: 0;
+        margin-bottom: 2.5rem;
+    }
+    .card-description{
+        & + .card-title{
+            margin-top: 30px;
+        }
+    }
+    .icon{
+        i{
+            font-size: 32px;
+        }
+
+        &.icon-primary i{
+            color: $primary;
+        }
+
+        &.icon-info i{
+            color: $info;
+        }
+
+        &.icon-danger i{
+            color: $danger;
+        }
+
+        &.icon-warning i{
+            color: $warning;
+        }
+
+        &.icon-success i{
+            color: $success;
+        }
+    }
+}

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

@@ -0,0 +1,77 @@
+.card-user{
+  overflow: hidden;
+    .image{
+        height: 120px;
+    }
+
+    .author{
+        text-align: center;
+        text-transform: none;
+        margin-top: 25px;
+
+        a +  p.description{
+            margin-top: -7px;
+        }
+
+        .block{
+          position: absolute;
+          height: 100px;
+          width: 250px;
+          &.block-one{
+            @include linear-gradient-right(rgba($primary,0.6), rgba($primary,0));
+            @include nc-rotate(150deg,10);
+            margin-top: -90px;
+            margin-left: -50px;
+          }
+
+          &.block-two{
+            @include linear-gradient-right(rgba($primary,0.6), rgba($primary,0));
+            @include nc-rotate(30deg,10);
+            margin-top: -40px;
+            margin-left: -100px;
+          }
+
+          &.block-three{
+            @include linear-gradient-right(rgba($primary,0.6), rgba($primary,0));
+            @include nc-rotate(170deg,10);
+            margin-top: -70px;
+            right: -45px;
+
+          }
+
+          &.block-four{
+            @include linear-gradient-right(rgba($primary,0.6), rgba($primary,0));
+            @include nc-rotate(150deg,10);
+            margin-top: -25px;
+            right: -45px;
+
+          }
+        }
+    }
+
+    .avatar{
+      width: 124px;
+      height: 124px;
+      border: 5px solid lighten($black,5%);
+      border-bottom-color: $transparent-bg;
+      background-color: $transparent-bg;
+      position: relative;
+    }
+
+    .card-body{
+        min-height: 240px;
+    }
+
+    hr{
+        margin: 5px 15px;
+    }
+
+    .button-container{
+        margin-bottom: 6px;
+        text-align: center;
+    }
+
+    .card-description {
+      margin-top: 30px;
+    }
+}

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

@@ -0,0 +1,21 @@
+.card-wizard{
+  .card-header{
+    padding-bottom: 10px;
+  }
+}
+
+@include media-breakpoint-down(xs){
+
+  .card-wizard .card-footer .pull-left {
+    padding-left: 0;
+    float: none;
+    text-align: center;
+  }
+
+  .card-wizard .card-footer .pull-right {
+    padding-right: 0;
+    float: none;
+    text-align: center;
+  }
+
+}

data/lib/vbax/sass/becky_thatcher/custom/mixins/_alert.scss

@@ -0,0 +1,14 @@
+@mixin alert-variant($background, $border, $color) {
+    color: color-yiq($background);
+    // @include gradient-bg($background);
+    background-color: lighten($background, 5%);
+    border-color: $border;
+
+    hr {
+        border-top-color: darken($border, 5%);
+    }
+
+    .alert-link {
+        color: darken($color, 10%);
+    }
+}

data/lib/vbax/sass/becky_thatcher/custom/mixins/_background-variant.scss

@@ -0,0 +1,18 @@
+// Contextual backgrounds
+@mixin bg-variant($parent, $color) {
+    #{$parent} {
+        background-color: $color !important;
+    }
+    a#{$parent},
+    button#{$parent} {
+        @include hover-focus {
+            background-color: darken($color, 10%) !important;
+        }
+    }
+}
+
+@mixin bg-gradient-variant($parent, $color) {
+    #{$parent} {
+        background: linear-gradient(87deg, $color 0, adjust-hue($color, 25%) 100%) !important;
+    }
+}

data/lib/vbax/sass/becky_thatcher/custom/mixins/_badges.scss

@@ -0,0 +1,15 @@
+@mixin badge-variant($bg) {
+  color: color-yiq($bg);
+  background-color: $bg;
+
+  &[href] {
+    @include hover-focus {
+      color: color-yiq($bg);
+      text-decoration: none;
+      background-color: darken($bg, 3%);
+    }
+  }
+  .tagsinput-remove-link{
+      color: $white;
+  }
+}