viniBaxter-desk_front 0.3.1 → 0.4.0

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

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

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

@@ -0,0 +1,89 @@
+.alert{
+    border: 0;
+    color: $white;
+
+    .alert-link{
+      color: $white;
+    }
+
+    &.alert-success{
+      background-color: darken($success, 10%);
+    }
+
+    i.fa,
+    i.tim-icons{
+        font-size: $font-paragraph;
+    }
+
+    .close{
+        color: $white;
+        opacity: .9;
+        text-shadow: none;
+        line-height: 0;
+        outline: 0;
+    }
+
+    span[data-notify="icon"]{
+      font-size: 22px;
+      display: block;
+      left: 19px;
+      position: absolute;
+      top: 50%;
+      margin-top: -11px;
+    }
+
+    button.close{
+      position: absolute;
+      right: 15px;
+      top: 50%;
+      margin-top: -13px;
+      width: 25px;
+      height: 25px;
+      padding: 3px;
+    }
+
+    .close ~ span{
+        display: block;
+        max-width: 89%;
+    }
+
+    &.alert-with-icon{
+        padding-left: 65px;
+    }
+}
+
+.alert-dismissible {
+    .close {
+        top: 50%;
+        right: $alert-padding-x;
+        padding: 0;
+        transform: translateY(-50%);
+        color: rgba($white, .6);
+        opacity: 1;
+
+        &:hover,
+        &:focus {
+            color: rgba($white, .9);
+            opacity: 1 !important;
+        }
+
+        @include media-breakpoint-down(xs) {
+            top: 1rem;
+            right: .5rem;
+        }
+
+        &>span:not(.sr-only) {
+            font-size: 1.5rem;
+            background-color: transparent;
+            color: rgba($white, .6);
+        }
+
+        &:hover,
+        &:focus {
+            &>span:not(.sr-only) {
+                background-color: transparent;
+                color: rgba($white, .9);
+            }
+        }
+    }
+}

data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_avatars.scss

@@ -0,0 +1,53 @@
+.avatar {
+	color: $white;
+	background-color: $gray-500;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	font-size: $font-paragraph;
+	&.becky{
+			border-radius: 50%;// KEEPBECKY
+	}
+	height: 48px;
+	width: 48px;
+}
+
+.avatar img {
+	width: 100%;
+	border-radius: 50%;
+}
+
+.avatar + .avatar-content {
+	display: inline-block;
+	margin-left: .75rem;
+}
+.avatar-lg {
+	width: 58px;
+	height: 58px;
+	font-size: $font-size-sm;
+}
+
+.avatar-sm {
+	width: 38px;
+	height: 38px;
+	font-size: $font-size-sm;
+}
+
+// Overlapped avatars
+
+.avatar-group {
+	.avatar {
+		position: relative;
+		z-index: 2;
+		border: 2px solid $card-bg;
+
+		&:hover {
+			z-index: 3;
+		}
+	}
+
+	.avatar + .avatar {
+		margin-left: -1rem;
+
+	}
+}

data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_badge.scss

@@ -0,0 +1,25 @@
+/*           badges             */
+.badge{
+    text-transform: uppercase;
+    line-height: 12px;
+    border: none;
+    text-decoration: none;
+    margin-bottom: 5px;
+
+    &:hover,
+    &:focus{
+      text-decoration: none;
+    }
+}
+
+.badge-icon{
+  padding: 0.4em 0.55em;
+
+  i {
+     font-size: 0.8em;
+  }
+}
+
+.badge-success{
+    @include badge-variant(darken($success,10%));
+}

data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_buttons.scss

