viniBaxter-desk_front 11.0.0 → 12.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3f0af906c6dc2a93c6550db7e01ba00030c28f4213f1612a8a9732664a9fc6a0
-  data.tar.gz: 4a303a6f5a1ed64dfe1cbd7a51f75bcff50bff07c3f0914dc5e1eee39e74be90
+  metadata.gz: 53957ff427d87e12f96d5b6fc906eec8350b3110e621ef6cb7897bd1abfb63a0
+  data.tar.gz: 79ef40b3b774452da62fef52af1641fe4ed3b8a6dfa73901edc7dc64069d7202
 SHA512:
-  metadata.gz: 05c80dc248b23a7de659b719507cb24ef416a7200367b35048d8b0faefc89c5c21bf784c6ee5c28611648c1825508d5447c6c4e1f4c06695b5fff3615d8244b3
-  data.tar.gz: 1f7b3e5af1154e227258ca900023bcc8b234cb447bb4706698580bf08e88e9665f665923548fb8f316617fbd2679cefae150e0b946034bfaf59fc0b63383a218
+  metadata.gz: 6deab8a8727b86656e988219d9dceb7fa523cc3d3dc7e4364b846b4e109e027472e6ff75d3a09c9fcde00bd57af6ac151bac969b881b40554663351f09be4d6e
+  data.tar.gz: 9aa3e3cb62a1621bd4cdcf637fb1963eeadc72fcaea8e09c969e6070e7c68bac9c6ca0b364f2c97972ee3c1d7800c6dd5730aeb2cf7f3689b42acc5b6426520a

data/lib/viniBaxter/desk_front/version.rb

@@ -1,5 +1,5 @@
 module ViniBaxter
   module DeskFront
-    VERSION = "11.0.0"
+    VERSION = "12.0.0"
   end
 end

data/lib/viniBaxter/sass/desk_front.scss

@@ -7,9 +7,12 @@
 // Dashkit core
 @import './desk_front/dashkit/dashkit';
 
+// Dashkit core
+@import './desk_front/landing/landing';
+
 // read that some scss have been overwritting to fit with dashkit
 // search by keyword to get it => // KEEPBECKY
 // card-header with class becky
 // .becky-template {
 //   font-family: $font-family-base-becky!important ;
-// }
+// }

data/lib/viniBaxter/sass/desk_front/administrate/base/_forms.scss

