diff --git a/src/sass/_botonera-principal.scss b/src/sass/_botonera-principal.scss index 36c34fb..66a3b47 100644 --- a/src/sass/_botonera-principal.scss +++ b/src/sass/_botonera-principal.scss @@ -7,12 +7,12 @@ @media (max-width: 576px) { width: 100%; } - @media (min-width: 992px) and (max-width: 1200px){ + @media (min-width: 992px) and (max-width: 1200px) { width: 150px; } } button { - background-image: url('../img/botonera.png'); + background-image: url("../img/botonera.png"); border-radius: 12px; border-width: 0; height: 90px; @@ -29,12 +29,16 @@ color: #777777; } &:hover { - background-color:rgb(250,250,250); - filter:drop-shadow(4px 4px 4px gray); + background-color: rgb(250, 250, 250); + filter: drop-shadow(4px 4px 4px gray); } &:active { background-color: rgb(230, 230, 230); - filter:drop-shadow(4px 4px 4px gray); + filter: drop-shadow(4px 4px 4px gray); + } + &:focus { + background-color: rgb(250, 250, 250); + filter: drop-shadow(4px 4px 4px gray); } } &-menu { @@ -47,7 +51,7 @@ &-logo { width: 100%; margin-left: 50%; - opacity: .8; + opacity: 0.8; @media (max-width: 576px) { width: 180%; margin-left: 20%; @@ -87,14 +91,14 @@ } &-estado-cisterna { & button { - background-image: url('../img/control_stock.png'); + background-image: url("../img/control_stock.png"); background-size: 90px 90px; } } &-logistica { & button { - background-image: url('../img/logistica.png'); - background-size: 90px 90px; + background-image: url("../img/logistica.png"); + background-size: 90px 90px; } } &-facturador { @@ -107,111 +111,111 @@ } &-nota-pedido { & button { - background-image: url('../img/notaPedido.png'); + background-image: url("../img/notaPedido.png"); background-size: 90px 90px; } } &-remito { & button { - background-image: url('../img/remito.png'); + background-image: url("../img/remito.png"); background-size: 90px 90px; } } &-hoja-ruta { & button { - background-image: url('../img/hoja-ruta.png'); + background-image: url("../img/hoja-ruta.png"); background-size: 86px 90px; } } &-activar-hoja-ruta { & button { - background-image: url('../img/activar_hoja.png'); + background-image: url("../img/activar_hoja.png"); background-size: 90px 90px; } } &-hoja-ruta-transportista { & button { - background-image: url('../img/hojaRutaVolante.png'); + background-image: url("../img/hojaRutaVolante.png"); background-size: 90px 90px; } } &-seguimiento { & button { - background-image: url('../img/seguimientoNotaPedido.png'); + background-image: url("../img/seguimientoNotaPedido.png"); background-size: 90px 90px; } } &-seguimiento-hoja-ruta { & button { - background-image: url('../img/seguimientoHojaRuta.png'); + background-image: url("../img/seguimientoHojaRuta.png"); background-size: 90px 90px; } } &-cobranzas { & button { - background-image: url('../img/cobranzas.png'); + background-image: url("../img/cobranzas.png"); background-size: 90px 90px; } } &-seguimiento-cobranzas { & button { - background-image: url('../img/seguimientoCobranza.png'); + background-image: url("../img/seguimientoCobranza.png"); background-size: 90px 90px; } } &-vehiculo { & button { - background-image: url('../img/abmVehiculos.png'); + background-image: url("../img/abmVehiculos.png"); background-size: 90px 90px; } } &-precio-condicion { & button { - background-image: url('../img/abmPrecios.png'); + background-image: url("../img/abmPrecios.png"); background-size: 90px 90px; } } &-chofer { & button { - background-image: url('../img/abmChofer.png'); + background-image: url("../img/abmChofer.png"); background-size: 90px 90px; } } &-agendar-visita { & button { - background-image: url('../img/agendarVisita.png'); + background-image: url("../img/agendarVisita.png"); background-size: 90px 90px; } } &-informes { & button { - background-image: url('../img/informes.png'); + background-image: url("../img/informes.png"); background-size: 90px 90px; } } &-vendedor-cobrador { & button { - background-image: url('../img/abmVendedorCobrador.png'); + background-image: url("../img/abmVendedorCobrador.png"); background-size: 90px 90px; } } &-autorizar-nota { & button { - background-image: url('../img/autorizarNota.png'); + background-image: url("../img/autorizarNota.png"); background-size: 90px 90px; } } &-cliente { & button { - background-image: url('../img/clientePrincipal.png'); + background-image: url("../img/clientePrincipal.png"); background-size: 90px 90px; } } &-parametros { & button { - background-image: url('../img/parametrizar.png'); + background-image: url("../img/parametrizar.png"); background-size: 90px 90px; } } @@ -220,20 +224,20 @@ } .swiper-button-next { - background-image: url('../img/derecha.png'); - &:hover{ - filter:drop-shadow(4px 4px 4px gray); + background-image: url("../img/derecha.png"); + &:hover { + filter: drop-shadow(4px 4px 4px gray); } } .swiper-button-prev { - background-image: url('../img/izquierda.png'); - &:hover{ - filter:drop-shadow(4px 4px 4px gray); + background-image: url("../img/izquierda.png"); + &:hover { + filter: drop-shadow(4px 4px 4px gray); } } - @media (min-width: 992px){ - a{ + @media (min-width: 992px) { + a { margin-top: 2.5rem; } }