am-commons 0.0.14 → 0.0.15

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: a326f9fa178ab0a5afa5b1fa643131a45f4bd709
4
- data.tar.gz: 312248f091ffe6625810a79c39b347cdb18d5ac1
3
+ metadata.gz: 3abbeaddf0e9bdea22ed8dd453748e04846324b8
4
+ data.tar.gz: f43ccfb778c688b23db75f676adf51eb6b7faa03
5
5
  SHA512:
6
- metadata.gz: 0cfac12154b9e6c7139295a46f895c146afc0b786db70859d37d02de998ae3072bba6ce4886f5cfbdd06b5447af55405ffc0502229ac3d15aba718fe6110353d
7
- data.tar.gz: 41da7e5d8e488fc07e0533bf7d44e36d12b007df2de81c015009cda84c18bef71eb3cf341ef1c02091eadede42de1ec558520702eed21c17755d8358cc13534d
6
+ metadata.gz: 8a77144c417d1c926fa503ace25b4f4c973617ca79c7161150a6b3a3d2d8f6f897073cc7c07098d2a21d1eadbf9c4cdd76ca96637070b53b500d688ca00a5dd4
7
+ data.tar.gz: ff23cebac2688e9c67f4678921b2fc0564fe136e36bc9ee5feb68ddb19f72a9794983472e00f064d0e99e5c69b3658094779ebd30d77011a62da64f4ea2ed13e
Binary file
@@ -1,3 +1,3 @@
1
1
  module AmCommons
2
- VERSION = "0.0.14"
2
+ VERSION = "0.0.15"
3
3
  end
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "am-commons",
3
- "version": "0.0.14"
3
+ "version": "0.0.15"
4
4
  }
