viniBaxter-desk_front 26 → 34.0.0

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

@@ -1,15 +0,0 @@
-@import "mixins/alert.scss";
-@import "mixins/badges.scss";
-@import "mixins/background-variant.scss";
-@import "mixins/buttons.scss";
-@import "mixins/forms.scss";
-@import "mixins/icon.scss";
-@import "mixins/modals.scss";
-@import "mixins/popovers.scss";
-@import "mixins/page-header.scss";
-@import "mixins/vendor-prefixes.scss";
-@import "mixins/opacity.scss";
-@import "mixins/modals.scss";
-@import "mixins/inputs.scss";
-@import "mixins/dropdown.scss";
-@import "mixins/wizard.scss";

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

@@ -1,257 +0,0 @@
-// Modals
-// Design element Dialogs
-// --------------------------------------------------
-.modal-content {
-  border: 0;
-
-  // Modal header
-  // Top section of the modal w/ title and dismiss
-
-  .modal-header {
-    border-bottom: none;
-
-    & button {
-        position: absolute;
-        right: 27px;
-        top: 24px;
-        outline: 0;
-        padding: 1rem;
-        margin: -1rem -1rem -1rem auto;
-    }
-    .title{
-        color: $black;
-        margin-top: 5px;
-        margin-bottom: 0;
-    }
-
-    .modal-title{
-      color: $black;
-    }
-
-    i.tim-icons {
-      font-size: 16px;
-    }
-  }
-
-
-  // Modal body
-  // Where all modal content resides (sibling of .modal-header and .modal-footer)
-  .modal-body {
-    line-height: 1.9;
-
-    p{
-      color: $black;
-    }
-  }
-  // Footer (for actions)
-  .modal-footer {
-    border-top: 0;
-    -webkit-justify-content: space-between; /* Safari 6.1+ */
-    justify-content: space-between;
-
-    button {
-      margin: 0;
-      padding-left: 16px;
-      padding-right: 16px;
-      width: auto;
-
-      &.pull-left {
-        padding-left: 5px;
-        padding-right: 5px;
-        position: relative;
-        left: -5px;
-      }
-    }
-
-  }
-  .modal-body + .modal-footer {
-    padding-top: 0;
-  }
-}
-// .modal-backdrop {
-//   background: rgba(0,0,0,0.3);
-// }
-
-.modal{
-  .modal-login{
-    max-width: 320px;
-
-    .card-login{
-        .logo-container{
-            width: 65px;
-            margin-bottom: 38px;
-            margin-top: 27px;
-        }
-    }
-  }
-
-    &.modal-mini{
-        p{
-            text-align: center;
-        }
-
-        .modal-dialog{
-            max-width: 255px;
-            margin: 0 auto;
-
-
-        }
-
-        &.show .modal-dialog{
-            -webkit-transform: translate(0,30%);
-            -o-transform: translate(0,30%);
-            transform: translate(0,30%);
-        }
-
-
-        .modal-footer{
-            button{
-                text-transform: uppercase;
-                color: $white;
-
-                &:first-child{
-                    opacity: .5;
-                }
-            }
-        }
-    }
-
-    .modal-profile{
-        width: 70px;
-        height: 70px;
-        background-color: $white;
-        border-radius: 50%;
-        text-align: center;
-        line-height: 5.7;
-        box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.3);
-
-        i{
-            color: $primary;
-            font-size: 21px;
-            margin-top: -10px;
-        }
-
-        &[class*="modal-profile-"]{
-            i{
-                color: $white;
-            }
-        }
-
-        &.modal-profile-primary{
-            background-color: $primary;
-        }
-
-        &.modal-profile-danger{
-            background-color: $danger;
-        }
-
-        &.modal-profile-warning{
-            background-color: $warning;
-        }
-        &.modal-profile-success{
-            background-color: $success;
-        }
-
-        &.modal-profile-info{
-            background-color: $info;
-        }
-    }
-
-    &.modal-default{
-        @include modal-colors($white, $black);
-    }
-
-    &.modal-primary{
-        @include modal-colors($primary, $white);
-    }
-
-    &.modal-danger{
-        @include modal-colors($danger, $white);
-    }
-
-    &.modal-warning{
-        @include modal-colors($warning, $white);
-    }
-
-    &.modal-success{
-        @include modal-colors($success, $white);
-    }
-
-    &.modal-info{
-        @include modal-colors($info, $white);
-    }
-
-    .modal-header .close{
-        color: $danger;
-        text-shadow: none;
-
-        &:hover,
-        &:focus{
-            opacity: 1;
-        }
-    }
-
-    &.modal-black{
-      .modal-content{
-        background: linear-gradient(to bottom, $black 0%, $black-states 100%);
-        color: rgba($white, 0.8);
-        .modal-header{
-          .modal-title, .title{
-            color: rgba($white, 0.9);
-          }
-        }
-        .modal-body{
-          p{
-            color: rgba($white, 0.8);
-          }
-        }
-      }
-      h1, h2, h3, h4, h5, h6, p{
-        color: $white;
-      }
-    }
-}
-
-.modal-search{
-  .modal-dialog{
-    margin: 20px auto;
-    max-width: 650px;
-    input{
-      border: none;
-      font-size: 17px;
-      font-weight: 100;
-    }
-    span{
-      font-size: 35px;
-      color: $search-gray;
-    }
-  }
-  .modal-content{
-    .modal-header{
-      padding: 24px;
-    }
-  }
-
-  .modal-header .close{
-    color: $dark-background;
-    top: 30px !important;
-  }
-
-  .modal-footer{
-    border-top: 2px solid #f9f9f9;
-    margin: 0px 25px 20px;
-  }
-}
-
-
-@include media-breakpoint-down(xs) {
-  .modal {
-    &.show .modal-dialog {
-      transform: translateY(10%);
-
-      &.modal-notice {
-        transform: translateY(3%);
-      }
-    }
-  }
-}

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

