Mauricio Cattafi / wrapper-facturador

Download as
Browse Code ยป

Commit 2f36f9ec78b48c28de75f39ff5575353f3b932c7

Authored by Marcelo Puebla
1 parent 8382505048
Exists in fix_configuracion and in 1 other branch develop

arreglo de indentacion

Showing 1 changed file with 61 additions and 39 deletions   Show diff stats
src/sass/_botonera-lateral.scss
Diff comments   View file @ 2f36f9e
... ... @@ -4,87 +4,109 @@
4 4 left: 0;
5 5 right: 0;
6 6 top: 402px;
7   - &.teclado{
  7 + &.teclado {
8 8 top: 449px;
9 9 z-index: 100000;
10 10 }
11   - .row{
  11 + .row {
12 12 margin: 0 !important;
13 13 pointer-events: none;
14 14 }
15 15  
16   - .container{
17   - @media (min-width: 768px){
  16 + .container {
  17 + @media (min-width: 768px) {
18 18 display: grid !important;
19 19 }
20 20 }
21 21  
22   - button{
  22 + button {
23 23 pointer-events: all;
24   - background-color: #DDD;
  24 + background-color: #ddd;
25 25 }
26 26  
27 27 .teclado-activar {
28 28 background-color: #17d236 !important;
29   - color: #FFF !important;
  29 + color: #fff !important;
30 30 }
31   - div[ladda]{
32   - background-color: #DDD;
  31 + div[ladda] {
  32 + background-color: #ddd;
33 33 }
34 34  
35   - button, .btn-group-toggle{
36   - background-color: #DDD;
  35 + button,
  36 + .btn-group-toggle {
  37 + background-color: #ddd;
37 38 color: #000;
38 39 text-transform: uppercase;
39 40 min-width: 109px;
40   - &:hover{
41   - color: #FFF;
42   - .boton-activar-teclado{
43   - color: #FFF;
  41 + &:hover {
  42 + color: #fff;
  43 + .boton-activar-teclado {
  44 + color: #fff;
44 45 }
45 46 background-color: #000;
46 47 }
47 48 }
48   -
49   -
50   - .btn-group-toggle{
  49 +
  50 + .btn-group-toggle {
51 51 pointer-events: all;
52   - &.active{
  52 + &.active {
53 53 background-color: $primary;
54   - .boton-activar-teclado{
55   - color: #FFF;
  54 + .boton-activar-teclado {
  55 + color: #fff;
56 56 }
57 57 }
58   -
59   - .boton-activar-teclado{
  58 +
  59 + .boton-activar-teclado {
60 60 cursor: pointer;
61 61 color: #000;
62 62 background-color: transparent;
63 63 }
64 64  
65   - input{
  65 + input {
66 66 display: none;
67 67 }
68 68 }
69 69  
70   - .guardado{
71   - animation:guardado 4s 1;
72   - -webkit-animation:guardado 4s 1; /* Safari and Chrome */
  70 + .guardado {
  71 + animation: guardado 4s 1;
  72 + -webkit-animation: guardado 4s 1; /* Safari and Chrome */
73 73 }
74 74  
75   - @keyframes guardado
76   - {
77   - 0% {background:#DDD; color: #000;}
78   - 25% {background:#28a745; color: #FFF;}
79   - 75% {background:#28a745; color: #FFF;}
80   - 100% {background:#DDD; color: #000;}
  75 + @keyframes guardado {
  76 + 0% {
  77 + background: #ddd;
  78 + color: #000;
  79 + }
  80 + 25% {
  81 + background: #28a745;
  82 + color: #fff;
  83 + }
  84 + 75% {
  85 + background: #28a745;
  86 + color: #fff;
  87 + }
  88 + 100% {
  89 + background: #ddd;
  90 + color: #000;
  91 + }
81 92 }
82 93  
83   - @-webkit-keyframes guardado /* Safari and Chrome */
84   - {
85   - 0% {background:#DDD; color: #000;}
86   - 25% {background:#28a745; color: #FFF;}
87   - 75% {background:#28a745; color: #FFF;}
88   - 100% {background:#DDD; color: #000;}
  94 + @-webkit-keyframes guardado /* Safari and Chrome */ {
  95 + 0% {
  96 + background: #ddd;
  97 + color: #000;
  98 + }
  99 + 25% {
  100 + background: #28a745;
  101 + color: #fff;
  102 + }
  103 + 75% {
  104 + background: #28a745;
  105 + color: #fff;
  106 + }
  107 + 100% {
  108 + background: #ddd;
  109 + color: #000;
  110 + }
89 111 }
90 112 }