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
1 .botonera-lateral { 1 .botonera-lateral {
2 pointer-events: none; 2 pointer-events: none;
3 position: absolute; 3 position: absolute;
4 left: 0; 4 left: 0;
5 right: 0; 5 right: 0;
6 top: 402px; 6 top: 402px;
7 &.teclado{ 7 &.teclado {
8 top: 449px; 8 top: 449px;
9 z-index: 100000; 9 z-index: 100000;
10 } 10 }
11 .row{ 11 .row {
12 margin: 0 !important; 12 margin: 0 !important;
13 pointer-events: none; 13 pointer-events: none;
14 } 14 }
15 15
16 .container{ 16 .container {
17 @media (min-width: 768px){ 17 @media (min-width: 768px) {
18 display: grid !important; 18 display: grid !important;
19 } 19 }
20 } 20 }
21 21
22 button{ 22 button {
23 pointer-events: all; 23 pointer-events: all;
24 background-color: #DDD; 24 background-color: #ddd;
25 } 25 }
26 26
27 .teclado-activar { 27 .teclado-activar {
28 background-color: #17d236 !important; 28 background-color: #17d236 !important;
29 color: #FFF !important; 29 color: #fff !important;
30 } 30 }
31 div[ladda]{ 31 div[ladda] {
32 background-color: #DDD; 32 background-color: #ddd;
33 } 33 }
34 34
35 button, .btn-group-toggle{ 35 button,
36 background-color: #DDD; 36 .btn-group-toggle {
37 background-color: #ddd;
37 color: #000; 38 color: #000;
38 text-transform: uppercase; 39 text-transform: uppercase;
39 min-width: 109px; 40 min-width: 109px;
40 &:hover{ 41 &:hover {
41 color: #FFF; 42 color: #fff;
42 .boton-activar-teclado{ 43 .boton-activar-teclado {
43 color: #FFF; 44 color: #fff;
44 } 45 }
45 background-color: #000; 46 background-color: #000;
46 } 47 }
47 } 48 }
48 49
49 50 .btn-group-toggle {
50 .btn-group-toggle{
51 pointer-events: all; 51 pointer-events: all;
52 &.active{ 52 &.active {
53 background-color: $primary; 53 background-color: $primary;
54 .boton-activar-teclado{ 54 .boton-activar-teclado {
55 color: #FFF; 55 color: #fff;
56 } 56 }
57 } 57 }
58 58
59 .boton-activar-teclado{ 59 .boton-activar-teclado {
60 cursor: pointer; 60 cursor: pointer;
61 color: #000; 61 color: #000;
62 background-color: transparent; 62 background-color: transparent;
63 } 63 }
64 64
65 input{ 65 input {
66 display: none; 66 display: none;
67 } 67 }
68 } 68 }
69 69
70 .guardado{ 70 .guardado {
71 animation:guardado 4s 1; 71 animation: guardado 4s 1;
72 -webkit-animation:guardado 4s 1; /* Safari and Chrome */ 72 -webkit-animation: guardado 4s 1; /* Safari and Chrome */
73 } 73 }
74 74
75 @keyframes guardado 75 @keyframes guardado {
76 { 76 0% {
77 0% {background:#DDD; color: #000;} 77 background: #ddd;
78 25% {background:#28a745; color: #FFF;} 78 color: #000;
79 75% {background:#28a745; color: #FFF;} 79 }
80 100% {background:#DDD; color: #000;} 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 */ 94 @-webkit-keyframes guardado /* Safari and Chrome */ {
84 { 95 0% {
85 0% {background:#DDD; color: #000;} 96 background: #ddd;
86 25% {background:#28a745; color: #FFF;} 97 color: #000;
87 75% {background:#28a745; color: #FFF;} 98 }
88 100% {background:#DDD; color: #000;} 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 }