Marcelo Puebla / wrapper-demo

Download as
Browse Code ยป

Commit 3b8cb3ff474ac614cf717388a8939d5794365577

Authored by Marcelo Puebla
1 parent c05a8c7f2f
Exists in master and in 1 other branch develop

Codigo identado, agregado clase en focus en botonera principal.

Showing 1 changed file with 39 additions and 35 deletions   Show diff stats
src/sass/_botonera-principal.scss
Diff comments   View file @ 3b8cb3f
... ... @@ -7,12 +7,12 @@
7 7 @media (max-width: 576px) {
8 8 width: 100%;
9 9 }
10   - @media (min-width: 992px) and (max-width: 1200px){
  10 + @media (min-width: 992px) and (max-width: 1200px) {
11 11 width: 150px;
12 12 }
13 13 }
14 14 button {
15   - background-image: url('../img/botonera.png');
  15 + background-image: url("../img/botonera.png");
16 16 border-radius: 12px;
17 17 border-width: 0;
18 18 height: 90px;
... ... @@ -29,12 +29,16 @@
29 29 color: #777777;
30 30 }
31 31 &:hover {
32   - background-color:rgb(250,250,250);
33   - filter:drop-shadow(4px 4px 4px gray);
  32 + background-color: rgb(250, 250, 250);
  33 + filter: drop-shadow(4px 4px 4px gray);
34 34 }
35 35 &:active {
36 36 background-color: rgb(230, 230, 230);
37   - filter:drop-shadow(4px 4px 4px gray);
  37 + filter: drop-shadow(4px 4px 4px gray);
  38 + }
  39 + &:focus {
  40 + background-color: rgb(250, 250, 250);
  41 + filter: drop-shadow(4px 4px 4px gray);
38 42 }
39 43 }
40 44 &-menu {
... ... @@ -47,7 +51,7 @@
47 51 &-logo {
48 52 width: 100%;
49 53 margin-left: 50%;
50   - opacity: .8;
  54 + opacity: 0.8;
51 55 @media (max-width: 576px) {
52 56 width: 180%;
53 57 margin-left: 20%;
... ... @@ -87,14 +91,14 @@
87 91 }
88 92 &-estado-cisterna {
89 93 & button {
90   - background-image: url('../img/control_stock.png');
  94 + background-image: url("../img/control_stock.png");
91 95 background-size: 90px 90px;
92 96 }
93 97 }
94 98 &-logistica {
95 99 & button {
96   - background-image: url('../img/logistica.png');
97   - background-size: 90px 90px;
  100 + background-image: url("../img/logistica.png");
  101 + background-size: 90px 90px;
98 102 }
99 103 }
100 104 &-facturador {
... ... @@ -107,111 +111,111 @@
107 111 }
108 112 &-nota-pedido {
109 113 & button {
110   - background-image: url('../img/notaPedido.png');
  114 + background-image: url("../img/notaPedido.png");
111 115 background-size: 90px 90px;
112 116 }
113 117 }
114 118 &-remito {
115 119 & button {
116   - background-image: url('../img/remito.png');
  120 + background-image: url("../img/remito.png");
117 121 background-size: 90px 90px;
118 122 }
119 123 }
120 124 &-hoja-ruta {
121 125 & button {
122   - background-image: url('../img/hoja-ruta.png');
  126 + background-image: url("../img/hoja-ruta.png");
123 127 background-size: 86px 90px;
124 128 }
125 129 }
126 130 &-activar-hoja-ruta {
127 131 & button {
128   - background-image: url('../img/activar_hoja.png');
  132 + background-image: url("../img/activar_hoja.png");
129 133 background-size: 90px 90px;
130 134 }
131 135 }
132 136 &-hoja-ruta-transportista {
133 137 & button {
134   - background-image: url('../img/hojaRutaVolante.png');
  138 + background-image: url("../img/hojaRutaVolante.png");
135 139 background-size: 90px 90px;
136 140 }
137 141 }
138 142 &-seguimiento {
139 143 & button {
140   - background-image: url('../img/seguimientoNotaPedido.png');
  144 + background-image: url("../img/seguimientoNotaPedido.png");
141 145 background-size: 90px 90px;
142 146 }
143 147 }
144 148 &-seguimiento-hoja-ruta {
145 149 & button {
146   - background-image: url('../img/seguimientoHojaRuta.png');
  150 + background-image: url("../img/seguimientoHojaRuta.png");
147 151 background-size: 90px 90px;
148 152 }
149 153 }
150 154 &-cobranzas {
151 155 & button {
152   - background-image: url('../img/cobranzas.png');
  156 + background-image: url("../img/cobranzas.png");
153 157 background-size: 90px 90px;
154 158 }
155 159 }
156 160 &-seguimiento-cobranzas {
157 161 & button {
158   - background-image: url('../img/seguimientoCobranza.png');
  162 + background-image: url("../img/seguimientoCobranza.png");
159 163 background-size: 90px 90px;
160 164 }
161 165 }
162 166 &-vehiculo {
163 167 & button {
164   - background-image: url('../img/abmVehiculos.png');
  168 + background-image: url("../img/abmVehiculos.png");
165 169 background-size: 90px 90px;
166 170 }
167 171 }
168 172 &-precio-condicion {
169 173 & button {
170   - background-image: url('../img/abmPrecios.png');
  174 + background-image: url("../img/abmPrecios.png");
171 175 background-size: 90px 90px;
172 176 }
173 177 }
174 178 &-chofer {
175 179 & button {
176   - background-image: url('../img/abmChofer.png');
  180 + background-image: url("../img/abmChofer.png");
177 181 background-size: 90px 90px;
178 182 }
179 183 }
180 184 &-agendar-visita {
181 185 & button {
182   - background-image: url('../img/agendarVisita.png');
  186 + background-image: url("../img/agendarVisita.png");
183 187 background-size: 90px 90px;
184 188 }
185 189 }
186 190 &-informes {
187 191 & button {
188   - background-image: url('../img/informes.png');
  192 + background-image: url("../img/informes.png");
189 193 background-size: 90px 90px;
190 194 }
191 195 }
192 196 &-vendedor-cobrador {
193 197 & button {
194   - background-image: url('../img/abmVendedorCobrador.png');
  198 + background-image: url("../img/abmVendedorCobrador.png");
195 199 background-size: 90px 90px;
196 200 }
197 201 }
198 202 &-autorizar-nota {
199 203 & button {
200   - background-image: url('../img/autorizarNota.png');
  204 + background-image: url("../img/autorizarNota.png");
201 205 background-size: 90px 90px;
202 206 }
203 207 }
204 208  
205 209 &-cliente {
206 210 & button {
207   - background-image: url('../img/clientePrincipal.png');
  211 + background-image: url("../img/clientePrincipal.png");
208 212 background-size: 90px 90px;
209 213 }
210 214 }
211 215  
212 216 &-parametros {
213 217 & button {
214   - background-image: url('../img/parametrizar.png');
  218 + background-image: url("../img/parametrizar.png");
215 219 background-size: 90px 90px;
216 220 }
217 221 }
... ... @@ -220,20 +224,20 @@
220 224 }
221 225  
222 226 .swiper-button-next {
223   - background-image: url('../img/derecha.png');
224   - &:hover{
225   - filter:drop-shadow(4px 4px 4px gray);
  227 + background-image: url("../img/derecha.png");
  228 + &:hover {
  229 + filter: drop-shadow(4px 4px 4px gray);
226 230 }
227 231 }
228 232  
229 233 .swiper-button-prev {
230   - background-image: url('../img/izquierda.png');
231   - &:hover{
232   - filter:drop-shadow(4px 4px 4px gray);
  234 + background-image: url("../img/izquierda.png");
  235 + &:hover {
  236 + filter: drop-shadow(4px 4px 4px gray);
233 237 }
234 238 }
235   - @media (min-width: 992px){
236   - a{
  239 + @media (min-width: 992px) {
  240 + a {
237 241 margin-top: 2.5rem;
238 242 }
239 243 }