@@ -1,4 +1,5 @@
-fieldset.field-unit--nested {
+fieldset.field-unit--nested,
+div.field-unit--nested {
     border-left: 1px;
     border-style: dashed;
     &[data="field-unit--nested_rooms"]{
@@ -6,6 +7,19 @@ fieldset.field-unit--nested {
     };
     &[data="field-unit--nested_packages"]{
         border-color: $secondary;
+    };
+    &[data="field-unit--nested_periods"]{
+        border-color: $green;
+    };
+    &[data="field-unit--nested_period_selected_ranges"]{
+      border-top:0px!important;
+      border-bottom: 0px!important;
+      border-right: 0px!important;
+      border-color: $indigo;
+      padding: 0.35em 0.75em 0.625em;
+    };
+    &[data="field-unit--nested_period_refunds"]{
+        border-color: $yellow;
     }
 }
 // .field-unit--nested_rooms{

data/lib/viniBaxter/sass/desk_front/administrate/base/_lists.scss

@@ -1,8 +1,8 @@
 ul,
 ol {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
+  // list-style-type: none;
+  // margin: 0;
+  // padding: 0;
 }
 
 dl {
@@ -16,4 +16,4 @@ dl {
   dd {
     margin: 0;
   }
-}
+}

data/lib/viniBaxter/sass/desk_front/administrate/base/_tables.scss

@@ -56,17 +56,17 @@ th {
   padding: 0.75rem;
   vertical-align: middle;
 }
-
-td:first-child,
-th:first-child {
-  padding-left: 2rem;
-}
-
-td:last-child,
-th:last-child {
-  padding-right: 2rem;
-  // width: 100%;
-}
+// 
+// td:first-child,
+// th:first-child {
+//   padding-left: 2rem;
+// }
+//
+// td:last-child,
+// th:last-child {
+//   padding-right: 2rem;
+//   // width: 100%;
+// }
 
 td img {
   &.admin{

data/lib/viniBaxter/sass/desk_front/administrate/base/_typography.scss

@@ -1,45 +1,50 @@
-body {
-  color: $base-font-color;
-  font-family: $base-font-family;
-  font-size: $base-font-size;
-  line-height: $base-line-height;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-family: $heading-font-family;
-  font-size: $base-font-size;
-  line-height: $heading-line-height;
-  margin: 0;
-}
-
-p {
-  margin: 0 0 $small-spacing;
-}
-
-a {
-  color: $action-color;
-  text-decoration-skip-ink: auto;
-  transition: color $base-duration $base-timing;
-
-  &:hover {
-    color: mix($black, $action-color, 25%);
-  }
-
-  &:focus {
-    outline: $focus-outline;
-    outline-offset: $focus-outline-offset;
-  }
-}
-
-hr {
-  border-bottom: $base-border;
-  border-left: 0;
-  border-right: 0;
-  border-top: 0;
-  margin: $base-spacing 0;
+// body {
+//   color: $base-font-color;
+//   font-family: $base-font-family;
+//   font-size: $base-font-size;
+//   line-height: $base-line-height;
+// }
+//
+// h1,
+// h2,
+// h3,
+// h4,
+// h5,
+// h6 {
+//   font-family: $heading-font-family;
+//   font-size: $base-font-size;
+//   line-height: $heading-line-height;
+//   margin: 0;
+// }
+//
+// p {
+//   margin: 0 0 $small-spacing;
+// }
+//
+// a {
+//   color: $action-color;
+//   text-decoration-skip-ink: auto;
+//   transition: color $base-duration $base-timing;
+//
+//   &:hover {
+//     color: mix($black, $action-color, 25%);
+//   }
+//
+//   &:focus {
+//     outline: $focus-outline;
+//     outline-offset: $focus-outline-offset;
+//   }
+// }
+//
+// hr {
+//   border-bottom: $base-border;
+//   border-left: 0;
+//   border-right: 0;
+//   border-top: 0;
+//   margin: $base-spacing 0;
+// }
+fieldset > legend > label,
+div > legend > label {
+  font-size: 1.2rem!important;
+  font-weight: 400!important;
 }

data/lib/viniBaxter/sass/desk_front/administrate/components/_cells.scss

@@ -17,6 +17,7 @@
     display: inline-block;
     transition: color $base-duration $base-timing;
     width: 100%;
+    white-space: initial;
   }
 }
 
@@ -43,5 +44,5 @@
 
 .cell-data--number,
 .cell-label--number {
-  text-align: right;
+  text-align: left;
 }

data/lib/viniBaxter/sass/desk_front/administrate/index.scss

@@ -19,7 +19,7 @@
 @import "base/layout"; // checked 🌈
 @import "base/lists"; // checked 🌈
 @import "base/tables";// checked 🌈
-// @import "base/typography";
+@import "base/typography";
 
 @import "components/app-container";
 @import "components/attributes";

data/lib/viniBaxter/sass/desk_front/beckyBaxter/_index.scss

@@ -8,7 +8,7 @@
 // @import "custom/buttons";
 // @import "custom/modal";
 // @import "custom/nav";
-// @import "custom/navbar";
+@import 'custom/navbar';
 // @import "custom/tabs";
 
 //
@@ -19,7 +19,7 @@
 // @import "custom/badge";
 // @import "custom/close";
 // @import "custom/custom-forms";
-@import "custom/dropdown";
+@import 'custom/dropdown';
 // @import "custom/footer";
 // @import "custom/forms";
 // @import "custom/images";
@@ -81,4 +81,4 @@
 @import './custom/cards/card-stats';
 @import './custom/cards/card-subcategories';
 @import './custom/cards/card-testimonials';
-@import './custom/cards/card-wizard';
+@import './custom/cards/card-wizard';

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

@@ -1,480 +1,479 @@
-.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;
-		}
-	}
-}
+// .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: 6px;
-	width: 6px;
-	position: absolute;
-	text-align: center;
-	font-size: 12px;
-	font-weight: 800;
+  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;
-          }
-      }
-  }
-
+  border: 1px solid $danger;
 }
 
-@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;
-  }
-}
+// .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;
+//   }
+// }