viniBaxter-desk_front 25 → 32.0.0

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

@@ -1,15 +1,19 @@
-@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";
+@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';
+@import 'mixins/nav-setup-normal';
+@import 'mixins/nav-setup-ntf';
+@import 'mixins/caret-color';
+@import 'mixins/nav-setup';

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

@@ -1,9 +1 @@
-@import 'new_nav/dropdown';
-
-@import 'new_nav/navbar';
-
-@import 'new_nav/fixed-plugin';
-@import 'new_nav/sidebar-and-main-panel';
-@import 'new_nav/misc';
-
-@import 'new_nav/white-content';
+@import 'new_nav/index';

data/lib/viniBaxter/sass/desk_front/beckyBaxter/{custom → custom-components}/_dropdown.scss

@@ -137,22 +137,6 @@
     }
   }
 
-  // &: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;

data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom-components/_index.scss

@@ -0,0 +1,12 @@
+// Custom folder
+// Custom Root files
+@import 'navbar';
+@import 'dropdown';
+@import 'pagination';
+@import 'misc';
+
+// Custom Vendor / Plugins
+@import 'vendor/index';
+
+// Custom Cards
+@import 'cards/index';

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

@@ -0,0 +1,14 @@
+.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;
+}

data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom-components/_white-content.scss

