From 2f36f9ec78b48c28de75f39ff5575353f3b932c7 Mon Sep 17 00:00:00 2001 From: mpuebla Date: Tue, 15 Oct 2019 13:05:53 -0300 Subject: [PATCH] arreglo de indentacion --- src/sass/_botonera-lateral.scss | 100 ++++++++++++++++++++++++---------------- 1 file changed, 61 insertions(+), 39 deletions(-) diff --git a/src/sass/_botonera-lateral.scss b/src/sass/_botonera-lateral.scss index 82ff091..2ea54bd 100644 --- a/src/sass/_botonera-lateral.scss +++ b/src/sass/_botonera-lateral.scss @@ -4,87 +4,109 @@ left: 0; right: 0; top: 402px; - &.teclado{ + &.teclado { top: 449px; z-index: 100000; } - .row{ + .row { margin: 0 !important; pointer-events: none; } - .container{ - @media (min-width: 768px){ + .container { + @media (min-width: 768px) { display: grid !important; } } - button{ + button { pointer-events: all; - background-color: #DDD; + background-color: #ddd; } .teclado-activar { background-color: #17d236 !important; - color: #FFF !important; + color: #fff !important; } - div[ladda]{ - background-color: #DDD; + div[ladda] { + background-color: #ddd; } - button, .btn-group-toggle{ - background-color: #DDD; + button, + .btn-group-toggle { + background-color: #ddd; color: #000; text-transform: uppercase; min-width: 109px; - &:hover{ - color: #FFF; - .boton-activar-teclado{ - color: #FFF; + &:hover { + color: #fff; + .boton-activar-teclado { + color: #fff; } background-color: #000; } } - - - .btn-group-toggle{ + + .btn-group-toggle { pointer-events: all; - &.active{ + &.active { background-color: $primary; - .boton-activar-teclado{ - color: #FFF; + .boton-activar-teclado { + color: #fff; } } - - .boton-activar-teclado{ + + .boton-activar-teclado { cursor: pointer; color: #000; background-color: transparent; } - input{ + input { display: none; } } - .guardado{ - animation:guardado 4s 1; - -webkit-animation:guardado 4s 1; /* Safari and Chrome */ + .guardado { + animation: guardado 4s 1; + -webkit-animation: guardado 4s 1; /* Safari and Chrome */ } - @keyframes guardado - { - 0% {background:#DDD; color: #000;} - 25% {background:#28a745; color: #FFF;} - 75% {background:#28a745; color: #FFF;} - 100% {background:#DDD; color: #000;} + @keyframes guardado { + 0% { + background: #ddd; + color: #000; + } + 25% { + background: #28a745; + color: #fff; + } + 75% { + background: #28a745; + color: #fff; + } + 100% { + background: #ddd; + color: #000; + } } - @-webkit-keyframes guardado /* Safari and Chrome */ - { - 0% {background:#DDD; color: #000;} - 25% {background:#28a745; color: #FFF;} - 75% {background:#28a745; color: #FFF;} - 100% {background:#DDD; color: #000;} + @-webkit-keyframes guardado /* Safari and Chrome */ { + 0% { + background: #ddd; + color: #000; + } + 25% { + background: #28a745; + color: #fff; + } + 75% { + background: #28a745; + color: #fff; + } + 100% { + background: #ddd; + color: #000; + } } } -- 1.9.1