@@ -0,0 +1,281 @@
+.btn,
+.navbar .navbar-nav > a.btn{
+    border-width: $border-thick;
+    border: none;
+    position: relative;
+    overflow: hidden;
+    margin:4px 1px;
+    border-radius: $border-radius-lg;
+    cursor: pointer;
+
+    @include btn-styles($default, $default-states);
+
+    &:hover,
+    &:focus{
+        @include opacity(1);
+        outline: 0 !important;
+    }
+    &:active,
+    &.active,
+    .open > &.dropdown-toggle {
+         @include box-shadow(none);
+         outline: 0 !important;
+    }
+
+    .badge{
+      margin: 0;
+    }
+
+    &.btn-icon {
+        // see above for color variations
+        height: $icon-size-regular;
+        min-width: $icon-size-regular;
+        width: $icon-size-regular;
+        padding: 0;
+        font-size: $icon-font-size-regular;
+        overflow: hidden;
+        position: relative;
+        line-height: normal;
+
+        &.btn-simple{
+            padding: 0;
+        }
+
+        &.btn-sm{
+            height: $icon-size-sm;
+            min-width: $icon-size-sm;
+            width: $icon-size-sm;
+
+            .fa,
+            .far,
+            .fas,
+            .tim-icons{
+                font-size: $icon-font-size-sm;
+            }
+        }
+
+        &.btn-lg{
+            height: $icon-size-lg;
+            min-width: $icon-size-lg;
+            width: $icon-size-lg;
+
+            .fa,
+            .far,
+            .fas,
+            .tim-icons{
+                font-size: $icon-font-size-lg;
+            }
+        }
+
+        &:not(.btn-footer) .tim-icons,
+        &:not(.btn-footer) .fa,
+        &:not(.btn-footer) .far,
+        &:not(.btn-footer) .fas{
+            position: absolute;
+            font-size: 1em;
+            top: 50%;
+            left: 50%;
+            transform: translate(-12px, -12px);
+            line-height: 1.5626rem;
+            width: 24px;
+        }
+
+    }
+
+    &:not(.btn-icon) .tim-icons{
+        position: relative;
+        top: 1px;
+    }
+
+    span{
+      position: relative;
+      display: block;
+    }
+
+  &.btn-link.dropdown-toggle {
+    color: $dark-gray;
+  }
+
+  &.dropdown-toggle:after {
+    margin-left: 30px !important;
+  }
+}
+
+// Apply the mixin to the buttons
+// .btn-default { @include btn-styles($default-color, $default-states-color); }
+.btn-primary { @include btn-styles($primary, $primary-states);
+
+              }
+.btn-success { @include btn-styles($success, $success-states);
+
+              }
+.btn-info    { @include btn-styles($info, $info-states);
+
+              }
+.btn-warning { @include btn-styles($warning, $warning-states);
+                &:not(:disabled):not(.disabled):active{
+                  color: $white;
+                }
+              }
+.btn-danger  { @include btn-styles($danger, $danger-states);
+
+              }
+.btn-neutral { @include btn-styles($white, $white); }
+
+.btn{
+     &:disabled,
+     &[disabled],
+     &.disabled{
+        @include opacity(.5);
+        pointer-events: none;
+    }
+}
+.btn-simple{
+    border: $border;
+    border-color: $default;
+    box-shadow: none;
+    padding: $padding-btn-vertical - 1 $padding-round-horizontal - 1;
+    background-color: $transparent-bg;
+}
+
+.btn-simple,
+.btn-link{
+    &.disabled,
+    &:disabled,
+    &[disabled],
+    fieldset[disabled] & {
+        &,
+        &:hover,
+        &:focus,
+        &.focus,
+        &:active,
+        &.active {
+            background: $transparent-bg;
+        }
+    }
+}
+
+.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active{
+  box-shadow: 2px 2px 6px rgba(0,0,0,.4);
+}
+.btn-link{
+    border: $none;
+    box-shadow: none;
+    padding: $padding-base-vertical $padding-base-horizontal;
+    background: $transparent-bg;
+    color: $gray-300;
+    font-weight: $font-weight-bold;
+
+  &:hover {
+    box-shadow: none !important;
+    transform: none !important;
+  }
+}
+
+.btn-lg{
+   @include btn-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-base, $border-radius-lg);
+}
+.btn-sm{
+    @include btn-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-base, $border-radius-sm);
+}
+
+.btn-wd {
+    min-width: 140px;
+}
+.btn-group.select{
+    width: 100%;
+}
+
+.btn-group {
+  .btn.active {
+    box-shadow: 2px 2px 6px rgba(0,0,0,.4);
+    transform: translateY(-1px);
+    -webkit-transform: translateY(-1px);
+  }
+
+  label.btn.active {
+    transform: translateY(0);
+    -webkit-transform: translateY(0);
+  }
+}
+
+
+.btn-group.select .btn{
+    text-align: left;
+}
+.btn-group.select .caret{
+    position: absolute;
+    top: 50%;
+    margin-top: -1px;
+    right: 8px;
+}
+
+.btn-round{
+    border-width: $border-thin;
+    border-radius: $btn-round-radius;
+
+    &.btn-simple{
+        padding: $padding-btn-vertical - 1  $padding-round-horizontal - 1;
+    }
+}
+
+.no-caret {
+  &.dropdown-toggle::after {
+    display: none;
+  }
+}
+
+.btn{
+  // social buttons
+  &.btn-facebook {
+    @include social-buttons-color($facebook, $facebook-states);
+  }
+  &.btn-twitter {
+    @include social-buttons-color($twitter, $twitter-states);
+  }
+  &.btn-pinterest {
+    @include social-buttons-color($pinterest, $pinterest-states);
+  }
+  &.btn-google {
+    @include social-buttons-color($google-plus, $google-plus-states);
+  }
+  &.btn-linkedin {
+    @include social-buttons-color($linkedin, $linkedin-states);
+  }
+  &.btn-dribbble {
+    @include social-buttons-color($dribbble, $dribbble-states);
+  }
+  &.btn-github {
+    @include social-buttons-color($github, $github-states);
+  }
+  &.btn-youtube {
+    @include social-buttons-color($youtube, $youtube-states);
+  }
+  &.btn-instagram {
+    @include social-buttons-color($instagram, $instagram-states);
+  }
+  &.btn-reddit {
+    @include social-buttons-color($reddit, $reddit-states);
+  }
+  &.btn-tumblr {
+    @include social-buttons-color($tumblr, $tumblr-states);
+  }
+  &.btn-behance {
+    @include social-buttons-color($behance, $behance-states);
+  }
+}
+
+.btn-secondary:not(:disabled):not(.disabled):active,
+.btn-secondary:not(:disabled):not(.disabled).active,
+.show > .btn-secondary.dropdown-toggle {
+    color: $white;
+}
+
+
+
+@include media-breakpoint-down(md) {
+  .btn-group .btn {
+    padding-left: $padding-round-horizontal;
+    padding-right: $padding-round-horizontal;
+  }
+}