@@ -1,85 +0,0 @@
-.nav-link {
-    color: $nav-link-color;
-
-    &:hover {
-        color: theme-color("primary");
-    }
-}
-
-// Pills
-
-.nav-pills {
-
-    .nav-link {
-    	  padding: $nav-pills-padding-y $nav-pills-padding-x;
-        color: $nav-pills-link-color;
-        font-weight: 500;
-        background-color: $nav-pills-bg;
-        transition: $transition-base;
-
-        &:hover {
-        	color: $nav-pills-link-hover-color;
-        }
-    }
-
-    .nav-link.active,
-    .show > .nav-link {
-        color: $nav-pills-link-active-color;
-        background-color: $nav-pills-link-active-bg;
-    }
-
-
-}
-
-@include media-breakpoint-down(sm) {
-    .nav-pills:not(.nav-pills-circle) {
-        .nav-item {
-            padding-right: 0;
-        }
-    }
-}
-
-// Nav pills circle
-
-.nav-pills-circle {
-    .nav-link {
-        text-align: center;
-        height: 60px;
-        width: 60px;
-        padding: 0;
-        line-height: 60px;
-        border-radius: 50%;
-    }
-
-    .nav-link-icon {
-        i, svg {
-            font-size: 1rem;
-        }
-    }
-}
-
-// Nav wrapper
-.nav-wrapper {
-    padding: 1rem 0;
-    @include border-top-radius($card-border-radius);
-
-    + .card {
-        @include border-top-radius(0);
-        @include border-bottom-radius($card-border-radius);
-    }
-}
-
-
-@include media-breakpoint-down(sm) {
-  .nav-tabs {
-    display: inline-block;
-    width: 100%;
-    padding-left: 100px;
-    padding-right: 100px;
-    text-align: center;
-
-    .nav-item > .nav-link {
-        margin-bottom: 5px;
-    }
-  }
-}

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

