Luigi / wrapper-demo

Commit 016950ce1fd6dea80d1abe7cae9f683488fcf524

Authored by Eric Fernandez 2019-05-31 15:30:44 -0300

Exists in master

Merge branch 'master' into 'develop'

Master(mpuebla)

See merge request !118

Showing 1 changed file Show diff stats

src/sass/general.scss

Diff comments View file @ 016950c

 @import 'constants';
 @import 'admin-seguimiento';
 @import 'bootstrap';
 @import 'botonera';
 @import 'botonera-lateral';
 @import 'botonera-principal';
 @import 'botonera-secundaria';
 @import 'contenedor';
 @import 'lista';
 @import 'login';
 @import 'panel-informativo';
 @import 'tabla';
 @import 'teclado';
 @import 'tabla-articulos';
 @import 'acciones-mobile';
 @import 'swiper';
 @import 'foca-crear';
 @import 'logistica-pedido-ruta';
 @import 'tabs';
 @import 'grid';
 @import 'paginador-abm';
 @import 'table-autorizar-nota-pedido';
 //OCULTA FLECHAS INPUT NUMBER
 input[type='number'] {
     -moz-appearance:textfield;
 }
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     -webkit-appearance: none;
 }
 .d-md-grid{
     @media (min-width: 768px) {
         display: grid !important;
     }
 }
 .btn-outline-debo{
     background-color: transparent;
     color: $primary;
     border-color: $primary;
     &:hover{
         color: #FFF;
         border-color: transparent;
         background-color: $primary;
     }
     &:focus {
         box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
     }
     &:active {
         color: #FFF;
         background-color: $primary !important;
         box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
     }
 }
 .input-group-append > button {
     &:focus {
         border-color: $primary !important;
         box-shadow: 0 0 5px $primary !important;
     }
     &:active {
         border-color: $primary !important;
         box-shadow: 0 0 5px $primary !important;
     }
 }
 .input-group-append > button {
     &:focus {
         border-color: $primary !important;
         box-shadow: 0 0 5px $primary !important;
     }
     &:active {
         border-color: $primary !important;
         box-shadow: 0 0 5px $primary !important;
     }
 }
 .btn-login {
     box-shadow: none !important;
 }
 input[type="file"] {
     display: none;
 }
  .custom-file-upload {
     border: 1px solid #ccc;
     display: inline-block;
     padding: 6px 12px;
     cursor: pointer;
  }
 .btn-brown {
     background-color:$primary;
     -webkit-appearance: none;
     border-color: transparent;
     &:focus {
         outline: 0 !important;
         box-shadow: none;
     }
     .icon-white {
         color: white;
     }
 }
 .btn-Guardar {
     background-color:green;
     -webkit-appearance: none;
     border-color: transparent;
     &:focus {
         outline: 0 !important;
         box-shadow: none;
     }
     .icon-white {
         color: white;
     }
 }
 .page-item.active .page-link {
     z-index: 1;
     color: #fff;
     background-color: $primary;
     border-color: $primary;
 }
 .foca-input {
     &:focus {
         border-color: $primary;
         box-shadow: 0 0 5px $primary;
     }
+    &:hover {
+        border-color: $primary;
+        box-shadow: 0 0 5px $primary;
+    }
 }
 .btn-enviar {
     background-color: white;
     border-color: #cd9035;
     &:focus {
         box-shadow: none !important;
     }
     &:hover {
         border-color: $primaryTransparency !important;
         background-color: $primaryTransparency !important;
     }
     &:active{
         background-color: $primary !important;
         box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
     }
 }
 .btn-primary {
     background-color: $primary !important;
     border-color: $primary !important;
     &:focus {
         box-shadow: none !important;
     }
     &:hover {
         border-color: $primaryTransparency !important;
         background-color: $primaryTransparency !important;
     }
     &:active{
         background-color: $primary !important;
         box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
     }
 }
+.input-group-text {
+    &:focus {
+        outline: none;
+        border-color: $primary;
+        box-shadow: 0 0 5px $primary;
+    }
+    &:hover {
+        border-color: $primary;
+        box-shadow: 0 0 5px $primary;
+    }
+    &:active{
+        box-shadow: 0 0 5px $primary;
+    }
+}
 .btn-default {
     color: #FFF;
     background-color: $default !important;
     border-color: $default !important;
     &:focus {
         box-shadow: none !important;
     }
     &:hover {
         color: #FFF;
         border-color: $defaultTransparency !important;
         background-color: $defaultTransparency !important;
     }
     &:active{
         background-color: $default !important;
         box-shadow: 0px 0px 0px 3px $defaultTransparency !important;
     }
 }
 .btn-danger {
     &:hover {
         color: #FFF;
         border-color: $dangerTransparency !important;
         background-color: $dangerTransparency !important;
     }
 }
 .table-celda-total {
    background-color: $highlightedArea;
 }
 marquee {
     background-color: $highlightedArea;
 }
 .front-index{
     z-index: 9999;
 }
 .uib-daypicker{
     outline: 0
 }
 .right-0{
     right: 0;
 }
 .tabla-factura{
     word-wrap: break-word;
     table-layout: fixed;
 }
 .ladda-w-100 .ladda-label{
     width: 100%;
     float: right;
 }
 .btn-delete-image{
     height: 25px;
     width: 25px;
     top: -10px;
     right: 0;
 }
 button.clear-input{
     cursor: pointer;
     background: transparent;
     border: none;
     margin-left: -24px;
     z-index: 9;
     color: #a3a3a3;
     &:focus{
         outline: none;
     }
 }
 .custom-control-input {
     &:checked ~ .custom-control-label::before {
 		border: none !important;
         color: $primary !important;
 		background-color: $primary !important;
         box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
     }
 	&:active ~ .custom-control-label::before {
 		border: none !important;
         color: $primary !important;
 		background-color: $primary !important;
     }
     &:focus ~ .custom-control-label::before {
 		border: none !important;
         box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
     }
     &:focus:not(:checked) ~ .custom-control-label::before {
         border: none !important;
     }
     &:not(:disabled):active ~ .custom-control-label::before {
         border: none !important;
         color: $primary !important;
         box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
 	}
 	&:hover ~ .custom-control-label::before {
 		border: none !important;
 		background-color: $primaryTransparency;
 	}
 }