viniBaxter-desk_front 0.3.1 → 0.4.0

data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-map.scss

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

data/lib/viniBaxter/sass/desk_front/beckyBaxter/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;
+  }
+}

data/lib/viniBaxter/sass/desk_front/beckyBaxter/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/viniBaxter/sass/desk_front/beckyBaxter/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/viniBaxter/sass/desk_front/beckyBaxter/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/viniBaxter/sass/desk_front/beckyBaxter/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/viniBaxter/sass/desk_front/beckyBaxter/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;
+  }
+}