viniBaxter-desk_front 10.0.0 → 15.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fa15c05fa9789f8029d6aa0941bcde50d49d2d8a200b1059d0efba99bb792afc
-  data.tar.gz: 1272ac913a16992af1a64df86b31e340cd8671201f73e5ae16e0d956fba8f04c
+  metadata.gz: 1238c13fde396f1b8d0a365bbda0db09016806743338908f6d17999e2d276496
+  data.tar.gz: a9745f68e1d2d5b9d07eb5fa2cf668383e3dc1f53845d0b5f297bdd88084fb14
 SHA512:
-  metadata.gz: da77cd1719075f9ed7928ca8166caef67f658940099e0a7b951221060ba5a7bde96cab3e41f1d8c1b115e85ed628ffc57a2f3df91762a2b3cfbe2e8ebd92e671
-  data.tar.gz: 491ea265b6a632381bfa1c6c915ccd70ac078ced6c5135266516b1ec0bc150be1bfb32f70fcd08c092d65d05ff0f2fbd7e861b7341dc1a66324669178ca3fb61
+  metadata.gz: 9af8e10bf3319bf2dcdd44e71b24d0bc747d374fb745ffe6abbb93d38dc68321edf2e662185506a2e5a58f42357430c7a9cc7fed0de52bce5b997916e6629141
+  data.tar.gz: a1dd6e83bae900fc22876320b149b989d4322b0f1b43105c715e304200b09fd76ba8772bfe2238196aeb85cb59f07bd747683d76ff267c1e9e82858e036d547e

data/lib/viniBaxter/desk_front/version.rb

@@ -1,5 +1,5 @@
 module ViniBaxter
   module DeskFront
-    VERSION = "10.0.0"
+    VERSION = "15.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/administrate/library/_customSelectize.scss

@@ -24,3 +24,6 @@
     box-shadow: none;
     transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 }
+.selectize-dropdown {
+  z-index: 1000!important;
+}

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,13 +19,13 @@
 // @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";
 // @import "custom/input-group";
 // @import "custom/info-areas";
-// @import "custom/pagination";
+@import 'custom/pagination';
 // @import "custom/pills";
 // @import "custom/popover";
 // @import "custom/progress";
@@ -42,8 +42,8 @@
 
 @import './custom/vendor/plugin-datetimepicker';
 @import './custom/vendor/plugin-nouislider';
-@import './custom/vendor/plugin-fullcalendar';
-@import './custom/vendor/plugin-sweetalert2';
+// @import './custom/vendor/plugin-fullcalendar';
+// @import './custom/vendor/plugin-sweetalert2';
 @import './custom/vendor/plugin-bootstrap-switch';
 @import './custom/vendor/plugin-bootstrap-select';
 @import './custom/vendor/plugin-new-bootstrap-select';
@@ -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/_dropdown.scss

@@ -1,361 +1,363 @@
 .dropdown-menu {
-    border: 0;
-    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);
-    border-radius: $border-radius-xs;
-    @include transitions($fast-transition-time, $transition-linear);
+  border: 0;
+  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);
+  border-radius: $border-radius-xs;
+  @include transitions($fast-transition-time, $transition-linear);
 
