Martin Macola / wrapper-demo

Download as
Browse Code ยป

Commit 5d557158f205795df5abd1af65df962a1a7b5d0d

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

Codigo identado, creadas clases para color de texto.

Showing 1 changed file with 69 additions and 65 deletions   Show diff stats
src/sass/general.scss
Diff comments   View file @ 5d55715
1   -@import 'constants';
2   -@import 'admin-seguimiento';
3   -@import 'bootstrap';
4   -@import 'botonera';
5   -@import 'botonera-lateral';
6   -@import 'botonera-principal';
7   -@import 'botonera-secundaria';
8   -@import 'contenedor';
9   -@import 'lista';
10   -@import 'login';
11   -@import 'panel-informativo';
12   -@import 'tabla';
13   -@import 'teclado';
14   -@import 'tabla-articulos';
15   -@import 'acciones-mobile';
16   -@import 'swiper';
17   -@import 'foca-crear';
18   -@import 'logistica-pedido-ruta';
19   -@import 'tabs';
20   -@import 'grid';
21   -@import 'paginador-abm';
22   -@import 'table-autorizar-nota-pedido';
23   -
  1 +@import "constants";
  2 +@import "admin-seguimiento";
  3 +@import "bootstrap";
  4 +@import "botonera";
  5 +@import "botonera-lateral";
  6 +@import "botonera-principal";
  7 +@import "botonera-secundaria";
  8 +@import "contenedor";
  9 +@import "lista";
  10 +@import "login";
  11 +@import "panel-informativo";
  12 +@import "tabla";
  13 +@import "teclado";
  14 +@import "tabla-articulos";
  15 +@import "acciones-mobile";
  16 +@import "swiper";
  17 +@import "foca-crear";
  18 +@import "logistica-pedido-ruta";
  19 +@import "tabs";
  20 +@import "grid";
  21 +@import "paginador-abm";
  22 +@import "table-autorizar-nota-pedido";
