viniBaxter-desk_front 26 → 34.0.0

data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_alert.scss

@@ -1,14 +0,0 @@
-@mixin alert-variant($background, $border, $color) {
-    color: color-yiq($background);
-    // @include gradient-bg($background);
-    background-color: lighten($background, 5%);
-    border-color: $border;
-
-    hr {
-        border-top-color: darken($border, 5%);
-    }
-
-    .alert-link {
-        color: darken($color, 10%);
-    }
-}

data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_background-variant.scss

@@ -1,18 +0,0 @@
-// Contextual backgrounds
-@mixin bg-variant($parent, $color) {
-    #{$parent} {
-        background-color: $color !important;
-    }
-    a#{$parent},
-    button#{$parent} {
-        @include hover-focus {
-            background-color: darken($color, 10%) !important;
-        }
-    }
-}
-
-@mixin bg-gradient-variant($parent, $color) {
-    #{$parent} {
-        background: linear-gradient(87deg, $color 0, adjust-hue($color, 25%) 100%) !important;
-    }
-}

data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_badges.scss

@@ -1,15 +0,0 @@
-@mixin badge-variant($bg) {
-  color: color-yiq($bg);
-  background-color: $bg;
-
-  &[href] {
-    @include hover-focus {
-      color: color-yiq($bg);
-      text-decoration: none;
-      background-color: darken($bg, 3%);
-    }
-  }
-  .tagsinput-remove-link{
-      color: $white;
-  }
-}

data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_buttons.scss

