viniBaxter-desk_front 0.3.1 → 0.4.0

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

@@ -0,0 +1,141 @@
+.pagination {
+    .page-item .page-link {
+      border: 0;
+      border-radius: 30px !important;
+      transition: all .3s;
+      margin: 0 3px;
+      min-width: 30px;
+      text-align: center;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+      text-transform: uppercase;
+      outline: none;
+
+      &:hover,
+      &:focus {
+          background-color: rgba($white, 0.1);
+          color: $white;
+          border: none;
+          box-shadow: none;
+      }
+    }
+
+    .arrow-margin-left,
+    .arrow-margin-right {
+        position: absolute;
+    }
+
+    .arrow-margin-right {
+        right: 0;
+    }
+
+    .arrow-margin-left {
+        left: 0;
+    }
+
+    .page-item.active > .page-link {
+        color: $white;
+        box-shadow: $box-shadow;
+
+        &,
+        &:focus,
+        &:hover{
+          @include diagonal-gradient($primary, $primary-states);
+
+            color: $white;
+        }
+    }
+
+    .page-item.disabled > .page-link{
+        opacity: .5;
+    }
+
+    // Colors
+    &.pagination-info{
+        .page-item.active > .page-link{
+            &,
+            &:focus,
+            &:hover{
+                @include diagonal-gradient($info, $info-states);
+            }
+        }
+    }
+
+    &.pagination-success{
+        .page-item.active > .page-link{
+            &,
+            &:focus,
+            &:hover{
+                @include diagonal-gradient($success, $success-states);
+            }
+        }
+    }
+
+    &.pagination-primary{
+        .page-item.active > .page-link{
+            &,
+            &:focus,
+            &:hover{
+              @include diagonal-gradient($primary, $primary-states);
+
+            }
+        }
+    }
+
+    &.pagination-warning{
+        .page-item.active > .page-link{
+            &,
+            &:focus,
+            &:hover{
+              @include diagonal-gradient($warning, $warning-states);
+
+            }
+        }
+    }
+
+    &.pagination-danger{
+        .page-item.active > .page-link{
+            &,
+            &:focus,
+            &:hover{
+              @include diagonal-gradient($danger, $danger-states);
+
+            }
+        }
+    }
+
+    &.pagination-neutral{
+        .page-item > .page-link{
+            color: $white;
+
+            &:focus,
+            &:hover{
+                background-color: $opacity-2;
+                color: $white;
+            }
+        }
+
+        .page-item.active > .page-link{
+            &,
+            &:focus,
+            &:hover{
+                background-color: $white;
+                border-color: $white;
+                color: $brand-primary;
+            }
+        }
+    }
+
+}
+
+@include media-breakpoint-down(sm){
+  div.dataTables_paginate ul.pagination {
+    .page-item:first-of-type,
+    .page-item:nth-of-type(2),
+    .page-item:nth-of-type(8),
+    .page-item:last-of-type {
+       display: none !important;
+     }
+  }
+}

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