@@ -1,479 +0,0 @@
-// .navbar {
-//   width: 100%;
-//   z-index: 1050;
-//   background: $navbar-color;
-
-//   .photo {
-//     display: inline-block;
-//     height: 30px;
-//     width: 30px;
-//     border-radius: 50%;
-//     vertical-align: middle;
-//     overflow: hidden;
-//       img{
-//         width: 100%;
-//       }
-//   }
-
-//   .navbar-wrapper {
-//     display: flex;
-//     align-items: center;
-//   }
-
-//   .navbar-text {
-//     color: $white;
-//   }
-
-//   .btn{
-//     margin: 0 5px 0 10px;
-//   }
-
-//   &.navbar-absolute{
-//     position: absolute;
-//     z-index: 1050;
-//   }
-
-//   &.navbar-transparent{
-//     background: transparent !important;
-//   }
-
-//   &.bg-white{
-//     .navbar-nav{
-//       .search-bar.input-group{
-//         i{
-//           color: $black;
-//         }
-//       }
-
-//       .search-bar.input-group .form-control{
-//         background: rgba($black,0.1);
-//         border-radius: 4px;
-//       }
-
-//       a.nav-link{
-//         color: $black !important;
-//         p{
-//           color: $black;
-//         }
-//       }
-
-//     }
-
-//     .navbar-text, .navbar-brand{
-//       color: $black;
-//     }
-
-//     .form-control {
-//       color: $black !important;
-//     }
-
-//     .form-control::placeholder {
-//       color: $dark-gray !important;
-//     }
-
-//   }
-
-//   &.bg-dark {
-//     background: $black !important;
-//   }
-
-//   &.bg-primary {
-//     background-color: $primary !important;
-//   }
-
-//   &.bg-warning {
-//     background-color: $warning !important;
-//   }
-
-//   &.bg-info {
-//     background-color: $info !important;
-//   }
-
-//   &.bg-success {
-//     background-color: darken($success, 10%) !important;
-//   }
-
-//   &.bg-danger {
-//     background-color: $danger !important;
-//   }
-
-//   .navbar-brand {
-//     position: relative;
-//     padding-top: .3125rem;
-//     padding-bottom: .3125rem;
-//     color: $white;
-//     margin-left: 17px;
-//     text-transform: uppercase;
-//     font-size: $font-paragraph;
-//   }
-
-//   .navbar-toggle button:focus, .navbar-toggler{
-//     outline: none;
-//   }
-
-// }
-
-// .navbar-minimize-fixed {
-// 	position: fixed;
-//   margin-left: 40px;
-//   margin-top: 14px;
-// 	transition: 0.3s ease;
-// 	color: white;
-// 	z-index: 20;
-// 	opacity: 0;
-// 	transition: 0.2s ease;
-// 	button{
-// 		i {
-// 			font-size: 20px;
-// 		}
-// 	}
-// }
-
-.notification {
-  background: $danger;
-  color: $white;
-  border-radius: $border-radius-xl;
-  height: 20px;
-  width: 20px;
-  position: absolute;
-  text-align: center;
-  font-size: 12px;
-  font-weight: 800;
-  top: 10px;
-  right: 10px;
-  border: 1px solid $danger;
-}
-
-// .navbar-nav li{
-//   padding: 0 10px;
-//   a{
-//     color: $white;
-//   }
-//   i{
-//     vertical-align: middle;
-//     font-size: 20px;
-//   }
-// }
-
-// @include media-breakpoint-down(md){
-//   .navbar {
-//     top: -70px;
-//   }
-
-//   .navbar{
-//       .container-fluid{
-//           padding-right: 15px;
-//           padding-left: 15px;
-//       }
-
-//       .navbar-collapse{
-//         .input-group{
-//           margin: 0;
-//           margin-top: 5px;
-//         }
-//       }
-
-//       .navbar-nav{
-
-//         .btn{
-//           margin-left: -3px;
-//           display: flex;
-
-//           i {
-//             margin-right: 12px;
-//           }
-
-//           span {
-//             margin: 0;
-//             text-transform: uppercase;
-//             font-weight: 300;
-
-//             &,
-//             &:hover,
-//             &:focus,
-//             &:active,
-//             &:active:focus {
-//               color: $black !important;
-//             }
-//           }
-//         }
-
-//           a.nav-link{
-//             i{
-//               opacity: 1;
-//               margin-left: 4px;
-//               margin-right: 5px;
-//             }
-//             p{
-//               display: inline-block;
-//               text-transform: uppercase;
-//               margin-left: 7px;
-//             }
-//           }
-
-//           .modal-search .modal-dialog{
-//             padding: 0 40px;
-//           }
-//           .dropdown{
-//             margin: 5px 0;
-//             .nav-link{
-//               padding-bottom: 0;
-//             }
-//             .dropdown-menu{
-//               .dropdown-item{
-//                 margin-top: 0;
-//                 padding-left: 24px;
-//               }
-//             }
-//           }
-//       }
-
-//       .dropdown.show .dropdown-menu{
-//           display: block;
-
-//       }
-
-//       .dropdown .dropdown-menu{
-//           display: none;
-//           li a{
-//             color: $black;
-//           }
-//       }
-
-//       .dropdown.show .dropdown-menu,
-//       .dropdown .dropdown-menu{
-//           background-color: transparent;
-//           border: 0;
-//           transition: none;
-//           -webkit-box-shadow: none;
-//           box-shadow: none;
-//           width: auto;
-//           margin: 0px 1rem;
-//           padding-top: 0;
-//           margin-top: 0px;
-
-//           &:before{
-//               display: none;
-//           }
-//       }
-
-//       .dropdown-menu .dropdown-item:focus,
-//       .dropdown-menu .dropdown-item:hover{
-//           color: $white;
-//       }
-
-//       &.bg-white .dropdown-menu .dropdown-item:focus,
-//       &.bg-white .dropdown-menu .dropdown-item:hover{
-//           color: $default;
-//       }
-
-//       .navbar-toggler-bar{
-//           display: block;
-//           position: relative;
-//           width: 22px;
-//           height: 1px;
-//           border-radius: 1px;
-//           background: $white;
-
-//           &.navbar-kebab{
-//             height: 4px;
-//             width: 4px;
-//             margin-bottom: 3px;
-//             border-radius: 50%;
-//           }
-
-//           & + .navbar-toggler-bar{
-//               margin-top: 7px;
-//           }
-
-//           & + .navbar-toggler-bar.navbar-kebab{
-//               margin-top: 0px;
-//           }
-
-//           &.bar2{
-//               width: 17px;
-//               transition: width .2s linear;
-//           }
-//       }
-
-//       &.bg-white:not(.navbar-transparent) .navbar-toggler-bar{
-//           background-color: $default;
-//       }
-
-//       & .toggled .navbar-toggler-bar{
-//           width: 24px;
-//       }
-//   }
-
-//   .bar1,
-//   .bar2,
-//   .bar3 {
-//     outline: 1px solid transparent;
-//   }
-//   .bar1 {
-//     top: 0px;
-//     @include bar-animation($topbar-back);
-//   }
-//   .bar2 {
-//     opacity: 1;
-//   }
-//   .bar3 {
-//     bottom: 0px;
-//     @include bar-animation($bottombar-back);
-//   }
-//   .toggled .bar1 {
-//     top: 6px;
-//     @include bar-animation($topbar-x);
-//   }
-//   .toggled .bar2 {
-//     opacity: 0;
-//   }
-//   .toggled .bar3 {
-//     bottom: 9px;
-//     @include bar-animation($bottombar-x);
-//   }
-
-//   @include topbar-x-rotation();
-//   @include topbar-back-rotation();
-//   @include bottombar-x-rotation();
-//   @include bottombar-back-rotation();
-
-//   @-webkit-keyframes fadeIn {
-//     0% {opacity: 0;}
-//     100% {opacity: 1;}
-//   }
-//   @-moz-keyframes fadeIn {
-//     0% {opacity: 0;}
-//     100% {opacity: 1;}
-//   }
-//   @keyframes fadeIn {
-//     0% {opacity: 0;}
-//     100% {opacity: 1;}
-//   }
-
-//   .navbar-nav{
-//       .nav-link{
-//           i.fa,
-//           i.tim-icons{
-//               opacity: .5;
-//           }
-//       }
-//   }
-
-// }
-
-// @include media-breakpoint-up(lg) {
-//   .navbar-collapse {
-//       background: none !important;
-//   }
-
-//   .navbar .navbar-toggle {
-//       display: none;
-
-//   }
-
-//   .navbar-nav {
-//       .nav-link {
-//           &.profile-photo {
-//               padding: 0;
-//               margin: 7px $padding-base-horizontal;
-//           }
-//       }
-//   }
-
-//   .navbar {
-//     .caret {
-//       position: absolute;
-//       left: 80%;
-//       top: 55%;
-//       margin-left: 0;
-//     }
-//   }
-
-//   .navbar-expand-lg .navbar-nav .nav-link {
-//     padding-right: $list-inline-padding;
-//     padding-left: $list-inline-padding;
-//   }
-
-// }
-
-// @include media-breakpoint-down(xs) {
-//   .navbar[class*='navbar-toggleable-'] .container {
-//     margin-left: 0;
-//     margin-right: 0;
-//   }
-
-// }
-
-// @include media-breakpoint-between (md, lg){
-//   .bar1,
-//   .bar2,
-//   .bar3 {
-//     outline: 1px solid transparent;
-//   }
-//   .bar1 {
-//     top: 0px;
-//     @include bar-animation($topbar-back);
-//   }
-//   .bar2 {
-//     opacity: 1;
-//   }
-//   .bar3 {
-//     bottom: 0px;
-//     @include bar-animation($bottombar-back);
-//   }
-//   .toggled .bar1 {
-//     top: 7px;
-//     @include bar-animation($topbar-x);
-//   }
-//   .toggled .bar2 {
-//     opacity: 0;
-//   }
-//   .toggled .bar3 {
-//     bottom: 9px;
-//     @include bar-animation($bottombar-x);
-//   }
-
-//   @include topbar-x-rotation();
-//   @include topbar-back-rotation();
-//   @include bottombar-x-rotation();
-//   @include bottombar-back-rotation();
-
-//   @-webkit-keyframes fadeIn {
-//     0% {opacity: 0;}
-//     100% {opacity: 1;}
-//   }
-//   @-moz-keyframes fadeIn {
-//     0% {opacity: 0;}
-//     100% {opacity: 1;}
-//   }
-//   @keyframes fadeIn {
-//     0% {opacity: 0;}
-//     100% {opacity: 1;}
-//   }
-
-//   .navbar .navbar-toggler-bar.bar2 {
-//     width: 17px;
-//     transition: width .2s linear;
-// }
-
-//   .navbar .navbar-toggler-bar {
-//     display: block;
-//     position: relative !important;
-//     width: 22px;
-//     height: 1px;
-//     border-radius: 1px;
-//     background: $white;
-//   }
-//   .navbar .navbar-toggler-bar+.navbar-toggler-bar {
-//     margin-top: 7px;
-//   }
-
-//   .navbar .navbar-toggle .navbar-toggler{
-//     display: block;
-//   }
-
-//   .navbar-minimize-fixed{
-//     display: none;
-//   }
-// }