@@ -1,357 +0,0 @@
-@mixin btn-styles($btn-color, $btn-states-color) {
- @include diagonal-gradient($btn-color, $btn-states-color);
- background-color: $btn-color;
- transition: all 0.15s ease;
- box-shadow: none;
-
- &.animation-on-hover:hover {
-  background-position: bottom left;
-  transition: 0.3s ease-in-out;
- }
-
- &:hover,
- &:focus,
- &:active,
- &.active,
- &:active:focus,
- &:active:hover,
- &.active:focus,
- &.active:hover {
-  background-color: $btn-states-color !important;
-  background-image: linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
-  background-image: -webkit-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
-  background-image: -o-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
-  background-image: -moz-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
-  color: $white;
-  box-shadow: none;
- }
-
- &:active {
-  box-shadow: none !important;
-  transform: translateY(1px) !important;
-  transition: all .15s ease;
- }
-
- &:not([data-action]):hover {
-
-  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
-  transform: translateY(-1px);
-  -webkit-transform: translateY(-1px);
- }
-
- &.disabled,
- &:disabled,
- &[disabled],
- fieldset[disabled] & {
-
-  &,
-  &:hover,
-  &:focus,
-  &.focus,
-  &:active,
-  &.active {
-   background-color: $btn-color;
-   border-color: $btn-color;
-  }
- }
-
- // btn-neutral style
- @if $btn-color==$white {
-  color: $primary;
-
-  &.btn-danger {
-   color: $danger;
-
-   &:hover,
-   &:focus,
-   &:active,
-   &:active:focus {
-    color: $danger-states;
-   }
-  }
-
-  &.btn-info {
-   color: $info;
-
-   &:hover,
-   &:focus,
-   &:active,
-   &:active:focus {
-    color: $info-states;
-   }
-  }
-
-  &.btn-warning {
-   color: $warning;
-
-   &:hover,
-   &:focus,
-   &:active,
-   &:active:focus {
-    color: $warning-states;
-   }
-  }
-
-  &.btn-success {
-   color: $success;
-
-   &:hover,
-   &:focus,
-   &:active,
-   &:active:focus {
-    color: $success-states;
-   }
-  }
-
-  &.btn-default {
-   color: $default;
-
-   &:hover,
-   &:focus,
-   &:active,
-   &:active:focus {
-    color: $default-states;
-   }
-  }
-
-  &.active,
-  &:active,
-  &:active:focus,
-  &:active:hover,
-  &.active:focus,
-  &.active:hover,
-  .show>&.dropdown-toggle,
-  .show>&.dropdown-toggle:focus,
-  .show>&.dropdown-toggle:hover {
-   background-color: $white;
-   color: $primary-states;
-   box-shadow: none;
-  }
-
-  &:hover,
-  &:focus {
-   color: $primary-states;
-
-   &:not(.nav-link) {
-    box-shadow: none;
-   }
-
-  }
-
- }
-
- @else {
-  color: $white;
- }
-
- &.btn-simple {
-  color: $btn-color;
-  border-color: $btn-color;
-  background: $transparent-bg;
-
-  &:hover,
-  &:focus,
-  &:active,
-  &:not(:disabled):not(.disabled):active {
-   color: $btn-color;
-   border-color: $btn-color;
-   background-color: $transparent-bg !important;
-   background-image: none !important;
-   box-shadow: none;
-  }
-
-  &.active {
-   border-color: $btn-color !important;
-
-   &:hover,
-   &:focus,
-   &:active,
-   &:not(:disabled):not(.disabled):active {
-    color: $white;
-    border-color: $btn-color;
-    background-image: linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
-    background-image: -webkit-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
-    background-image: -o-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
-    background-image: -moz-linear-gradient(to bottom left, $btn-color, $btn-states-color, $btn-color) !important;
-    background-color: $btn-states-color !important;
-    box-shadow: none;
-   }
-  }
- }
-
- &.btn-link {
-  color: $btn-color;
-
-  &:hover,
-  &:focus,
-  &:active {
-   background-color: $transparent-bg !important;
-   background-image: none !important;
-   color: $white !important;
-   text-decoration: none;
-   box-shadow: none;
-  }
- }
-}
-
-@mixin button-variant($background, $border, $hover-background: darken($background, 0%), $hover-border: darken($border, 0%), $active-background: darken($background, 10%), $active-border: darken($border, 0%)) {
- color: color-yiq($background);
- @include gradient-bg($background);
- border-color: $border;
- @include box-shadow($btn-box-shadow);
-
- @include hover {
-  color: color-yiq($hover-background);
-  @include gradient-bg($hover-background);
-  border-color: $hover-border;
- }
-
- &:focus,
- &.focus {
-
-  // Avoid using mixin so we can pass custom focus shadow properly
-  @if $enable-shadows {
-   box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
-  }
-
-  @else {
-   box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
-  }
- }
-
- // Disabled comes first so active can properly restyle
- &.disabled,
- &:disabled {
-  color: color-yiq($background);
-  background-color: $background;
-  border-color: $border;
- }
-
- &:not(:disabled):not(.disabled):active,
- &:not(:disabled):not(.disabled).active,
- .show>&.dropdown-toggle {
-  color: color-yiq($active-background);
-  background-color: $active-background;
-
-  @if $enable-gradients {
-   background-image: none; // Remove the gradient for the pressed/active state
-  }
-
-  border-color: $active-border;
-
-  &:focus {
-
-   // Avoid using mixin so we can pass custom focus shadow properly
-   @if $enable-shadows {
-    box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
-   }
-
-   @else {
-    box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
-   }
-  }
- }
-}
-
-@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
- color: $color;
- background-color: transparent;
- background-image: none;
- border-color: $color;
-
- &:hover {
-  color: $color-hover;
-  background-color: $active-background;
-  border-color: $active-border;
- }
-
- &:focus,
- &.focus {
-  box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
- }
-
- &.disabled,
- &:disabled {
-  color: $color;
-  background-color: transparent;
- }
-
- &:not(:disabled):not(.disabled):active,
- &:not(:disabled):not(.disabled).active,
- .show>&.dropdown-toggle {
-  color: color-yiq($active-background);
-  background-color: $active-background;
-  border-color: $active-border;
-
-  &:focus {
-
-   // Avoid using mixin so we can pass custom focus shadow properly
-   @if $enable-shadows and $btn-active-box-shadow !=none {
-    box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);
-   }
-
-   @else {
-    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
-   }
-  }
- }
-}
-
-// Button sizes
-@mixin btn-size($padding-vertical, $padding-horizontal, $font-size, $border) {
- font-size: $font-size;
- border-radius: $border;
- padding: $padding-vertical $padding-horizontal;
-
- &.btn-simple {
-  padding: $padding-vertical - 1 $padding-horizontal - 1;
- }
-
-}
-
-// for social buttons
-@mixin social-buttons-color ($color, $state-color) {
- @include diagonal-gradient($color, darken($color, 20%));
- //background-color: $color;
- color: $white;
- background-size: 210% 210%;
- background-position: top right;
- background-repeat: space;
-
- &:focus,
- &:active,
- &:hover {
-  background-color: $state-color;
-  background-image: linear-gradient(to bottom left, $color, darken($color, 20%), $color) !important;
-  background-image: -webkit-linear-gradient(to bottom left, $color, darken($color, 20%), $color) !important;
-  background-image: -o-linear-gradient(to bottom left, $color, darken($color, 20%), $color) !important;
-  background-image: -moz-linear-gradient(to bottom left, $color, darken($color, 20%), $color) !important;
-  color: $white;
- }
-
- &.btn-simple {
-  color: $state-color;
-  background-color: $transparent-bg;
-  background-image: none !important;
-  box-shadow: none;
-  border-color: $state-color;
-
-  &:hover,
-  &:focus,
-  &:active {
-   color: $state-color;
-   border-color: $state-color;
-  }
- }
-
- &.btn-neutral {
-  color: $color;
-  background-color: $white;
-
-  &:hover,
-  &:focus,
-  &:active {
-   color: $state-color;
-  }
- }
-}

