viniBaxter-desk_front 0.3.1 → 0.4.0

data/lib/viniBaxter/sass/desk_front/beckyBaxter/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/viniBaxter/sass/desk_front/beckyBaxter/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/viniBaxter/sass/desk_front/beckyBaxter/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/viniBaxter/sass/desk_front/beckyBaxter/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/viniBaxter/sass/desk_front/beckyBaxter/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/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-map.scss

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

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

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