viniBaxter-desk_front 26 → 34.0.0

data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_example-pages.scss

@@ -1,319 +0,0 @@
-.login-page {
-    .card-login {
-        border-radius: $border-radius-lg;
-        padding-bottom: $padding-base-horizontal;
-
-        .card-header {
-          padding: 0 0 100px;
-          overflow: hidden;
-          img{
-            position: absolute;
-          }
-          .card-title{
-            position: relative;
-            font-size: 5em;
-            font-weight: 900;
-            color: $black;
-            text-transform: lowercase;
-            margin-left: -5px;
-            z-index: 1;
-          }
-        }
-        .btn-wd{
-            min-width: 180px;
-        }
-
-        .logo-container{
-            width: 65px;
-            margin: 0 auto;
-            margin-bottom: 55px;
-
-            img{
-                width: 100%;
-            }
-        }
-
-        .input-group:last-child{
-            margin-bottom: 40px;
-        }
-
-        &.card-plain{
-            @include input-coloured-bg($opacity-5, $white, $white, $transparent-bg, $opacity-1, $opacity-2);
-
-            .input-group-addon,
-            .form-group.no-border .input-group-addon,
-            .input-group.no-border .input-group-addon{
-                color: $opacity-8;
-            }
-        }
-
-        &.card-white{
-
-          background: $white;
-
-          .card-header{
-            .card-title{
-              color: $white;
-            }
-          }
-
-          @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.2);
-              color: $black-states;
-            }
-
-            .form-control{
-              color: $black;
-              border-color: rgba($black-states,0.2);
-              &: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{
-                background-color: $white;
-                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%);
-          }
-
-        }
-    }
-
-    .link{
-        font-size: 10px;
-        text-decoration: none;
-    }
-
-    .card-black{
-      .link{
-        color: $white;
-      }
-    }
-}
-
-.full-page{
-    & > .content,
-    & > .footer{
-        position: relative;
-        z-index: 4;
-    }
-
-    & > .content{
-        padding-bottom: 150px;
-        padding-top: 150px;
-    }
-
-    .footer{
-        position: absolute;
-        width: 100%;
-        bottom: 0;
-        padding-left: 48px;
-        padding-right: 48px;
-
-        .container{
-            color: $white;
-        }
-    }
-
-    .full-page-background{
-        position: absolute;
-        z-index: 1;
-        height: 100%;
-        width: 100%;
-        display: block;
-        top: 0;
-        left: 0;
-        background-size: cover;
-        background-position: center center;
-    }
-
-
-
-    &.pricing-page{
-        .description{
-            margin-bottom: 65px;
-            color: rgba($white,0.7);
-        }
-    }
-
-    &.register-page{
-        .info-horizontal{
-            padding: 0px 0px 20px;
-        }
-
-        .info-horizontal{
-            text-align: left !important;
-
-            .icon{
-                margin-top: 0;
-
-                >i{
-                    font-size: 2em;
-                }
-
-                &.icon-circle{
-                    width: 65px;
-                    height: 65px;
-                    max-width: 65px;
-                    margin-top: 8px;
-
-                    i{
-                        display: table;
-                        margin: 0 auto;
-                        line-height: 3.5;
-                        font-size: 1.9em;
-                    }
-                }
-            }
-            .description{
-                overflow: hidden;
-                .info-title{
-                  margin-bottom: 20px;
-                }
-            }
-
-        }
-    }
-
-    &.pricing-page, &.login-page, &.lock-page, &.register-page {
-      min-height: 100vh;
-      background: radial-gradient($background-black, $background-states-black);
-    }
-}
-
-@include media-breakpoint-down(sm){
-
-  .landing-page .section-story-overview .image-container:nth-child(2) {
-    margin-left: 0;
-    margin-bottom: 30px;
-  }
-
-  .login-page .card-login .card-header img {
-    width: 70%;
-  }
-}
-
-@include media-breakpoint-down(xs){
-  .register-page .full-page >.content {
-    padding-top: 50px;
-  }
-
-  .page-header{
-    .container h6.category-absolute{
-        width: 90%;
-    }
-  }
-}
-
-@media only screen
-and (min-device-width : 768px)
-and (max-device-width : 1024px)
-and (orientation : landscape) {
-
-  .pricing-page,
-  .register-page,
-  .login-page,
-  .lock-page {
-    .navbar .navbar-toggle .navbar-toggler{
-      display: none;
-    }
-  }
-
-}
-
-@media only screen
-and (min-device-width : 768px)
-and (max-device-width : 1024px)
-and (orientation : portrait) {
-  .register-page .full-page .content {
-    .card-register {
-      margin-top: 3rem!important;
-    }
-  }
-}
-
-@include media-breakpoint-down(md){
-  .lock-page,
-  .login-page,
-  .pricing-page,
-  .register-page {
-    .navbar {
-      .navbar-wrapper .navbar-toggle {
-        display: none !important;
-      }
-    }
-  }
-}