@@ -0,0 +1,169 @@
+.nav-pills {
+
+  &.flex-column li > a {
+    margin-bottom: 15px;
+  }
+
+  &.nav-pills:not(.flex-column) .nav-item:not(:last-child) .nav-link {
+    margin-right: 10px;
+    margin-bottom: 5px;
+  }
+
+  &:not(.nav-pills-icons):not(.nav-pills-just-icons) .nav-item .nav-link {
+    border-radius: $btn-round-radius;
+  }
+
+  &.nav-pills-just-icons .nav-item .nav-link {
+    border-radius: 50%;
+    height: 80px;
+    max-width: 80px;
+    min-width: auto;
+    padding: 0;
+    width: 80px;
+
+    .tim-icons {
+      font-size: 24px;
+      line-height: 80px;
+    }
+  }
+
+    .nav-item {
+        .nav-link{
+            padding: 0 15.5px;
+            text-align: center;
+            padding: $padding-btn-vertical $padding-round-horizontal;
+            min-width: 100px;
+            font-weight: $font-weight-normal;
+            color: rgba($white,0.5);
+            background-color: darken($black,5%);
+
+
+            &:hover{
+                background-color: darken($black,10%);
+            }
+
+            &.active{
+                &,
+                &:focus,
+                &:hover{
+                    background-color: $dark-gray;
+                    color: $white;
+                    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
+                }
+            }
+
+            &.disabled,
+            &:disabled,
+            &[disabled]{
+                opacity: .5;
+            }
+        }
+
+        i{
+            display: block;
+            font-size: 24px;
+            line-height: 60px;
+        }
+    }
+
+    &.nav-pills-neutral{
+        .nav-item {
+            .nav-link{
+                background-color: $opacity-2;
+                color: $white;
+
+                &.active{
+                    &,
+                    &:focus,
+                    &:hover{
+                        background-color: $white;
+                        color: $primary;
+                    }
+                }
+            }
+        }
+    }
+
+    &.nav-pills-primary{
+        .nav-item {
+            .nav-link.active{
+                &,
+                &:focus,
+                &:hover{
+                  @include diagonal-gradient($primary, $primary-states);
+                }
+            }
+        }
+    }
+
+    &.nav-pills-info{
+        .nav-item {
+            .nav-link.active{
+                &,
+                &:focus,
+                &:hover{
+                    @include diagonal-gradient($info, $info-states);
+                }
+            }
+        }
+    }
+
+    &.nav-pills-success{
+        .nav-item {
+            .nav-link.active{
+                &,
+                &:focus,
+                &:hover{
+                    @include diagonal-gradient($success, $success-states);
+                }
+            }
+        }
+    }
+
+    &.nav-pills-warning{
+        .nav-item {
+            .nav-link.active{
+                &,
+                &:focus,
+                &:hover{
+                    @include diagonal-gradient($warning, $warning-states);
+                }
+            }
+        }
+    }
+
+    &.nav-pills-danger{
+        .nav-item {
+            .nav-link.active{
+                &,
+                &:focus,
+                &:hover{
+                    @include diagonal-gradient($danger, $danger-states);
+                }
+            }
+        }
+    }
+}
+.tab-space{
+    padding: 20px 0 50px 0px;
+}
+
+.tab-content{
+    &.tab-subcategories{
+        margin-top: 20px;
+        background-color: $transparent-bg;
+        padding-left: 15px;
+        padding-right: 15px;
+    }
+    .tab-pane{
+      color: rgba($white,0.5);
+    }
+}
+
+.nav-align-center{
+    text-align: center;
+
+    .nav-pills{
+        display: inline-flex;
+    }
+}

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

@@ -0,0 +1,14 @@
+.popover {
+  border: 0;
+}
+
+.popover-header {
+	font-weight: $font-weight-bold;
+}
+
+// Alternative colors
+@each $color, $value in $theme-colors {
+    .popover-#{$color} {
+        @include popover-variant($value);
+    }
+}

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

@@ -0,0 +1,103 @@
+// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
+.progress-container{
+    position: relative;
+
+    &.progress-sm {
+      margin-top: 10px;
+
+      .progress {
+        .progress-value{
+          position: absolute;
+          top: -3px;
+          left: -27px;
+          color: $white;
+          font-size: $font-size-xs;
+        }
+      }
+    }
+
+    & + .progress-container,
+    & ~ .progress-container{
+        margin-top: $margin-base-vertical;
+    }
+    .progress-badge{
+        color: $white;
+        font-size: $font-size-sm;
+        text-transform: uppercase;
+
+        &.float-left{
+          margin-right: 20px;
+        }
+
+    }
+
+    .progress {
+      margin-bottom: 10px;
+      box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
+
+        .progress-bar {
+          border-radius:$border-radius-xl;
+          box-shadow: none;
+          background: $default;
+
+          .progress-value{
+            position: absolute;
+            top: 2px;
+            right: 0;
+            color: $white;
+            font-size: $font-size-xs;
+          }
+        }
+
+        &.progress-bar-sm{
+          height: 3px;
+        }
+    }
+
+    &.progress-neutral{
+        .progress{
+            background: rgba(255, 255, 255, .3);
+        }
+
+        .progress-bar{
+            background: $white;
+        }
+    }
+
+    &.progress-primary{
+      .progress-bar{
+        @include diagonal-gradient($primary-states, $primary);
+      }
+    }
+
+    &.progress-info{
+      .progress-bar{
+        @include diagonal-gradient($info-states, $info);
+      }
+    }
+
+    &.progress-success{
+      .progress-bar{
+        @include diagonal-gradient($success-states, $success);
+      }
+    }
+
+    &.progress-warning{
+      .progress-bar{
+        @include diagonal-gradient($warning-states, $warning);
+      }
+    }
+
+    &.progress-danger{
+      .progress-bar{
+        @include diagonal-gradient($danger-states, $danger);
+      }
+    }
+}
+
+.card-chart {
+  .progress-container+.progress-container,
+  .progress-container~.progress-container {
+    margin-top: 25px;
+  }
+}

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

@@ -0,0 +1,18 @@
+body {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+iframe {
+    border: 0;
+}
+
+figcaption,
+figure,
+main {
+    display: block;
+}
+
+main {
+	overflow: hidden;
+}