jombo 1.0.3 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
data/_meta/README ADDED
@@ -0,0 +1,11 @@
1
+ When converting bootstrap.css to bootstrap.css.erb:
2
+
3
+ Find:
4
+ "../img/glyphicons-halflings.png"
5
+ Replace with:
6
+ <%= asset_path "glyphicons-halflings.png" %>
7
+
8
+ Find:
9
+ "../img/glyphicons-halflings-white.png"
10
+ Replace with:
11
+ <%= asset_path "glyphicons-halflings-white.png" %>
data/_meta/TODO ADDED
File without changes
data/lib/jombo/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module Jombo
2
- VERSION = "1.0.3"
2
+ VERSION = "1.0.4"
3
3
  end
@@ -54,7 +54,8 @@
54
54
  $targets = this.$body
55
55
  .find(this.selector)
56
56
  .map(function () {
57
- var href = $(this).attr('href')
57
+ var $el = $(this)
58
+ , href = $el.data('target') || $el.attr('href')
58
59
  , $href = /^#\w/.test(href) && $(href)
59
60
  return ( $href
60
61
  && href.length
@@ -91,6 +92,7 @@
91
92
 
92
93
  , activate: function (target) {
93
94
  var active
95
+ , selector
94
96
 
95
97
  this.activeTarget = target
96
98
 
@@ -98,7 +100,11 @@
98
100
  .parent('.active')
99
101
  .removeClass('active')
100
102
 
101
- active = $(this.selector + '[href="' + target + '"]')
103
+ selector = this.selector
104
+ + '[data-target="' + target + '"],'
105
+ + this.selector + '[href="' + target + '"]'
106
+
107
+ active = $(selector)
102
108
  .parent('li')
103
109
  .addClass('active')
104
110
 
@@ -56,7 +56,7 @@
56
56
  }
57
57
 
58
58
  , show: function () {
59
- var pos = $.extend({}, this.$element.offset(), {
59
+ var pos = $.extend({}, this.$element.position(), {
60
60
  height: this.$element[0].offsetHeight
61
61
  })
62
62
 
@@ -7,17 +7,21 @@
7
7
  *
8
8
  * Designed and built with all the love in the world @twitter by @mdo and @fat.
9
9
  */
10
+
10
11
  .clearfix {
11
12
  *zoom: 1;
12
13
  }
14
+
13
15
  .clearfix:before,
14
16
  .clearfix:after {
15
17
  display: table;
16
18
  content: "";
17
19
  }
20
+
18
21
  .clearfix:after {
19
22
  clear: both;
20
23
  }
24
+
21
25
  .hide-text {
22
26
  font: 0/0 a;
23
27
  color: transparent;
@@ -25,28 +29,34 @@
25
29
  background-color: transparent;
26
30
  border: 0;
27
31
  }
32
+
28
33
  .input-block-level {
29
34
  display: block;
30
35
  width: 100%;
31
36
  min-height: 28px;
32
37
  -webkit-box-sizing: border-box;
33
- -moz-box-sizing: border-box;
34
- -ms-box-sizing: border-box;
35
- box-sizing: border-box;
38
+ -moz-box-sizing: border-box;
39
+ -ms-box-sizing: border-box;
40
+ box-sizing: border-box;
36
41
  }
42
+
37
43
  .hidden {
38
44
  display: none;
39
45
  visibility: hidden;
40
46
  }
47
+
41
48
  .visible-phone {
42
49
  display: none !important;
43
50
  }
51
+
44
52
  .visible-tablet {
45
53
  display: none !important;
46
54
  }
55
+
47
56
  .hidden-desktop {
48
57
  display: none !important;
49
58
  }
59
+
50
60
  @media (max-width: 767px) {
51
61
  .visible-phone {
52
62
  display: inherit !important;
@@ -61,6 +71,7 @@
61
71
  display: none !important;
62
72
  }
63
73
  }
74
+
64
75
  @media (min-width: 768px) and (max-width: 979px) {
65
76
  .visible-tablet {
66
77
  display: inherit !important;
@@ -75,6 +86,7 @@
75
86
  display: none !important ;
76
87
  }
77
88
  }
89
+
78
90
  @media (max-width: 480px) {
79
91
  .nav-collapse {
80
92
  -webkit-transform: translate3d(0, 0, 0);
@@ -100,14 +112,14 @@
100
112
  padding-top: 0;
101
113
  }
102
114
  .form-horizontal .form-actions {
103
- padding-left: 10px;
104
115
  padding-right: 10px;
116
+ padding-left: 10px;
105
117
  }
106
118
  .modal {
107
119
  position: absolute;
108
120
  top: 10px;
109
- left: 10px;
110
121
  right: 10px;
122
+ left: 10px;
111
123
  width: auto;
112
124
  margin: 0;
113
125
  }
@@ -122,23 +134,24 @@
122
134
  position: static;
123
135
  }
124
136
  }
137
+
125
138
  @media (max-width: 767px) {
126
139
  body {
127
- padding-left: 20px;
128
140
  padding-right: 20px;
141
+ padding-left: 20px;
129
142
  }
130
143
  .navbar-fixed-top,
131
144
  .navbar-fixed-bottom {
132
- margin-left: -20px;
133
145
  margin-right: -20px;
146
+ margin-left: -20px;
134
147
  }
135
148
  .container-fluid {
136
149
  padding: 0;
137
150
  }
138
151
  .dl-horizontal dt {
139
152
  float: none;
140
- clear: none;
141
153
  width: auto;
154
+ clear: none;
142
155
  text-align: left;
143
156
  }
144
157
  .dl-horizontal dd {
@@ -156,8 +169,8 @@
156
169
  }
157
170
  [class*="span"],
158
171
  .row-fluid [class*="span"] {
159
- float: none;
160
172
  display: block;
173
+ float: none;
161
174
  width: auto;
162
175
  margin-left: 0;
163
176
  }
@@ -172,9 +185,9 @@
172
185
  width: 100%;
173
186
  min-height: 28px;
174
187
  -webkit-box-sizing: border-box;
175
- -moz-box-sizing: border-box;
176
- -ms-box-sizing: border-box;
177
- box-sizing: border-box;
188
+ -moz-box-sizing: border-box;
189
+ -ms-box-sizing: border-box;
190
+ box-sizing: border-box;
178
191
  }
179
192
  .input-prepend input,
180
193
  .input-append input,
@@ -184,6 +197,7 @@
184
197
  width: auto;
185
198
  }
186
199
  }
200
+
187
201
  @media (min-width: 768px) and (max-width: 979px) {
188
202
  .row {
189
203
  margin-left: -20px;
@@ -292,14 +306,14 @@
292
306
  }
293
307
  .row-fluid [class*="span"] {
294
308
  display: block;
309
+ float: left;
295
310
  width: 100%;
296
311
  min-height: 28px;
297
- -webkit-box-sizing: border-box;
298
- -moz-box-sizing: border-box;
299
- -ms-box-sizing: border-box;
300
- box-sizing: border-box;
301
- float: left;
302
312
  margin-left: 2.762430939%;
313
+ -webkit-box-sizing: border-box;
314
+ -moz-box-sizing: border-box;
315
+ -ms-box-sizing: border-box;
316
+ box-sizing: border-box;
303
317
  }
304
318
  .row-fluid [class*="span"]:first-child {
305
319
  margin-left: 0;
@@ -345,43 +359,68 @@
345
359
  .uneditable-input {
346
360
  margin-left: 0;
347
361
  }
348
- input.span12, textarea.span12, .uneditable-input.span12 {
362
+ input.span12,
363
+ textarea.span12,
364
+ .uneditable-input.span12 {
349
365
  width: 714px;
350
366
  }
351
- input.span11, textarea.span11, .uneditable-input.span11 {
367
+ input.span11,
368
+ textarea.span11,
369
+ .uneditable-input.span11 {
352
370
  width: 652px;
353
371
  }
354
- input.span10, textarea.span10, .uneditable-input.span10 {
372
+ input.span10,
373
+ textarea.span10,
374
+ .uneditable-input.span10 {
355
375
  width: 590px;
356
376
  }
357
- input.span9, textarea.span9, .uneditable-input.span9 {
377
+ input.span9,
378
+ textarea.span9,
379
+ .uneditable-input.span9 {
358
380
  width: 528px;
359
381
  }
360
- input.span8, textarea.span8, .uneditable-input.span8 {
382
+ input.span8,
383
+ textarea.span8,
384
+ .uneditable-input.span8 {
361
385
  width: 466px;
362
386
  }
363
- input.span7, textarea.span7, .uneditable-input.span7 {
387
+ input.span7,
388
+ textarea.span7,
389
+ .uneditable-input.span7 {
364
390
  width: 404px;
365
391
  }
366
- input.span6, textarea.span6, .uneditable-input.span6 {
392
+ input.span6,
393
+ textarea.span6,
394
+ .uneditable-input.span6 {
367
395
  width: 342px;
368
396
  }
369
- input.span5, textarea.span5, .uneditable-input.span5 {
397
+ input.span5,
398
+ textarea.span5,
399
+ .uneditable-input.span5 {
370
400
  width: 280px;
371
401
  }
372
- input.span4, textarea.span4, .uneditable-input.span4 {
402
+ input.span4,
403
+ textarea.span4,
404
+ .uneditable-input.span4 {
373
405
  width: 218px;
374
406
  }
375
- input.span3, textarea.span3, .uneditable-input.span3 {
407
+ input.span3,
408
+ textarea.span3,
409
+ .uneditable-input.span3 {
376
410
  width: 156px;
377
411
  }
378
- input.span2, textarea.span2, .uneditable-input.span2 {
412
+ input.span2,
413
+ textarea.span2,
414
+ .uneditable-input.span2 {
379
415
  width: 94px;
380
416
  }
381
- input.span1, textarea.span1, .uneditable-input.span1 {
417
+ input.span1,
418
+ textarea.span1,
419
+ .uneditable-input.span1 {
382
420
  width: 32px;
383
421
  }
384
422
  }
423
+
385
424
  @media (min-width: 1200px) {
386
425
  .row {
387
426
  margin-left: -30px;
@@ -490,14 +529,14 @@
490
529
  }
491
530
  .row-fluid [class*="span"] {
492
531
  display: block;
532
+ float: left;
493
533
  width: 100%;
494
534
  min-height: 28px;
495
- -webkit-box-sizing: border-box;
496
- -moz-box-sizing: border-box;
497
- -ms-box-sizing: border-box;
498
- box-sizing: border-box;
499
- float: left;
500
535
  margin-left: 2.564102564%;
536
+ -webkit-box-sizing: border-box;
537
+ -moz-box-sizing: border-box;
538
+ -ms-box-sizing: border-box;
539
+ box-sizing: border-box;
501
540
  }
502
541
  .row-fluid [class*="span"]:first-child {
503
542
  margin-left: 0;
@@ -543,40 +582,64 @@
543
582
  .uneditable-input {
544
583
  margin-left: 0;
545
584
  }
546
- input.span12, textarea.span12, .uneditable-input.span12 {
585
+ input.span12,
586
+ textarea.span12,
587
+ .uneditable-input.span12 {
547
588
  width: 1160px;
548
589
  }
549
- input.span11, textarea.span11, .uneditable-input.span11 {
590
+ input.span11,
591
+ textarea.span11,
592
+ .uneditable-input.span11 {
550
593
  width: 1060px;
551
594
  }
552
- input.span10, textarea.span10, .uneditable-input.span10 {
595
+ input.span10,
596
+ textarea.span10,
597
+ .uneditable-input.span10 {
553
598
  width: 960px;
554
599
  }
555
- input.span9, textarea.span9, .uneditable-input.span9 {
600
+ input.span9,
601
+ textarea.span9,
602
+ .uneditable-input.span9 {
556
603
  width: 860px;
557
604
  }
558
- input.span8, textarea.span8, .uneditable-input.span8 {
605
+ input.span8,
606
+ textarea.span8,
607
+ .uneditable-input.span8 {
559
608
  width: 760px;
560
609
  }
561
- input.span7, textarea.span7, .uneditable-input.span7 {
610
+ input.span7,
611
+ textarea.span7,
612
+ .uneditable-input.span7 {
562
613
  width: 660px;
563
614
  }
564
- input.span6, textarea.span6, .uneditable-input.span6 {
615
+ input.span6,
616
+ textarea.span6,
617
+ .uneditable-input.span6 {
565
618
  width: 560px;
566
619
  }
567
- input.span5, textarea.span5, .uneditable-input.span5 {
620
+ input.span5,
621
+ textarea.span5,
622
+ .uneditable-input.span5 {
568
623
  width: 460px;
569
624
  }
570
- input.span4, textarea.span4, .uneditable-input.span4 {
625
+ input.span4,
626
+ textarea.span4,
627
+ .uneditable-input.span4 {
571
628
  width: 360px;
572
629
  }
573
- input.span3, textarea.span3, .uneditable-input.span3 {
630
+ input.span3,
631
+ textarea.span3,
632
+ .uneditable-input.span3 {
574
633
  width: 260px;
575
634
  }
576
- input.span2, textarea.span2, .uneditable-input.span2 {
635
+ input.span2,
636
+ textarea.span2,
637
+ .uneditable-input.span2 {
577
638
  width: 160px;
578
639
  }
579
- input.span1, textarea.span1, .uneditable-input.span1 {
640
+ input.span1,
641
+ textarea.span1,
642
+ .uneditable-input.span1 {
580
643
  width: 60px;
581
644
  }
582
645
  .thumbnails {
@@ -586,6 +649,7 @@
586
649
  margin-left: 0;
587
650
  }
588
651
  }
652
+
589
653
  @media (max-width: 979px) {
590
654
  body {
591
655
  padding-top: 0;
@@ -602,8 +666,8 @@
602
666
  padding: 0;
603
667
  }
604
668
  .navbar .brand {
605
- padding-left: 10px;
606
669
  padding-right: 10px;
670
+ padding-left: 10px;
607
671
  margin: 0 0 0 -5px;
608
672
  }
609
673
  .nav-collapse {
@@ -632,15 +696,15 @@
632
696
  font-weight: bold;
633
697
  color: #999999;
634
698
  -webkit-border-radius: 3px;
635
- -moz-border-radius: 3px;
636
- border-radius: 3px;
699
+ -moz-border-radius: 3px;
700
+ border-radius: 3px;
637
701
  }
638
702
  .nav-collapse .btn {
639
703
  padding: 4px 10px 4px;
640
704
  font-weight: normal;
641
705
  -webkit-border-radius: 4px;
642
- -moz-border-radius: 4px;
643
- border-radius: 4px;
706
+ -moz-border-radius: 4px;
707
+ border-radius: 4px;
644
708
  }
645
709
  .nav-collapse .dropdown-menu li + li a {
646
710
  margin-bottom: 2px;
@@ -650,26 +714,26 @@
650
714
  background-color: #222222;
651
715
  }
652
716
  .nav-collapse.in .btn-group {
653
- margin-top: 5px;
654
717
  padding: 0;
718
+ margin-top: 5px;
655
719
  }
656
720
  .nav-collapse .dropdown-menu {
657
721
  position: static;
658
722
  top: auto;
659
723
  left: auto;
660
- float: none;
661
724
  display: block;
725
+ float: none;
662
726
  max-width: none;
663
- margin: 0 15px;
664
727
  padding: 0;
728
+ margin: 0 15px;
665
729
  background-color: transparent;
666
730
  border: none;
667
731
  -webkit-border-radius: 0;
668
- -moz-border-radius: 0;
669
- border-radius: 0;
732
+ -moz-border-radius: 0;
733
+ border-radius: 0;
670
734
  -webkit-box-shadow: none;
671
- -moz-box-shadow: none;
672
- box-shadow: none;
735
+ -moz-box-shadow: none;
736
+ box-shadow: none;
673
737
  }
674
738
  .nav-collapse .dropdown-menu:before,
675
739
  .nav-collapse .dropdown-menu:after {
@@ -685,9 +749,9 @@
685
749
  margin: 9px 0;
686
750
  border-top: 1px solid #222222;
687
751
  border-bottom: 1px solid #222222;
688
- -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
689
- -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
690
- box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
752
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
753
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
754
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
691
755
  }
692
756
  .navbar .nav-collapse .nav.pull-right {
693
757
  float: none;
@@ -695,17 +759,18 @@
695
759
  }
696
760
  .nav-collapse,
697
761
  .nav-collapse.collapse {
698
- overflow: hidden;
699
762
  height: 0;
763
+ overflow: hidden;
700
764
  }
701
765
  .navbar .btn-navbar {
702
766
  display: block;
703
767
  }
704
768
  .navbar-static .navbar-inner {
705
- padding-left: 10px;
706
769
  padding-right: 10px;
770
+ padding-left: 10px;
707
771
  }
708
772
  }
773
+
709
774
  @media (min-width: 980px) {
710
775
  .nav-collapse.collapse {
711
776
  height: auto !important;