@@ -0,0 +1,519 @@
+.white-content {
+  background: $light-bg;
+
+  .navbar.navbar-transparent .navbar-brand {
+    color: $black-states;
+  }
+
+  .navbar.navbar-transparent .navbar-toggler-bar {
+    background: $black-states;
+  }
+  .navbar.navbar-transparent .navbar-nav li a:not(.dropdown-item) {
+    color: $black-states;
+    & i {
+      color: $black-states;
+    }
+  }
+
+  .navbar.navbar-transparent .navbar-minimize button i {
+    color: $black-states;
+  }
+
+  .navbar.navbar-transparent .search-bar.input-group i {
+    color: $black-states;
+  }
+  .navbar.navbar-transparent .search-bar.input-group .form-control {
+    color: $default;
+    &::placeholder {
+      color: $dark-gray;
+    }
+  }
+
+  .sidebar {
+    box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.1),
+      0 4px 20px 0 rgba(0, 0, 0, 0.15);
+    p {
+      color: $opacity-8;
+    }
+  }
+
+  .main-panel {
+    background: $light-bg;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  p,
+  ol li,
+  ul li,
+  pre {
+    color: $black-states;
+  }
+
+  .font-icon-detail i {
+    color: $black;
+  }
+
+  .btn:not([data-action]):hover {
+    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
+  }
+
+  .btn-neutral.btn-link {
+    color: rgba($black, 0.7);
+  }
+
+  //style for inputs
+
+  @include form-control-placeholder(rgba($black, 0.4), 1);
+  .has-danger {
+    .form-control,
+    .input-group-prepend .input-group-text {
+      border-color: $danger-states;
+    }
+  }
+
+  .input-group-prepend .input-group-text {
+    border-color: rgba($black-states, 0.5);
+    color: $black-states;
+  }
+
+  .form-control {
+    color: $black;
+    border-color: rgba($black-states, 0.5);
+    &:focus {
+      border-color: $primary;
+    }
+  }
+
+  .form-group.no-border,
+  .input-group.no-border {
+    .form-control,
+    .form-control + .input-group-prepend .input-group-text,
+    .form-control + .input-group-append .input-group-text,
+    .input-group-prepend .input-group-text,
+    .input-group-append .input-group-text {
+      background-color: $opacity-gray-3;
+      &:focus,
+      &:active,
+      &:active {
+        background-color: $opacity-gray-5;
+      }
+    }
+
+    .form-control {
+      &:focus {
+        & + .input-group-prepend .input-group-text,
+        & + .input-group-append .input-group-text {
+          background-color: $transparent-bg;
+        }
+      }
+    }
+  }
+
+  .input-group[disabled] {
+    .input-group-prepend .input-group-text,
+    .input-group-append .input-group-text {
+      background-color: $black;
+    }
+  }
+
+  .form-control[disabled],
+  .form-control[readonly],
+  fieldset[disabled] .form-control {
+    background: $light-gray;
+    border-color: rgba($black-states, 0.3);
+  }
+
+  .input-group-focus {
+    .input-group-prepend .input-group-text,
+    .input-group-append .input-group-text,
+    .form-control {
+      border-color: $primary;
+    }
+
+    &.no-border {
+      .input-group-prepend .input-group-text,
+      .input-group-append .input-group-text {
+        background-color: $opacity-gray-5;
+      }
+    }
+  }
+  .input-group-prepend .input-group-text {
+    border-right: none;
+  }
+
+  .input-group-append .input-group-text {
+    border-left: none;
+  }
+
+  .has-danger .form-control:focus,
+  .has-success.input-group-focus .input-group-append .input-group-text,
+  .has-success.input-group-focus .input-group-prepend .input-group-text {
+    border-color: $danger-states;
+  }
+
+  .has-success .form-control:focus,
+  .has-success.input-group-focus .input-group-append .input-group-text,
+  .has-success.input-group-focus .input-group-prepend .input-group-text {
+    border-color: darken($success, 10%);
+  }
+
+  .btn.btn-link {
+    &:hover,
+    &:active,
+    &:focus {
+      color: $dark-gray !important;
+    }
+  }
+
+  .btn-group .btn.active {
+    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
+  }
+
+  .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
+    background: darken($light-bg, 10%);
+  }
+
+  .bootstrap-switch-off:before {
+    background: rgba(darken($light-bg, 10%), 0.5);
+  }
+
+  .card:not(.card-white) {
+    &.card-pricing,
+    &.card-login,
+    &.card-register {
+      background: $card-black-background;
+    }
+    &.card-login,
+    &.card-register {
+      @include form-control-placeholder(#6c757c, 1);
+
+      .form-control {
+        border-color: lighten($black, 5%);
+      }
+
+      .form-group.no-border,
+      .input-group.no-border {
+        .form-control,
+        .form-control + .input-group-prepend .input-group-text,
+        .form-control + .input-group-append .input-group-text {
+          background-color: lighten($black, 1%);
+          &:focus,
+          &:active,
+          &:active {
+            background-color: lighten($black, 2%);
+          }
+        }
+
+        .form-control {
+          &:focus {
+            & + .input-group-prepend .input-group-text,
+            & + .input-group-append .input-group-text {
+              background-color: lighten($black, 2%);
+            }
+          }
+        }
+
+        .input-group-prepend .input-group-text,
+        .input-group-append .input-group-text {
+          background-color: lighten($black, 1%);
+        }
+      }
+
+      .input-group-append .input-group-text,
+      .input-group-prepend .input-group-text {
+        border: 1px solid lighten($black, 5%);
+        border-right: none;
+        color: $white;
+      }
+
+      .input-group-focus {
+        .input-group-prepend .input-group-text,
+        .input-group-append .input-group-text,
+        .form-control {
+          border-color: $primary;
+        }
+      }
+
+      .form-control {
+        color: $white;
+      }
+
+      label {
+        color: $opacity-6;
+      }
+    }
+  }
+
+  .card:not(.card-white) {
+    background: $white;
+    box-shadow: 0 1px 15px 0 rgba(123, 123, 123, 0.05);
+    .card-header {
+      color: $black;
+      a[data-toggle='collapse'] {
+        color: $black;
+      }
+    }
+    .card-header .card-title,
+    .card-body .card-title {
+      color: $black-states;
+    }
+
+    .card-body {
+      .card-category,
+      .card-description {
+        color: $black-states;
+      }
+    }
+
+    label:not(.btn) {
+      color: $default;
+    }
+
+    .pagination .page-item:not(.active) .page-link {
+      color: $black-states;
+      &:hover {
+        background: rgba($dark-gray, 0.1);
+      }
+    }
+
+    &:not(.card-wizard).nav-pills .nav-item .nav-link {
+      color: $nav-gray;
+      background-color: hsla(0, 0%, 87%, 0.3);
+      &:not(.active):hover {
+        background: hsla(0, 0%, 87%, 0.5);
+      }
+      &.active {
+        color: $white;
+      }
+    }
+
+    .tab-content .tab-pane {
+      color: $nav-gray;
+    }
+
+    .card {
+      box-shadow: none;
+    }
+
+    .card-collapse {
+      .card {
+        .card-body {
+          color: $dark-gray;
+        }
+      }
+    }
+
+    &.card-contributions {
+      span {
+        color: $dark-gray;
+      }
+      .bootstrap-switch-container {
+        span {
+          color: $white;
+        }
+      }
+    }
+    &.card-plain {
+      background: $transparent-bg;
+      box-shadow: none;
+    }
+
+    &.card-tasks {
+      .card-body {
+        i {
+          color: rgba(34, 42, 66, 0.7);
+          &:hover {
+            color: $black;
+          }
+        }
+      }
+    }
+  }
+
+  .table {
+    > tbody > tr > td {
+      color: rgba($black, 0.7) !important;
+    }
+
+    > thead > tr > th,
+    > tbody > tr > th,
+    > tfoot > tr > th,
+    > thead > tr > td,
+    > tbody > tr > td,
+    > tfoot > tr > td {
+      border-color: rgba($black, 0.2);
+      padding: 12px 7px;
+      vertical-align: middle;
+    }
+
+    > thead > tr > th,
+    button.btn-neutral.btn-link {
+      color: rgba($black, 0.7);
+    }
+  }
+
+  .footer ul li a {
+    color: $black-states;
+  }
+
+  .footer .copyright {
+    color: $black-states;
+  }
+
+  .progress-container,
+  .progress-container.progress.sm {
+    .progress {
+      background: rgba($black, 0.1);
+      box-shadow: 0 0 0 3px rgba($black, 0.1);
+      .progress-value {
+        color: $default;
+      }
+    }
+
+    .progress-badge {
+      color: $black-states;
+    }
+  }
+
+  .bootstrap-select button.dropdown-toggle {
+    border-color: rgba($black-states, 0.5);
+    .filter-option {
+      color: $black-states;
+    }
+
+    &:after {
+      color: $black-states;
+    }
+  }
+
+  //style for calendar
+
+  .fc-basic-view .fc-day-number,
+  .fc-basic-view .fc-week-number {
+    padding: 2px;
+    color: $default;
+  }
+
+  .fc-unthemed .fc-today {
+    background: darken($light-bg, 10%);
+  }
+
+  .fc-unthemed .fc-content,
+  .fc-unthemed .fc-divider,
+  .fc-unthemed .fc-list-heading td,
+  .fc-unthemed .fc-list-view,
+  .fc-unthemed .fc-popover,
+  .fc-unthemed .fc-row,
+  .fc-unthemed tbody,
+  .fc-unthemed td,
+  .fc-unthemed th,
+  .fc-unthemed thead {
+    border-color: $calendar-gray;
+  }
+
+  .fc-prev-button,
+  .fc-next-button {
+    color: $default;
+    &:hover {
+      color: $default;
+    }
+  }
+
+  .fc button.btn-primary:not([data-action]):hover,
+  .fc button:not([data-action]):hover {
+    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
+  }
+
+  .full-page {
+    background: $light-bg;
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    p,
+    ol li,
+    ul li,
+    pre {
+      color: $black-states;
+    }
+
+    .description {
+      color: $dark-gray;
+    }
+
+    .footer ul li a {
+      color: $black-states;
+    }
+
+    .footer .copyright {
+      color: $black-states;
+    }
+  }
+
+  .nav-pills .nav-item .nav-link:not(.active) {
+    background: darken($light-bg, 10%);
+    color: $black-states;
+    &:hover {
+      background: darken($white, 20%);
+    }
+  }
+
+  .card-pricing:not(.card-white) {
+    ul li {
+      color: $white;
+    }
+  }
+
+  .card:not(.card-pricing) {
+    &.card-wizard {
+      .card-body {
+        background: $white;
+      }
+      .card-footer {
+        background-color: $white !important;
+      }
+
+      .nav-pills .nav-item .nav-link p {
+        color: $black-states;
+      }
+    }
+
+    &.card-stats {
+      hr {
+        border-color: rgba($black-states, 0.1);
+      }
+      .card-title {
+        color: $black-states;
+      }
+      .card-category,
+      .stats {
+        color: $card-stats-gray;
+      }
+    }
+  }
+
+  .card-timeline .timeline > li.timeline-inverted > .timeline-panel {
+    background: $white;
+    .timeline-body p {
+      color: $black-states;
+    }
+
+    &:after,
+    &:before {
+      border-right-color: $white;
+      border-left-color: $white;
+    }
+  }
+
+  .card-timeline .timeline:before {
+    background-color: $light-gray;
+  }
+}