data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_fixed-plugin.scss

@@ -1,335 +0,0 @@
-.fixed-plugin{
-    position: fixed;
-    right: 0;
-    width: 64px;
-    background: rgba(0,0,0,.3);
-    z-index: 1031;
-    border-radius: 8px 0 0 8px;
-    text-align: center;
-    top: 130px;
-
-    li > a,
-    .badge{
-        transition: all .34s;
-        -webkit-transition: all .34s;
-        -moz-transition: all .34s;
-    }
-
-    .fa-cog{
-        color: $white;
-        padding: 10px;
-        border-radius: 0 0 6px 6px;
-        width: auto;
-    }
-
-    .dropdown-menu{
-        right: 80px;
-        left: auto !important;
-        top: -52px !important;
-        width: 290px;
-        border-radius: 0.1875rem;
-        padding: 0 10px;
-        background: linear-gradient($black, $black-states);
-    }
-
-    .dropdown .dropdown-menu .tim-icons{
-      top: 5px;
-    }
-
-    .dropdown-menu:after,
-    .dropdown-menu:before{
-        right: 10px;
-        margin-left: auto;
-        left: auto;
-    }
-
-    .fa-circle-thin{
-        color: $white;
-    }
-
-    .active .fa-circle-thin{
-        color: $active-blue;
-    }
-
-    .dropdown-menu > .active > a,
-    .dropdown-menu > .active > a:hover,
-    .dropdown-menu > .active > a:focus{
-        color: $active-gray;
-        text-align: center;
-    }
-
-    img{
-        border-radius: 0;
-        width: 100%;
-        height: 100px;
-        margin: 0 auto;
-    }
-
-    .dropdown-menu li > a:hover,
-    .dropdown-menu li > a:focus{
-        box-shadow: none;
-    }
-
-    .badge{
-        border: 2px solid $white;
-        border-radius: 50%;
-        cursor: pointer;
-        display: inline-block;
-        height: 23px;
-        margin-right: 5px;
-        position: relative;
-        width: 23px;
-    }
-
-    .badge.active,
-    .badge:hover{
-        border-color: $black-states;
-    }
-
-    .light-badge, .dark-badge{
-      margin:0;
-      border: 1px solid $info;
-      &:hover{
-        border: 1px solid $info;
-      }
-    }
-
-    .light-badge{
-      background: $white;
-      &:hover{
-        background: $white;
-      }
-    }
-
-    .dark-badge{
-      background: $black;
-      &:hover{
-        background: $black;
-      }
-    }
-
-    h5{
-      margin: 10px;
-    }
-
-    .dropdown-menu li{
-        display: block;
-        padding: 18px 2px;
-        width: 25%;
-        float: left;
-    }
-
-    li.adjustments-line,
-    li.header-title,
-    li.button-container{
-        width: 100%;
-        height: 50px;
-        min-height: inherit;
-    }
-
-    li.button-container{
-        height: auto;
-
-        div{
-            margin-bottom: 5px;
-        }
-    }
-
-    #sharrreTitle{
-        text-align: center;
-        padding: 10px 0;
-        height: 50px;
-    }
-
-    li.header-title{
-        color: $white;
-        height: 30px;
-        line-height: 25px;
-        font-size: 12px;
-        font-weight: 600;
-        text-align: center;
-        text-transform: uppercase;
-    }
-
-    .adjustments-line{
-
-        a{
-            color: transparent;
-
-            .badge-colors{
-                position: relative;
-                top: -2px;
-            }
-
-            a:hover,
-            a:focus{
-                color: transparent;
-            }
-        }
-
-        .togglebutton{
-            text-align: center;
-
-            .label-switch{
-              position: relative;
-              left: -10px;
-              font-size: $font-size-xs;
-              color: $white;
-
-              &.label-right{
-                left: 10px;
-              }
-            }
-
-            .toggle{
-                margin-right: 0;
-            }
-        }
-
-        .color-label{
-          position: relative;
-          top: -7px;
-          font-size: $font-size-xs;
-          color: $white;
-        }
-
-        .dropdown-menu > li.adjustments-line > a{
-              padding-right: 0;
-              padding-left: 0;
-              border-bottom: 1px solid #ddd;
-              border-radius: 0;
-              margin: 0;
-        }
-    }
-
-
-
-    .dropdown-menu{
-        > li{
-            & > a.img-holder{
-                  font-size: $font-paragraph;
-                  text-align: center;
-                  border-radius: 10px;
-                  background-color: $white;
-                  border: 3px solid $white;
-                  padding-left: 0;
-                  padding-right: 0;
-                  opacity: 1;
-                  cursor: pointer;
-                  display: block;
-                  max-height: 100px;
-                  overflow: hidden;
-                  padding: 0;
-
-                  img{
-                     margin-top: auto;
-                  }
-            }
-
-            a.switch-trigger:hover,
-            & > a.switch-trigger:focus{
-                background-color: transparent;
-            }
-
-            &:hover,
-            &:focus{
-                > a.img-holder{
-                    border-color: rgba(0, 187, 255, 0.53);;
-                }
-            }
-        }
-
-        > .active > a.img-holder,
-        > .active > a.img-holder{
-            border-color: $active-blue;
-            background-color: $white;
-        }
-
-    }
-
-    .btn-social{
-        width: 50%;
-        display: block;
-        width: 48%;
-        float: left;
-        font-weight: 600;
-    }
-
-    .btn-social{
-        i{
-            margin-right: 5px;
-        }
-
-        &:first-child{
-            margin-right: 2%;
-        }
-    }
-
-    .dropdown{
-        .dropdown-menu{
-             -webkit-transform: translateY(-15%);
-             -moz-transform: translateY(-15%);
-             -o-transform: translateY(-15%);
-             -ms-transform: translateY(-15%);
-             transform: translateY(-15%);
-             top: 27px;
-             opacity: 0;
-
-             transform-origin: 0 0;
-
-             &:before{
-                 border-bottom: .4em solid rgba(0, 0, 0, 0);
-                 border-left: .4em solid rgba(0,0,0,0.2);
-                 border-top: .4em solid rgba(0,0,0,0);
-                 right: -16px;
-                 top: 46px;
-             }
-
-             &:after{
-                 border-bottom: .4em solid rgba(0, 0, 0, 0);
-                 border-left: .4em solid $black;
-                 border-top: .4em solid rgba(0,0,0,0);
-                 right: -16px;
-             }
-
-             &:before,
-             &:after{
-                 content: "";
-                 display: inline-block;
-                 position: absolute;
-                 top: 74px;
-                 width: 16px;
-                 transform: translateY(-50%);
-                 -webkit-transform: translateY(-50%);
-                 -moz-transform: translateY(-50%);
-             }
-        }
-
-        &.show .dropdown-menu{
-             opacity: 1;
-
-             -webkit-transform: translateY(-13%);
-             -moz-transform: translateY(-13%);
-             -o-transform: translateY(-13%);
-             -ms-transform: translateY(-13%);
-             transform: translateY(-13%);
-
-             transform-origin: 0 0;
-        }
-    }
-
-    .bootstrap-switch{
-        margin:0;
-    }
-}
-
-@include media-breakpoint-down(xs){
-  .fixed-plugin {
-    top: 100px;
-  }
-
-  .fixed-plugin .dropdown-menu {
-    width: 225px;
-    top: -65px !important;
-  }
-}