24 23  
25 24 //OCULTA FLECHAS INPUT NUMBER
26   -input[type='number'] {
27   - -moz-appearance:textfield;
  25 +input[type="number"] {
  26 + -moz-appearance: textfield;
28 27 }
29 28  
30 29 input::-webkit-outer-spin-button,
... ... @@ -32,18 +31,18 @@ input::-webkit-inner-spin-button {
32 31 -webkit-appearance: none;
33 32 }
34 33  
35   -.d-md-grid{
  34 +.d-md-grid {
36 35 @media (min-width: 768px) {
37 36 display: grid !important;
38 37 }
39 38 }
40 39  
41   -.btn-outline-debo{
  40 +.btn-outline-debo {
42 41 background-color: transparent;
43 42 color: $primary;
44 43 border-color: $primary;
45   - &:hover{
46   - color: #FFF;
  44 + &:hover {
  45 + color: #fff;
47 46 border-color: transparent;
48 47 background-color: $primary;
49 48 }
... ... @@ -51,7 +50,7 @@ input::-webkit-inner-spin-button {
51 50 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
52 51 }
53 52 &:active {
54   - color: #FFF;
  53 + color: #fff;
55 54 background-color: $primary !important;
56 55 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
57 56 }
... ... @@ -69,7 +68,7 @@ input::-webkit-inner-spin-button {
69 68 }
70 69  
71 70 .line-break {
72   - white-space:pre-wrap
  71 + white-space: pre-wrap;
73 72 }
74 73  
75 74 .input-group-append > button {
... ... @@ -83,7 +82,6 @@ input::-webkit-inner-spin-button {
83 82 }
84 83 }
85 84  
86   -
87 85 .btn-login {
88 86 box-shadow: none !important;
89 87 }
... ... @@ -91,15 +89,15 @@ input::-webkit-inner-spin-button {
91 89 input[type="file"] {
92 90 display: none;
93 91 }
94   - .custom-file-upload {
  92 +.custom-file-upload {
95 93 border: 1px solid #ccc;
96 94 display: inline-block;
97 95 padding: 6px 12px;
98 96 cursor: pointer;
99   - }
100   -
  97 +}
  98 +
101 99 .btn-brown {
102   - background-color:$primary;
  100 + background-color: $primary;
103 101 -webkit-appearance: none;
104 102 border-color: transparent;
105 103 &:focus {
... ... @@ -112,7 +110,7 @@ input[type="file"] {
112 110 }
113 111  
114 112 .btn-Guardar {
115   - background-color:green;
  113 + background-color: green;
116 114 -webkit-appearance: none;
117 115 border-color: transparent;
118 116 &:focus {
... ... @@ -152,7 +150,7 @@ input[type="file"] {
152 150 border-color: $primaryTransparency !important;
153 151 background-color: $primaryTransparency !important;
154 152 }
155   - &:active{
  153 + &:active {
156 154 background-color: $primary !important;
157 155 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
158 156 }
... ... @@ -168,7 +166,7 @@ input[type="file"] {
168 166 border-color: $primaryTransparency !important;
169 167 background-color: $primaryTransparency !important;
170 168 }
171   - &:active{
  169 + &:active {
172 170 background-color: $primary !important;
173 171 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
174 172 }
... ... @@ -184,24 +182,24 @@ input[type="file"] {
184 182 border-color: $primary;
185 183 box-shadow: 0 0 5px $primary;
186 184 }
187   - &:active{
  185 + &:active {
188 186 box-shadow: 0 0 5px $primary;
189 187 }
190 188 }
191 189  
192 190 .btn-default {
193   - color: #FFF;
  191 + color: #fff;
194 192 background-color: $default !important;
195 193 border-color: $default !important;
196 194 &:focus {
197 195 box-shadow: none !important;
198 196 }
199 197 &:hover {
200   - color: #FFF;
  198 + color: #fff;
201 199 border-color: $defaultTransparency !important;
202 200 background-color: $defaultTransparency !important;
203 201 }
204   - &:active{
  202 + &:active {
205 203 background-color: $default !important;
206 204 box-shadow: 0px 0px 0px 3px $defaultTransparency !important;
207 205 }
... ... @@ -209,74 +207,74 @@ input[type="file"] {
209 207  
210 208 .btn-danger {
211 209 &:hover {
212   - color: #FFF;
  210 + color: #fff;
213 211 border-color: $dangerTransparency !important;
214 212 background-color: $dangerTransparency !important;
215 213 }
216 214 }
217 215  
218 216 .table-celda-total {
219   - background-color: $highlightedArea;
  217 + background-color: $highlightedArea;
220 218 }
221 219  
222 220 marquee {
223 221 background-color: $highlightedArea;
224 222 }
225 223  
226   -.front-index{
  224 +.front-index {
227 225 z-index: 9999;
228 226 }
229 227  
230   -.uib-daypicker{
231   - outline: 0
  228 +.uib-daypicker {
  229 + outline: 0;
232 230 }
233 231  
234   -.right-0{
  232 +.right-0 {
235 233 right: 0;
236 234 }
237 235  
238   -.tabla-factura{
  236 +.tabla-factura {
239 237 word-wrap: break-word;
240 238 table-layout: fixed;
241 239 }
242 240  
243   -.ladda-w-100 .ladda-label{
  241 +.ladda-w-100 .ladda-label {
244 242 width: 100%;
245 243 float: right;
246 244 }
247 245  
248   -.btn-delete-image{
  246 +.btn-delete-image {
249 247 height: 25px;
250 248 width: 25px;
251 249 top: -10px;
252 250 right: 0;
253 251 }
254 252  
255   -button.clear-input{
  253 +button.clear-input {
256 254 cursor: pointer;
257 255 background: transparent;
258 256 border: none;
259 257 margin-left: -24px;
260 258 z-index: 9;
261 259 color: #a3a3a3;
262   - &:focus{
  260 + &:focus {
263 261 outline: none;
264 262 }
265 263 }
266 264 .custom-control-input {
267 265 &:checked ~ .custom-control-label::before {
268   - border: none !important;
  266 + border: none !important;
269 267 color: $primary !important;
270   - background-color: $primary !important;
  268 + background-color: $primary !important;
271 269 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
272 270 }
273   - &:active ~ .custom-control-label::before {
274   - border: none !important;
  271 + &:active ~ .custom-control-label::before {
  272 + border: none !important;
275 273 color: $primary !important;
276   - background-color: $primary !important;
  274 + background-color: $primary !important;
277 275 }
278 276 &:focus ~ .custom-control-label::before {
279   - border: none !important;
  277 + border: none !important;
280 278 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
281 279 }
282 280 &:focus:not(:checked) ~ .custom-control-label::before {
... ... @@ -286,11 +284,11 @@ button.clear-input{
286 284 border: none !important;
287 285 color: $primary !important;
288 286 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
289   - }
290   - &:hover ~ .custom-control-label::before {
291   - border: none !important;
292   - background-color: $primaryTransparency;
293   - }
  287 + }
  288 + &:hover ~ .custom-control-label::before {
  289 + border: none !important;
  290 + background-color: $primaryTransparency;
  291 + }
294 292 }
295 293 .disable-selection {
296 294 user-select: none;
... ... @@ -300,3 +298,9 @@ button.clear-input{
300 298 -webkit-user-select: none; /* Chrome, Safari, and Opera */
301 299 -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
302 300 }
  301 +.foca-text-success {
  302 + color: $textSuccess !important;
  303 +}
  304 +.foca-text-danger {
  305 + color: $textDanger !important;
  306 +}