@@ -1561,7 +1561,8 @@ ul{
1561
1561
  @include border-radius(8px);
1562
1562
 
1563
1563
  left:50%;
1564
- @include translateX (-50%);
1564
+ @include translate (-50%, -50%);
1565
+ top: 50%;
1565
1566
  .ie8 &{
1566
1567
  left:8px;
1567
1568
  }
@@ -2529,7 +2530,7 @@ ul{
2529
2530
 
2530
2531
  & .ui-datepicker-current-day-ow {
2531
2532
  @include border-radius(50%);
2532
- background:white !important;
2533
+ //background:white !important;
2533
2534
  & .ui-state-default {
2534
2535
  color:$white;
2535
2536
  font-weight:bold;
@@ -2772,7 +2773,7 @@ ul{
2772
2773
 
2773
2774
  & .price__currency {
2774
2775
  @include font-rem(bold, 14px, 24px);
2775
- margin-right:4px;
2776
+ //margin-right:4px;
2776
2777
  display:inline-block;
2777
2778
  vertical-align:top;
2778
2779
  }
@@ -2796,7 +2797,7 @@ ul{
2796
2797
 
2797
2798
  & .price__currency {
2798
2799
  @include font-rem(normal, 24px, 40px);
2799
- margin-right:4px;
2800
+ //margin-right:4px;
2800
2801
  display:inline-block;
2801
2802
  vertical-align:top;
2802
2803
  }
@@ -5,24 +5,18 @@
5
5
  // 01 Footer
6
6
 
7
7
  .footer {
8
+ border-bottom: 1px solid $gray-lighter;
8
9
  margin: 16px auto;
9
10
  padding-top: 16px;
10
- @include respond-to(ph){
11
- padding:8px;
12
- }
13
11
  .main-menu{
14
12
  margin-top: 16px;
15
13
  }
16
14
  }
17
15
  .footer-title {
18
- font-size: 16px;
16
+ font-size: 14px;
19
17
  line-height: 24px;
20
18
  color: $gray-dark;
21
-
22
- @include respond-to(ph){
23
- margin-top:20px;
24
- }
25
-
19
+ border-bottom: 1px solid $gray-light;
26
20
  }
27
21
  .footer-list{
28
22
  margin: 0;
@@ -38,50 +32,6 @@
38
32
  &__dest{
39
33
  font-size: 12px;
40
34
  }
41
-
42
- &__info{
43
- & li{
44
- list-style: none;
45
- margin:0;
46
- margin-bottom: 16px;
47
-
48
- & span{
49
- display: block;
50
- font-size: 12px;
51
- line-height: 16px;
52
- color:$gray-darker;
53
- }
54
-
55
- & h4{
56
- display: block;
57
- margin:0;
58
- padding:0;
59
- font-size: 14px;
60
- line-height: 16px;
61
- }
62
- }
63
- }
64
-
65
- &__social{
66
- display: inline-block!important;
67
- font-size: 24px!important;
68
- line-height: 32px!important;
69
- }
70
- }
71
-
72
- .footer-legals{
73
- padding-top:8px;
74
- margin-top:32px;
75
- &__tax{
76
- width: 33px;
77
- padding-top: 8px;
78
- border-top:1px solid #cccccc;
79
- }
80
- &__txt{
81
- padding-top:8px;
82
- border-top:1px solid #cccccc;
83
-
84
- }
85
35
  }
86
36
  .legal {
87
37
  padding: 16px;
@@ -10,788 +10,292 @@
10
10
  @import "compass/css3";
11
11
  @import "am-variables";
12
12
 
13
+
13
14
  //----------Placeholder for selected btn-------\\
14
15
 
15
16
  %selected{
16
- color:$orange!important;
17
- cursor: default;
18
- &:after {
19
- content: "";
20
- background:$orange;
21
- width:100%;
22
- height:5px;
23
- position: absolute;
24
- top:-3px;
25
- left: 0;
26
- }
27
- &:before {
28
- content: "";
29
- width: 0;
30
- height: 0;
31
- border-top: 7px solid $orange;
32
- border-left: 8px solid transparent;
33
- border-right: 8px solid transparent;
34
- position: absolute;
35
- top: 0px;
36
- left: 41%;
37
- }
38
- &:hover{
39
- color: $orange;
40
- &:after {
41
- content: "";
42
- background:$orange;
43
- width:100%;
44
- height:5px;
45
- position: absolute;
46
- top:-3px;
47
- left: 0;
48
- }
49
- &:before {
50
- content: "";
51
- width: 0;
52
- height: 0;
53
- border-top: 7px solid $orange;
54
- border-left: 8px solid transparent;
55
- border-right: 8px solid transparent;
56
- position: absolute;
57
- top: 0px;
58
- left: 41%;
59
- }
60
- }
17
+ color:$orange!important;
18
+ cursor: default;
19
+ &:after {
20
+ content: "";
21
+ background:$orange;
22
+ width:100%;
23
+ height:5px;
24
+ position: absolute;
25
+ top:-3px;
26
+ left: 0;
27
+ }
28
+ &:before {
29
+ content: "";
30
+ width: 0;
31
+ height: 0;
32
+ border-top: 7px solid $orange;
33
+ border-left: 8px solid transparent;
34
+ border-right: 8px solid transparent;
35
+ position: absolute;
36
+ top: 0px;
37
+ left: 41%;
38
+ }
39
+ &:hover{
40
+ color: $orange;
41
+ &:after {
42
+ content: "";
43
+ background:$orange;
44
+ width:100%;
45
+ height:5px;
46
+ position: absolute;
47
+ top:-3px;
48
+ left: 0;
49
+ }
50
+ &:before {
51
+ content: "";
52
+ width: 0;
53
+ height: 0;
54
+ border-top: 7px solid $orange;
55
+ border-left: 8px solid transparent;
56
+ border-right: 8px solid transparent;
57
+ position: absolute;
58
+ top: 0px;
59
+ left: 41%;
60
+ }
61
+ }
61
62
  }
62
63
 
63
64
 
64
65
  .main-menu-ctn{
65
- margin:0 auto 0 auto;
66
- z-index: 1;
67
- position: relative;
68
- background-color: rgba(0,0,0,0.5);
69
- @include box-shadow(0px 3px 5px 0px rgba(50, 50, 50, 0.2));
66
+ border-top:1px solid $gray-light;
67
+ border-bottom:1px solid $gray-light;
68
+ margin:0 auto 0 auto;
69
+ z-index: 1;
70
+ position: relative;
71
+ @include box-shadow(0px 3px 5px 0px rgba(50, 50, 50, 0.2));
70
72
  }
71
73
  .main-menu {
72
- width:100%;
73
- font-size: 0;
74
- &__button {
75
- display:inline-block;
76
- color:$gray !important;
77
- position:relative;
78
- padding: 0 14px;
79
- text-transform: capitalize;
80
- @include font-rem(normal,14px,38px);
81
-
82
- &.selected{
83
- color:$orange!important;
84
- cursor: default;
85
- &:after {
86
- content: "";
87
- background:$orange;
88
- width:100%;
89
- height:5px;
90
- position: absolute;
91
- top:-3px;
92
- left: 0;
93
- }
94
- &:before {
95
- content: "";
96
- width: 0;
97
- height: 0;
98
- border-top: 7px solid $orange;
99
- border-left: 8px solid transparent;
100
- border-right: 8px solid transparent;
101
- position: absolute;
102
- top: 0px;
103
- left: 41%;
104
- }
105
- &:hover{
106
- color: $orange;
107
- &:after {
108
- content: "";
109
- background:$orange;
110
- width:100%;
111
- height:5px;
112
- position: absolute;
113
- top:-3px;
114
- left: 0;
115
- }
116
- &:before {
117
- content: "";
118
- width: 0;
119
- height: 0;
120
- border-top: 7px solid $orange;
121
- border-left: 8px solid transparent;
122
- border-right: 8px solid transparent;
123
- position: absolute;
124
- top: 0px;
125
- left: 41%;
126
- }
127
- }
128
- }
129
-
130
- &:hover{
131
- color:$gray-light !important;
132
- text-decoration: none;
133
- &:after {
134
- content: "";
135
- background:$gray-light;
136
- width:100%;
137
- height:5px;
138
- position: absolute;
139
- top:-3px;
140
- left: 0;
141
- }
142
- &:before {
143
- content: "";
144
- width: 0;
145
- height: 0;
146
- border-top: 8px solid $gray-light;
147
- border-left: 8px solid transparent;
148
- border-right: 8px solid transparent;
149
- position: absolute;
150
- top: 0px;
151
- left: 41%;
152
- }
153
- }
154
- &__icon {
155
- margin-right:2px;
156
- width:16px;
157
- height:16px;
158
- line-height: 16px;
159
- display:inline-block;
160
-
161
- &--right {
162
- cursor:pointer;
163
- line-height:40px !important;
164
-
165
- &--selected {
166
- color:$orange !important;
167
- }
168
-
169
- }
170
- }
171
- &__hamburger {
172
- float: left;
173
- &:before {
174
- content: "";
175
- width: 0;
176
- height: 0;
177
- border-top: 7px solid transparent;
178
- border-left: 8px solid transparent;
179
- border-right: 8px solid transparent;
180
- position: absolute;
181
- top: 0px;
182
- left: 41%;
183
- }
184
- &:hover{
185
- color:$gray-light !important;
186
- text-decoration: none;
187
- &:after {
188
- content: "";
189
- background:transparent;
190
- width:100%;
191
- height:5px;
192
- position: absolute;
193
- top:-3px;
194
- left: 0;
195
- }
196
- &:before {
197
- content: "";
198
- width: 0;
199
- height: 0;
200
- border-top: 7px solid transparent;
201
- border-left: 8px solid transparent;
202
- border-right: 8px solid transparent;
203
- position: absolute;
204
- top: 0px;
205
- left: 41%;
206
- }
207
- }
208
- }
209
- .aereos &, .TKT &{
210
- &.main-menu__button--aereos, &.main-menu__button--TKT{
211
- @extend %selected;
212
- }
213
- }
214
- .hoteles &, .HTL &{
215
- &.main-menu__button--hoteles, &.main-menu__button--HTL{
216
- @extend %selected;
217
- }
218
- }
219
- .paquetes &, .PKT &{
220
- &.main-menu__button--paquetes, &.main-menu__button--PKT{
221
- @extend %selected;
222
- }
223
- }
224
- .cruceros &, .CRU &{
225
- &.main-menu__button--cruceros, &.main-menu__button--CRU{
226
- @extend %selected;
227
- }
228
- }
229
- .autos &, .CAR &{
230
- &.main-menu__button--autos, &.main-menu__button--CAR{
231
- @extend %selected;
232
- }
233
- }
234
- .escapadas &, .SCA &{
235
- &.main-menu__button--escapadas, &.main-menu__button--SCA{
236
- @extend %selected;
237
- }
238
- }
239
- .disney &, .PDN &{
240
- &.main-menu__button--disney, &.main-menu__button--PDN{
241
- @extend %selected;
242
- }
243
- }
244
- .trenes &, .PTR &{
245
- &.main-menu__button--trenes, &.main-menu__button--PTR{
246
- @extend %selected;
247
- }
248
- }
249
- .servicios &, .SRV &{
250
- &.main-menu__button--servicios, &.main-menu__button--SRV{
251
- @extend %selected;
252
- }
253
- }
254
- .seguros &, .SME &{
255
- &.main-menu__button--seguros, &.main-menu__button--SME{
256
- @extend %selected;
257
- }
258
- }
259
- .destinos &, .DTN &{
260
- &.main-menu__button--destinos, &.main-menu__button--DTN{
261
- @extend %selected;
262
- }
263
- }
264
- .excursiones &, .EXC &{
265
- &.main-menu__button--excursiones, &.main-menu__button--EXC{
266
- @extend %selected;
267
- }
268
- }
269
- }
270
- &--responsive{
271
- box-shadow: none;
272
- border-bottom: none;
273
- text-align: left;
274
- height: 500px;
275
- margin: 0 0 40px 0;
276
- .main-menu__button{
277
- display: block;
278
- border-bottom: 1px solid $gray-light;
279
- padding: 0;
280
- margin-left: 0;
281
- &:before {
282
- content: "";
283
- width: 0;
284
- height: 0;
285
- border-top: 0 solid transparent!important;
286
- border-left: 0 solid transparent!important;
287
- border-right: 0 solid transparent!important;
288
- position: absolute;
289
- top: 0px;
290
- left: 41%;
291
- }
292
- &:after{
293
- content: "";
294
- background:transparent!important;
295
- width:0!important;
296
- height:0!important;
297
- }
298
- }
299
- }
300
- }
301
-
302
-
303
-
304
- // Nav Header Home
305
- .main-menu-ctn {
306
-
307
- @include respond-to(ph) {
308
- z-index:99;
309
- }
310
-
311
- @include respond-to(tb) {
312
- z-index:99;
313
- }
314
-
315
- .nav-ctn {
316
- position:relative;
317
-
318
- @include respond-to(ph) {
319
- position:static;
320
- }
321
-
322
- @include respond-to(tb) {
323
- position:static;
324
- }
325
-
326
- }
327
-
328
- .logo-ctn {
329
- position: relative;
330
- padding-top: 8px;
331
- padding-bottom: 8px;
332
-
333
- @include respond-to(ph) {
334
-
335
- .logo-am {
336
- width:144px;
337
- height:24px;
338
- margin:0;
339
- }
340
-
341
- }
342
-
343
- }
344
-
345
- .nav-mobile {
346
- position:absolute;
347
- top:0;
348
- right:0;
349
- color:$white;
350
-
351
- & > [class*="icon-"] {
352
- padding:8px;
353
- cursor:pointer;
354
- @include font-rem(normal,16px,24px);
355
-
356
- @include respond-to(tb) {
357
- padding:20px 16px;
358
- }
359
-
360
- &.selected {
361
- background:$gray-darkest;
362
- }
363
-
364
- }
365
-
366
- @include respond-to(dt) {
367
- display:none;
368
- }
369
-
370
- }
371
-
372
- .nav-menu {
373
- line-height:0;
374
-
375
- .nav {
376
- display:inline-block;
377
-
378
- &.secondary {
379
- position:absolute;
380
- right:8px;
381
- }
382
-
383
- .list {
384
- list-style-type: none;
385
- margin-bottom: 0px;
386
- position: relative;
387
-
388
- &.secondary {
389
- margin-left:56px;
390
- }
391
-
392
- &.right {
393
- float: right;
394
- }
395
-
396
- .item {
397
- float:left;
398
- margin-right:16px;
399
- margin-left:16px;
400
- line-height:64px;
401
- color: $white;
402
-
403
- &:last-child {
404
- margin-right:0;
405
- }
406
-
407
- &:hover {
408
- cursor: pointer;
409
-
410
- .submenu {
411
- display: block;
412
- }
413
-
414
- }
415
-
416
- &.has-submenu {
417
- position:relative;
418
- }
419
-
420
- .list_button {
421
- color:$white;
422
- display:block;
423
- height: 64px;
424
- box-sizing:border-box;
425
-
426
- &:hover {
427
- cursor: pointer;
428
- border-bottom: 3px solid #fff;
429
- color: $gray-lighter;
430
- }
431
-
432
- .list_icon {
433
- display: inline-block;
434
- position: relative;
435
- margin-left: 0;
436
-
437
- .category {
438
- margin-left: 8px;
439
-
440
- &:hover {
441
- cursor: pointer;
442
- text-decoration: none;
443
- }
444
-
445
- }
446
-
447
- }
448
-
449
- }
450
-
451
- .category-more, .category-institutional {
452
- color: $white;
453
- cursor: pointer;
454
- }
455
-
456
- .category-more {
457
- margin:0px 4px 0px 8px;
458
- }
459
-
460
- .category-more + .icono {
461
- vertical-align:middle;
462
- }
463
-
464
- .submenu {
465
- background-color:rgba(0,0,0,0.8);
466
- padding:16px;
467
- display:none;
468
- position:absolute;
469
- width:112px;
470
- top:64px;
471
- left:-40px;
472
- list-style:none;
473
-
474
- &:after {
475
- content: "";
476
- position:absolute;
477
- right: 0px;
478
- margin-right: 66px;
479
- top:-15px;
480
- border-bottom: 10px solid black;
481
- border-left: 10px solid transparent;
482
- border-right: 10px solid transparent;
483
- border-top: 10px solid transparent;
484
- border-width:8px;
485
- }
486
-
487
- .subitem {
488
- margin-left: 0px;
489
-
490
- [class*="icon-"] {
491
- display:none;
492
- }
493
-
494
- .button_submenu {
495
- display: inline-block;
496
- color: $white;
497
- position: relative;
498
- padding: 0 16px;
499
- text-transform: capitalize;
500
- @include font-rem(normal,14px,36px);
501
- height: 40px;
502
- list-style: none;
503
- text-decoration: none;
504
- }
505
-
506
- &:hover {
507
-
508
- [class*="icon-"] {
509
- color: $gray-lighter;
510
- }
511
-
512
- .button_submenu {
513
- color: $gray-lighter;
514
- }
515
-
516
- }
517
-
518
- }
519
-
520
- &.institutional {
521
- width:136px;
522
- top:64px;
523
- left:auto;
524
- right:0px;
525
-
526
- &:after {
527
- margin-right: 0px;
528
- top:-15px;
529
- }
530
-
531
- }
532
-
533
- }
534
-
535
- }
536
-
537
- }
538
-
539
- }
540
-
541
- @include respond-to(ph) {
542
- background:$gray-darkest;
543
- position:absolute;
544
- right:0;
545
- top:40px;
546
- padding-right:24px;
547
- width:248px;
548
-
549
- .nav {
550
- position:static;
551
- display:block;
552
-
553
- &.secondary {
554
- position:static;
555
- }
556
-
557
- .icon-label , .category_more {
558
- display: none;
559
- }
560
-
561
- .list {
562
- padding-left: 0px;
563
-
564
- &.secondary {
565
- margin-left:0px;
566
- }
567
-
568
- .item {
569
- float:none;
570
- line-height:48px;
571
-
572
- &.category-more {
573
- display:none;
574
- }
575
-
576
- .category-institutional {
577
- display:none;
578
- }
579
-
580
- .list_button {
581
- height:48px;
582
-
583
- &:hover {
584
- cursor: pointer;
585
- border-bottom: none;
586
- color: $gray-lighter;
587
- }
588
-
589
- }
590
-
591
- .submenu {
592
- display: block;
593
- width:auto;
594
- padding:0px;
595
- position: static;
596
- background-color: transparent;
597
-
598
- &:after {
599
- display: none;
600
- }
601
-
602
- &.institutional {
603
- position:static;
604
- width:auto;
605
- border-top:1px solid $gray-darker;
606
- padding-top:16px;
607
-
608
- &:after {
609
- content:none;
610
- }
611
-
612
- .subitem {
613
-
614
- .button_submenu{
615
- display:block;
616
- width:auto;
617
- padding-left:0px;
618
- }
619
-
620
- }
621
-
622
- }
623
-
624
- .subitem {
625
- margin-top:0px;
626
- line-height:48px;
627
- margin-left:0px;
628
- display:block;
629
-
630
- &:after {
631
- display: none;
632
- }
633
-
634
- [class*="icon-"] {
635
- display:inline-block;
636
- }
637
-
638
- .button_submenu{
639
- padding-left:8px;
640
- height:48px;
641
- margin-left:0px;
642
- width:160px;
643
-
644
- &:hover {
645
- cursor: pointer;
646
- color: $gray-lighter;
647
- }
648
-
649
- }
650
-
651
- }
652
-
653
- }
654
-
655
- }
656
-
657
- }
658
-
659
- }
660
-
661
- }
662
-
663
-
664
- @include respond-to(tb) {
665
- background:$gray-darkest;
666
- position:absolute;
667
- right:0;
668
- top:64px;
669
- padding-right:24px;
670
- width:320px;
671
-
672
- .nav {
673
- position:static;
674
- display:block;
675
-
676
- &.secondary {
677
- position:static;
678
- }
679
-
680
- .icon-label , .category_more {
681
- display: none;
682
- }
683
-
684
- .list {
685
- padding-left: 0px;
686
-
687
- &.secondary {
688
- margin-left:0px;
689
- }
690
-
691
- .item {
692
- float:none;
693
- line-height:48px;
694
-
695
- &.category-more {
696
- display:none;
697
- }
698
-
699
- .category-institutional {
700
- display:none;
701
- }
702
-
703
- .list_button {
704
- height:48px;
705
-
706
- &:hover {
707
- cursor: pointer;
708
- border-bottom: none;
709
- color: $gray-lighter;
710
- }
711
-
712
- }
713
-
714
- .submenu {
715
- display: block;
716
- width:auto;
717
- padding:0px;
718
- position: static;
719
- background-color: transparent;
720
-
721
- &:after {
722
- display: none;
723
- }
724
-
725
- &.institutional {
726
- position:static;
727
- width:auto;
728
- border-top:1px solid $gray-darker;
729
- padding-top:16px;
730
-
731
- &:after {
732
- content:none;
733
- }
734
-
735
- .subitem {
736
-
737
- .button_submenu{
738
- display:block;
739
- width:auto;
740
- padding-left:0px;
741
- }
742
-
743
- }
744
-
745
- }
746
-
747
- .subitem {
748
- margin-top:0px;
749
- line-height:48px;
750
- margin-left:0px;
751
- display:block;
752
-
753
- &:after {
754
- display: none;
755
- }
756
-
757
- [class*="icon-"] {
758
- display:inline-block;
759
- }
760
-
761
- .button_submenu{
762
- padding-left:8px;
763
- height:48px;
764
- margin-left:0px;
765
- width:232px;
766
-
767
- &:hover {
768
- cursor: pointer;
769
- color: $gray-lighter;
770
- }
771
-
772
- }
773
-
774
- }
775
-
776
- }
777
-
778
- }
779
-
780
- }
781
-
782
- }
783
-
784
- }
785
-
786
- }
787
-
788
- }
789
-
790
- .modal-background {
791
- display:none;
792
- }
793
-
794
-
795
-
796
-
797
-
74
+ width:100%;
75
+ font-size: 0;
76
+ &__button {
77
+ display:inline-block;
78
+ color:$gray !important;
79
+ position:relative;
80
+ padding: 0 14px;
81
+ text-transform: capitalize;
82
+ @include font-rem(normal,14px,38px);
83
+
84
+ &.selected{
85
+ color:$orange!important;
86
+ cursor: default;
87
+ &:after {
88
+ content: "";
89
+ background:$orange;
90
+ width:100%;
91
+ height:5px;
92
+ position: absolute;
93
+ top:-3px;
94
+ left: 0;
95
+ }
96
+ &:before {
97
+ content: "";
98
+ width: 0;
99
+ height: 0;
100
+ border-top: 7px solid $orange;
101
+ border-left: 8px solid transparent;
102
+ border-right: 8px solid transparent;
103
+ position: absolute;
104
+ top: 0px;
105
+ left: 41%;
106
+ }
107
+ &:hover{
108
+ color: $orange;
109
+ &:after {
110
+ content: "";
111
+ background:$orange;
112
+ width:100%;
113
+ height:5px;
114
+ position: absolute;
115
+ top:-3px;
116
+ left: 0;
117
+ }
118
+ &:before {
119
+ content: "";
120
+ width: 0;
121
+ height: 0;
122
+ border-top: 7px solid $orange;
123
+ border-left: 8px solid transparent;
124
+ border-right: 8px solid transparent;
125
+ position: absolute;
126
+ top: 0px;
127
+ left: 41%;
128
+ }
129
+ }
130
+ }
131
+
132
+ &:hover{
133
+ color:$gray-light !important;
134
+ text-decoration: none;
135
+ &:after {
136
+ content: "";
137
+ background:$gray-light;
138
+ width:100%;
139
+ height:5px;
140
+ position: absolute;
141
+ top:-3px;
142
+ left: 0;
143
+ }
144
+ &:before {
145
+ content: "";
146
+ width: 0;
147
+ height: 0;
148
+ border-top: 8px solid $gray-light;
149
+ border-left: 8px solid transparent;
150
+ border-right: 8px solid transparent;
151
+ position: absolute;
152
+ top: 0px;
153
+ left: 41%;
154
+ }
155
+ }
156
+ &__icon {
157
+ margin-right:2px;
158
+ width:16px;
159
+ height:16px;
160
+ line-height: 16px;
161
+ display:inline-block;
162
+
163
+ &--right {
164
+ cursor:pointer;
165
+ line-height:40px !important;
166
+
167
+ &--selected {
168
+ color:$orange !important;
169
+ }
170
+
171
+ }
172
+ }
173
+ &__hamburger {
174
+ float: left;
175
+ &:before {
176
+ content: "";
177
+ width: 0;
178
+ height: 0;
179
+ border-top: 7px solid transparent;
180
+ border-left: 8px solid transparent;
181
+ border-right: 8px solid transparent;
182
+ position: absolute;
183
+ top: 0px;
184
+ left: 41%;
185
+ }
186
+ &:hover{
187
+ color:$gray-light !important;
188
+ text-decoration: none;
189
+ &:after {
190
+ content: "";
191
+ background:transparent;
192
+ width:100%;
193
+ height:5px;
194
+ position: absolute;
195
+ top:-3px;
196
+ left: 0;
197
+ }
198
+ &:before {
199
+ content: "";
200
+ width: 0;
201
+ height: 0;
202
+ border-top: 7px solid transparent;
203
+ border-left: 8px solid transparent;
204
+ border-right: 8px solid transparent;
205
+ position: absolute;
206
+ top: 0px;
207
+ left: 41%;
208
+ }
209
+ }
210
+ }
211
+ .aereos &, .TKT &{
212
+ &.main-menu__button--aereos, &.main-menu__button--TKT{
213
+ @extend %selected;
214
+ }
215
+ }
216
+ .hoteles &, .HTL &{
217
+ &.main-menu__button--hoteles, &.main-menu__button--HTL{
218
+ @extend %selected;
219
+ }
220
+ }
221
+ .paquetes &, .PKT &{
222
+ &.main-menu__button--paquetes, &.main-menu__button--PKT{
223
+ @extend %selected;
224
+ }
225
+ }
226
+ .cruceros &, .CRU &{
227
+ &.main-menu__button--cruceros, &.main-menu__button--CRU{
228
+ @extend %selected;
229
+ }
230
+ }
231
+ .autos &, .CAR &{
232
+ &.main-menu__button--autos, &.main-menu__button--CAR{
233
+ @extend %selected;
234
+ }
235
+ }
236
+ .escapadas &, .SCA &{
237
+ &.main-menu__button--escapadas, &.main-menu__button--SCA{
238
+ @extend %selected;
239
+ }
240
+ }
241
+ .disney &, .PDN &{
242
+ &.main-menu__button--disney, &.main-menu__button--PDN{
243
+ @extend %selected;
244
+ }
245
+ }
246
+ .trenes &, .PTR &{
247
+ &.main-menu__button--trenes, &.main-menu__button--PTR{
248
+ @extend %selected;
249
+ }
250
+ }
251
+ .servicios &, .SRV &{
252
+ &.main-menu__button--servicios, &.main-menu__button--SRV{
253
+ @extend %selected;
254
+ }
255
+ }
256
+ .seguros &, .SME &{
257
+ &.main-menu__button--seguros, &.main-menu__button--SME{
258
+ @extend %selected;
259
+ }
260
+ }
261
+ .destinos &, .DTN &{
262
+ &.main-menu__button--destinos, &.main-menu__button--DTN{
263
+ @extend %selected;
264
+ }
265
+ }
266
+ .excursiones &, .EXC &{
267
+ &.main-menu__button--excursiones, &.main-menu__button--EXC{
268
+ @extend %selected;
269
+ }
270
+ }
271
+ }
272
+ &--responsive{
273
+ box-shadow: none;
274
+ border-bottom: none;
275
+ text-align: left;
276
+ margin: 0 0 40px 0;
277
+ .main-menu__button{
278
+ display: block;
279
+ border-bottom: 1px solid $gray-light;
280
+ padding: 0;
281
+ margin-left: 0;
282
+ &:before {
283
+ content: "";
284
+ width: 0;
285
+ height: 0;
286
+ border-top: 0 solid transparent!important;
287
+ border-left: 0 solid transparent!important;
288
+ border-right: 0 solid transparent!important;
289
+ position: absolute;
290
+ top: 0px;
291
+ left: 41%;
292
+ }
293
+ &:after{
294
+ content: "";
295
+ background:transparent!important;
296
+ width:0!important;
297
+ height:0!important;
298
+ }
299
+ }
300
+ }
301
+ }
@@ -90,11 +90,16 @@ $warning-light:#F6CD64;
90
90
  $warning:#F6BC33;
91
91
  $warning-dark:#E2A109;
92
92
 
93
-
93
+ $notification-lighter:#E1E9F9;
94
94
  $notification-light:#90B1EB;
95
95
  $notification:#2671DD;
96
96
  $notification-dark:#174990;
97
97
 
98
+ $important-lighter:#FFDECC;
99
+ $important-light:#FFB583;
100
+ $important:#DF6800;
101
+ $important-dark:#BF5B00;
102
+
98
103
  $staticPath:"https://static.almundo.com/";
99
104
 
100
105
  $hover-link:#DEEFF9;
@@ -108,6 +113,7 @@ $table-hover:#E1E9F9;
108
113
 
109
114
  // Table selected
110
115
  $table-select:#C3D4F1;
116
+ $table-select-dark:#2671DD;
111
117
 
112
118
  // Buttons
113
119
 
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: am-commons
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.14
4
+ version: 0.0.15
5
5
  platform: ruby
6
6
  authors:
7
7
  - Emiliano Mongelo
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2015-10-16 00:00:00.000000000 Z
11
+ date: 2015-10-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: compass
@@ -35,6 +35,7 @@ files:
35
35
  - LICENSE
36
36
  - README.md
37
37
  - Rakefile
38
+ - am-commons-0.0.14.gem
38
39
  - am-commons.gemspec
39
40
  - lib/am-commons.rb
40
41
  - lib/am-commons/version.rb
@@ -70,8 +71,8 @@ homepage: http://www.almundo.com/
70
71
  licenses: []
71
72
  metadata: {}
72
73
  post_install_message: "\n\n##################################################\n##
73
- Al Mundo Commons - Sass/Compass Framework\n\n## Versión: 0.0.14\n## Agregar a config.rb:
74
- \nrequire 'am-commons'\ngem 'am-commons', '~> 0.0.14' \n##################################################\n\n"
74
+ Al Mundo Commons - Sass/Compass Framework\n\n## Versión: 0.0.15\n## Agregar a config.rb:
75
+ \nrequire 'am-commons'\ngem 'am-commons', '~> 0.0.15' \n##################################################\n\n"
75
76
  rdoc_options: []
76
77
  require_paths:
77
78
  - lib