data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_dropdown.scss

@@ -1,26 +0,0 @@
-@mixin dropdown-colors($brand-color, $dropdown-header-color, $dropdown-color, $background-color ) {
-    background-color: $brand-color;
-
-    &:before{
-        color: $brand-color;
-    }
-
-    .dropdown-header:not([href]):not([tabindex]){
-        color: $dropdown-header-color;
-    }
-
-    .dropdown-item{
-        color: $dropdown-color;
-
-        &:hover,
-        &:focus{
-            background-color: $background-color;
-        }
-    }
-
-    .dropdown-divider{
-        background-color: $background-color;
-    }
-
-  
-}

data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_icon.scss

@@ -1,4 +0,0 @@
-@mixin icon-shape-variant($color) {
-    color: saturate(darken($color, 10%), 10);
-    background-color: transparentize(lighten($color, 10%), .5);
-}

data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_inputs.scss

@@ -1,234 +0,0 @@
-@mixin input-size($padding-vertical, $padding-horizontal){
-    padding: $padding-vertical $padding-horizontal;
-}
-
-@mixin form-control-placeholder($color, $opacity){
-   .form-control::-moz-placeholder{
-       color: $color;
-       @include opacity(1);
-   }
-   .form-control:-moz-placeholder{
-       color: $color;
-       @include opacity(1);
-   }
-   .form-control::-webkit-input-placeholder{
-       color: $color;
-       @include opacity(1);
-   }
-   .form-control:-ms-input-placeholder{
-       color: $color;
-       @include opacity(1);
-   }
-}
-
-@mixin placeholder() {
-  &::-moz-placeholder {@content; } // Firefox
-  &:-ms-input-placeholder {@content; } // Internet Explorer 10+
-  &::-webkit-input-placeholder  {@content; } // Safari and Chrome
-}
-
-@mixin light-form(){
-    border-radius: 0;
-    border:0;
-    padding: 0;
-    background-color: transparent;
-
-}
-
-
-@mixin form-control-lg-padding($padding-vertical, $padding-horizontal) {
-    .form-group.no-border.form-control-lg,
-    .input-group.no-border.form-control-lg{
-        .input-group-append .input-group-text{
-            padding: $padding-vertical 0 $padding-vertical $padding-horizontal;
-        }
-
-        .form-control{
-            padding: $padding-vertical $padding-horizontal;
-
-            & + .input-group-prepend .input-group-text,
-            & + .input-group-append .input-group-text{
-                padding: $padding-vertical $padding-horizontal $padding-vertical 0;
-            }
-
-
-        }
-    }
-
-    .form-group.form-control-lg,
-    .input-group.form-control-lg{
-        .form-control{
-            padding: $padding-vertical - 1 $padding-horizontal - 1;
-            height: 100%;
-
-            & + .input-group-prepend .input-group-text,
-            & + .input-group-append .input-group-text{
-                padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical - 1 0;
-            }
-        }
-
-        .input-group-prepend .input-group-text,
-        .input-group-append .input-group-text{
-            padding: $padding-vertical - 1 0 $padding-vertical $padding-horizontal - 1;
-
-            & + .form-control{
-                padding: $padding-vertical  $padding-horizontal - 1 $padding-vertical $padding-horizontal - 3;
-            }
-        }
-    }
-}
-
-
-
-@mixin input-base-padding($padding-vertical, $padding-horizontal) {
-    .form-group.no-border,
-    .input-group.no-border{
-        .form-control{
-            padding: $padding-vertical $padding-horizontal;
-
-            & + .input-group-prepend .input-group-text,
-            & + .input-group-append .input-group-text{
-                padding: $padding-vertical $padding-horizontal $padding-vertical 0;
-            }
-        }
-
-        .input-group-prepend .input-group-text,
-        .input-group-append .input-group-text{
-            padding: $padding-vertical 0 $padding-vertical $padding-horizontal;
-        }
-    }
-
-    .form-group,
-    .input-group{
-        .form-control{
-            padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical - 1 $padding-horizontal - 1;
-
-            & + .input-group-prepend .input-group-text,
-            & + .input-group-append .input-group-text{
-                padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical - 1 0;
-            }
-        }
-
-        .input-group-prepend .input-group-text,
-        .input-group-append .input-group-text{
-            padding: $padding-vertical - 1 0 $padding-vertical - 1 $padding-horizontal - 1;
-
-            & + .form-control,
-            & ~ .form-control{
-                padding:$padding-vertical - 1 $padding-horizontal $padding-vertical $padding-horizontal - 3;
-            }
-        }
-    }
-}
-
-
-//color1 = $opacity-5
-//color2 = $opacity-8
-//color3 = $white-color
-//color4 = $transparent-bg
-//color5 = $opacity-1
-//color6 = $opacity-2
-
-
-@mixin input-coloured-bg($color1, $color2, $color3, $color4, $color5, $color6) {
-    @include form-control-placeholder(rgba($white, 0.4), 1);
-
-    .form-control{
-        border-color: $color1;
-        color: $color2;
-
-        &:focus{
-            border-color: $color3;
-            background-color: $color4;
-            color: $color3;
-        }
-    }
-
-    .has-success,
-    .has-danger{
-        &:after{
-            color: $color3;
-        }
-    }
-
-    .has-danger{
-        .form-control{
-            background-color: $color4;
-        }
-    }
-
-    .input-group-prepend{
-      margin-right: 0;
-    }
-
-    .input-group-prepend .input-group-text,
-    .input-group-append .input-group-text{
-        background-color: rgba($background-black, 0.2);
-        border-color: $color1;
-        color: $color2;
-
-
-    }
-
-    .input-group-focus{
-        .input-group-prepend .input-group-text,
-        .input-group-append .input-group-text{
-            background-color: rgba($background-black, 0.3);
-            border-color: $color3;
-            color: $color3;
-        }
-    }
-
-    .form-group.no-border,
-    .input-group.no-border{
-        .form-control{
-            background-color: rgba($background-black,0.2);
-            color: $color2;
-
-            &:focus,
-            &:active,
-            &:active{
-                background-color: rgba($background-black,0.3);
-                color: $color3;
-            }
-        }
-
-        .form-control + .input-group-prepend .input-group-text,
-        .form-control + .input-group-append .input-group-text{
-            background-color: rgba($background-black,0.2);;
-
-            &:focus,
-            &:active,
-            &:active{
-                background-color: rgba($background-black,0.3);
-                color: $color3;
-            }
-        }
-
-        .form-control{
-            &:focus{
-                & + .input-group-prepend .input-group-text,
-                & + .input-group-append .input-group-text{
-                    background-color: rgba($background-black, 0.3);
-                    color: $color3;
-                }
-            }
-        }
-
-        .input-group-prepend .input-group-text,
-        .input-group-append .input-group-text{
-            background-color: rgba($background-black, 0.2);
-            border: none;
-            color: $color2;
-        }
-
-        &.input-group-focus{
-            .input-group-prepend .input-group-text,
-            .input-group-append .input-group-text{
-                background-color: rgba($background-black, 0.3);
-                color: $color3;
-            }
-        }
-    }
-
-}