-    &.dropdown-menu-right {
-      &:before, &:after {
-        left:auto;
-        right: 10px;
-      }
+  &.dropdown-menu-right {
+
+    &:before,
+    &:after {
+      left: auto;
+      right: 10px;
     }
+  }
 
-    &.dropdown-black {
-      background: linear-gradient(to bottom, $black 0%, $black-states 100%);
-      border: 1px solid $default;
-      .dropdown-item {
-        color: rgba(255, 255, 255, 0.7);
-      }
+  &.dropdown-black {
+    background: linear-gradient(to bottom, $black 0%, $black-states 100%);
+    border: 1px solid $default;
+
+    .dropdown-item {
+      color: rgba(255, 255, 255, 0.7);
+    }
+
+    .dropdown-divider {
+      border-color: $default;
+    }
+
+    &:before {
+      color: $black;
+      z-index: 2;
+    }
+
+    &:after {
+      display: inline-block;
+      position: absolute;
+      width: 0;
+      height: 0;
+      z-index: 1;
+      vertical-align: middle;
+      content: "";
+      top: -6px;
+      left: 10px;
+      right: auto;
+      color: $default;
+      border-bottom: .4em solid;
+      border-right: .4em solid transparent;
+      border-left: .4em solid transparent;
+    }
 
-      .dropdown-divider {
-        border-color: $default;
+    &.dropdown-menu-right {
+      &:after {
+        left: auto;
+        right: 10px;
       }
+    }
 
-      &:before {
-        color: $black;
+    .dropup & {
+      &:after {
+        color: $black-states;
         z-index: 2;
       }
 
-      &:after {
+      &:before {
         display: inline-block;
         position: absolute;
         width: 0;
         height: 0;
-        z-index: 1;
         vertical-align: middle;
         content: "";
-        top: -6px;
-        left: 10px;
+        top: auto;
+        bottom: -6px;
         right: auto;
-        color: $default;
-        border-bottom: .4em solid;
+        left: 10px;
+        color: $dark-background;
+        border-top: .4em solid;
         border-right: .4em solid transparent;
         border-left: .4em solid transparent;
-      }
-
-      &.dropdown-menu-right {
-        &:after {
-          left: auto;
-          right: 10px;
-        }
-      }
-
-      .dropup & {
-        &:after {
-          color: $black-states;
-          z-index: 2;
-        }
-
-        &:before {
-          display: inline-block;
-          position: absolute;
-          width: 0;
-          height: 0;
-          vertical-align: middle;
-          content: "";
-          top: auto;
-          bottom: -6px;
-          right: auto;
-          left: 10px;
-          color: $dark-background;
-          border-top: .4em solid;
-          border-right: .4em solid transparent;
-          border-left: .4em solid transparent;
-          border-bottom: none;
-          z-index: 1;
-        }
+        border-bottom: none;
+        z-index: 1;
       }
     }
+  }
 
-    i {
-        margin-right: 5px;
-        position: relative;
-        top: 1px;
-    }
+  i {
+    margin-right: 5px;
+    position: relative;
+    top: 1px;
+  }
 
-    .tim-icons {
-        margin-right: 10px;
-        position: relative;
-        top: 4px;
-        font-size: 18px;
-        margin-top: -5px;
-        opacity: .5;
-    }
+  .tim-icons {
+    margin-right: 10px;
+    position: relative;
+    top: 4px;
+    font-size: 18px;
+    margin-top: -5px;
+    opacity: .5;
+  }
 
-    .dropdown-item {
-        &.active,
-        &:active{
-            color: inherit;
-        }
-    }
+  .dropdown-item {
 
-    .dropup & {
-        &:before {
-            display: none;
-        }
-
-        &:after {
-          display: inline-block;
-          position: absolute;
-          width: 0;
-          height: 0;
-          vertical-align: middle;
-          content: "";
-          top: auto;
-          bottom: -5px;
-          right: auto;
-          left: 10px;
-          color: $white;
-          border-top: .4em solid;
-          border-right: .4em solid transparent;
-          border-left: .4em solid transparent;
-          border-bottom: none;
-        }
-
-        &.dropdown-menu-right {
-          &:after, &:before {
-            right: 10px;
-            left: auto;
-          }
-        }
+    &.active,
+    &:active {
+      color: inherit;
     }
+  }
 
-
-
+  .dropup & {
     &:before {
+      display: none;
+    }
+
+    &:after {
       display: inline-block;
       position: absolute;
       width: 0;
       height: 0;
       vertical-align: middle;
       content: "";
-      top: -5px;
-      left: 10px;
+      top: auto;
+      bottom: -5px;
       right: auto;
+      left: 10px;
       color: $white;
-      border-bottom: .4em solid;
+      border-top: .4em solid;
       border-right: .4em solid transparent;
       border-left: .4em solid transparent;
+      border-bottom: none;
     }
 
+    &.dropdown-menu-right {
 
+      &:after,
+      &:before {
+        right: 10px;
+        left: auto;
+      }
+    }
+  }
 
-    &.dropdown-menu-right {
-      right: 0 !important;
-      left: auto !important;
+  // &:before {
+  //   display: inline-block;
+  //   position: absolute;
+  //   width: 0;
+  //   height: 0;
+  //   vertical-align: middle;
+  //   content: "";
+  //   top: -5px;
+  //   left: 10px;
+  //   right: auto;
+  //   color: $white;
+  //   border-bottom: .4em solid;
+  //   border-right: .4em solid transparent;
+  //   border-left: .4em solid transparent;
+  // }
+
+  &.dropdown-menu-right {
+    right: 0 !important;
+    left: auto !important;
+  }
+
+  .dropdown-item,
+  .bootstrap-select &.inner li a {
+    font-size: $font-size-sm;
+    padding-top: .6rem;
+    padding-bottom: .6rem;
+    margin-top: 5px;
+    @include transitions($fast-transition-time, $transition-linear);
+
+    &:hover,
+    &:focus {
+      background-color: $opacity-gray-3;
     }
 
-    .dropdown-item,
-    .bootstrap-select &.inner li a {
-      font-size: $font-size-sm;
-      padding-top: .6rem;
-      padding-bottom: .6rem;
-      margin-top: 5px;
-      @include transitions($fast-transition-time, $transition-linear);
+    &.disabled,
+    &:disabled {
+      color: $default-opacity;
 
       &:hover,
       &:focus {
-        background-color: $opacity-gray-3;
-      }
-
-      &.disabled,
-      &:disabled {
-        color: $default-opacity;
-
-        &:hover,
-        &:focus {
-          background-color: transparent;
-          box-shadow: none;
-        }
+        background-color: transparent;
+        box-shadow: none;
       }
     }
+  }
 
+  .dropdown-divider {
+    background-color: $opacity-gray-5;
+  }
 
-    .dropdown-divider {
-        background-color: $opacity-gray-5;
-    }
+  .dropdown-header:not([href]):not([tabindex]) {
+    color: $default-opacity;
+    font-size: $font-size-xs;
+    text-transform: uppercase;
+    font-weight: $font-weight-bold;
+  }
 
-    .dropdown-header:not([href]):not([tabindex]) {
-        color: $default-opacity;
-        font-size: $font-size-xs;
-        text-transform: uppercase;
-        font-weight: $font-weight-bold;
-    }
+  &.dropdown-primary {
+    @include dropdown-colors(darken($primary, 3%), $opacity-8, $white, $opacity-2);
+  }
 
-    &.dropdown-primary {
-        @include dropdown-colors(darken($primary, 3%),$opacity-8,$white, $opacity-2);
-    }
+  &.dropdown-info {
+    @include dropdown-colors(darken($info, 3%), $opacity-8, $white, $opacity-2);
+  }
 
-    &.dropdown-info {
-        @include dropdown-colors(darken($info, 3%),$opacity-8,$white, $opacity-2);
-    }
+  &.dropdown-danger {
+    @include dropdown-colors(darken($danger, 3%), $opacity-8, $white, $opacity-2);
+  }
 
-    &.dropdown-danger {
-        @include dropdown-colors(darken($danger, 3%),$opacity-8,$white, $opacity-2);
-    }
+  &.dropdown-success {
+    @include dropdown-colors(darken($success, 3%), $opacity-8, $white, $opacity-2);
+  }
 
-    &.dropdown-success {
-        @include dropdown-colors(darken($success, 3%),$opacity-8,$white, $opacity-2);
-    }
+  &.dropdown-warning {
+    @include dropdown-colors(darken($warning, 3%), $opacity-8, $white, $opacity-2);
+  }
 
-    &.dropdown-warning {
-        @include dropdown-colors(darken($warning, 3%),$opacity-8,$white, $opacity-2);
-    }
+  .dropdown &,
+  .dropup:not(.bootstrap-select) &,
+  .bootstrap-select &:not(.inner),
+  &.bootstrap-datetimepicker-widget.bottom {
+    @include transform-translate-y-dropdown(-20px);
+    visibility: hidden;
+    display: block;
+    @include opacity(0);
+    top: 100% !important;
+  }
 
-    .dropdown &,
-    .dropup:not(.bootstrap-select) &,
-    .bootstrap-select &:not(.inner),
-    &.bootstrap-datetimepicker-widget.bottom {
-        @include transform-translate-y-dropdown(-20px);
-        visibility: hidden;
-        display: block;
-        @include opacity(0);
-        top: 100% !important;
-    }
+  &.bootstrap-datetimepicker-widget.top {
+    @include transform-translate-y-dropdown(-20px);
+    visibility: hidden;
+    display: block;
+    @include opacity(0);
+  }
 
-    &.bootstrap-datetimepicker-widget.top {
-      @include transform-translate-y-dropdown(-20px);
-      visibility: hidden;
-      display: block;
-      @include opacity(0);
-    }
+  &.bootstrap-datetimepicker-widget.top,
+  &.bootstrap-datetimepicker-widget.bottom {
+    @include transform-translate-y-dropdown(-20px);
+  }
 
-    &.bootstrap-datetimepicker-widget.top,
-    &.bootstrap-datetimepicker-widget.bottom {
-        @include transform-translate-y-dropdown(-20px);
-    }
+  .bootstrap-select.dropup &:not(.inner) {
+    @include transform-translate-y-dropdown(25px);
+  }
 
-    .bootstrap-select.dropup &:not(.inner){
-        @include transform-translate-y-dropdown(25px);
-    }
+  .dropup:not(.bootstrap-select) & {
+    @include transform-translate-y-dropdown(20px);
+    top: auto !important;
+    bottom: 100%;
+  }
 
-    .dropup:not(.bootstrap-select) &{
-        @include transform-translate-y-dropdown(20px);
-        top: auto !important;
-        bottom: 100%;
-    }
+  .dropdown.show &,
+  .bootstrap-select.show &:not(.inner),
+  &.bootstrap-datetimepicker-widget.top.open,
+  &.bootstrap-datetimepicker-widget.bottom.open,
+  .dropup.show:not(.bootstrap-select) &,
+  .navbar .dropdown.show & {
+    @include opacity(1);
+    visibility: visible;
+    @include transform-translate-y-dropdown(1px);
+  }
 
-    .dropdown.show &,
-    .bootstrap-select.show &:not(.inner),
-    &.bootstrap-datetimepicker-widget.top.open,
-    &.bootstrap-datetimepicker-widget.bottom.open,
-    .dropup.show:not(.bootstrap-select) &,
-    .navbar .dropdown.show &{
-        @include opacity(1);
-        visibility: visible;
-        @include transform-translate-y-dropdown(1px);
-    }
+  &.bootstrap-datetimepicker-widget.top.open,
+  &.bootstrap-datetimepicker-widget.bottom.open {
+    @include transform-translate-y-dropdown(0px);
+  }
 
-    &.bootstrap-datetimepicker-widget.top.open,
-    &.bootstrap-datetimepicker-widget.bottom.open{
-        @include transform-translate-y-dropdown(0px);
-    }
+  .dropup.show:not(.bootstrap-select) & {
+    @include transform-translate-y-dropdown(-2px);
+  }
 
-    .dropup.show:not(.bootstrap-select) &{
-        @include transform-translate-y-dropdown(-2px);
-    }
+  &.dropdown-navbar {
+    left: -80px;
 
-    &.dropdown-navbar{
-      left: -80px;
-      &:before, &:after{
-        left: auto;
-        right: 17px;
-      }
+    &:before,
+    &:after {
+      left: auto;
+      right: 17px;
     }
-
+  }
 
 }
 
-.btn{
-    cursor: pointer;
+.btn {
+  cursor: pointer;
 
-    &.dropdown-toggle[data-toggle="dropdown"]{
-        padding:10px;
-        margin: 0;
-        margin-bottom: 5px;
-
-        &:after{
-          content: "";
-          margin-left: 5px;
-        }
+  &.dropdown-toggle[data-toggle="dropdown"] {
+    padding: 10px;
+    margin: 0;
+    margin-bottom: 5px;
 
+    &:after {
+      content: "";
+      margin-left: 5px;
     }
 
-    span.bs-caret{
-      display: none;
-    }
+  }
 
-    &.btn-link{
-      &.dropdown-toggle{
-        height: 22px;
-        padding: 0;
-        margin-right: 5px;
-      }
+  span.bs-caret {
+    display: none;
+  }
+
+  &.btn-link {
+    &.dropdown-toggle {
+      height: 22px;
+      padding: 0;
+      margin-right: 5px;
     }
+  }
 }
 
-.dropdown-toggle:after{
+.dropdown-toggle:after {
 
   content: unset;
 
 }
 
 .btn:not(:disabled):not(.disabled).active:focus,
- .btn:not(:disabled):not(.disabled):active:focus,
- .show>.btn.dropdown-toggle:focus{
-   box-shadow: none;
- }
+.btn:not(:disabled):not(.disabled):active:focus,
+.show>.btn.dropdown-toggle:focus {
+  box-shadow: none;
+}
 
 // Dropown: Sizes
 
 .dropdown-menu-sm {
-    min-width: 100px;
-    border: $border-radius-lg;
+  min-width: 100px;
+  border: $border-radius-lg;
 }
 
 .dropdown-menu-lg {
-    min-width: 260px;
-    border-radius: $border-radius-lg;
+  min-width: 260px;
+  border-radius: $border-radius-lg;
 }
 
 .dropdown-menu-xl {
-    min-width: 450px;
-    border-radius: $border-radius-lg;
+  min-width: 450px;
+  border-radius: $border-radius-lg;
 }
 
-@include media-breakpoint-down(md){
-  .button-dropdown{
-      display: none;
+@include media-breakpoint-down(md) {
+  .button-dropdown {
+    display: none;
   }
-  .dropdown-toggle:after{
-      display: inline-block;
-      width: 0;
-      height: 0;
-      margin-left: .255em;
-      vertical-align: .255em;
-      content: "";
-      border-top: .3em solid;
-      border-right: .3em solid transparent;
-      border-bottom: 0;
-      border-left: .3em solid transparent;
+
+  .dropdown-toggle:after {
+    display: inline-block;
+    width: 0;
+    height: 0;
+    margin-left: .255em;
+    vertical-align: .255em;
+    content: "";
+    border-top: .3em solid;
+    border-right: .3em solid transparent;
+    border-bottom: 0;
+    border-left: .3em solid transparent;
 
   }
 }
 
-
-@include media-breakpoint-up(lg){
-  .dropdown-menu .dropdown-item{
+@include media-breakpoint-up(lg) {
+  .dropdown-menu .dropdown-item {
     color: $dark-gray;
   }
-}
+}