bootstrap-generators 2.0.1 → 2.0.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (127) hide show
  1. data/README.md +258 -33
  2. data/Rakefile +0 -59
  3. data/lib/bootstrap/generators/engine.rb +6 -1
  4. data/lib/bootstrap/generators/version.rb +1 -1
  5. data/lib/generators/bootstrap/install/install_generator.rb +10 -2
  6. data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.css.scss +120 -15
  7. data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.less +206 -0
  8. data/lib/generators/bootstrap/install/templates/assets/stylesheets/fluid.css +2 -0
  9. data/lib/generators/bootstrap/install/templates/assets/stylesheets/fluid.css.less +5 -4
  10. data/lib/generators/bootstrap/install/templates/assets/stylesheets/fluid.css.scss +3 -2
  11. data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css +2 -0
  12. data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css.less +5 -4
  13. data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css.scss +3 -2
  14. data/lib/generators/bootstrap/install/templates/config/initializers/simple_form.rb +3 -0
  15. data/lib/generators/bootstrap/install/templates/form_builders/form_builder/_form.html.erb +3 -3
  16. data/lib/generators/bootstrap/install/templates/form_builders/form_builder/_form.html.haml +2 -2
  17. data/lib/generators/bootstrap/install/templates/form_builders/simple_form/_form.html.erb +1 -1
  18. data/lib/generators/bootstrap/install/templates/form_builders/simple_form/_form.html.haml +1 -1
  19. data/test/fixtures/application.js +3 -0
  20. data/test/lib/generators/bootstrap/install_generator_test.rb +4 -3
  21. data/test/test_helper.rb +8 -1
  22. data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
  23. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  24. data/vendor/assets/javascripts/bootstrap-alert.js +28 -32
  25. data/vendor/assets/javascripts/bootstrap-button.js +29 -33
  26. data/vendor/assets/javascripts/bootstrap-carousel.js +33 -21
  27. data/vendor/assets/javascripts/bootstrap-collapse.js +47 -26
  28. data/vendor/assets/javascripts/bootstrap-dropdown.js +18 -10
  29. data/vendor/assets/javascripts/bootstrap-modal.js +25 -17
  30. data/vendor/assets/javascripts/bootstrap-popover.js +13 -10
  31. data/vendor/assets/javascripts/bootstrap-scrollspy.js +44 -18
  32. data/vendor/assets/javascripts/bootstrap-tab.js +12 -7
  33. data/vendor/assets/javascripts/bootstrap-tooltip.js +40 -35
  34. data/vendor/assets/javascripts/bootstrap-transition.js +30 -20
  35. data/vendor/assets/javascripts/bootstrap-typeahead.js +29 -15
  36. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/accordion.less +5 -0
  37. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/alerts.less +2 -14
  38. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/bootstrap.less +2 -2
  39. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/breadcrumbs.less +2 -0
  40. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/button-groups.less +76 -33
  41. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/buttons.less +32 -24
  42. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/carousel.less +0 -0
  43. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/close.less +12 -1
  44. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/code.less +6 -6
  45. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/component-animations.less +7 -5
  46. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/dropdowns.less +58 -45
  47. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/forms.less +205 -144
  48. data/vendor/twitter/bootstrap/less/grid.less +5 -0
  49. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/hero-unit.less +3 -1
  50. data/vendor/twitter/bootstrap/less/labels-badges.less +55 -0
  51. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/layouts.less +1 -1
  52. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/mixins.less +235 -179
  53. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/modals.less +13 -6
  54. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/navbar.less +131 -72
  55. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/navs.less +53 -43
  56. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/pager.less +6 -0
  57. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/pagination.less +1 -0
  58. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/popovers.less +0 -0
  59. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/progress-bars.less +27 -5
  60. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/reset.less +8 -3
  61. data/vendor/twitter/bootstrap/less/responsive-1200px-min.less +26 -0
  62. data/vendor/twitter/bootstrap/less/responsive-767px-max.less +149 -0
  63. data/vendor/twitter/bootstrap/less/responsive-768px-979px.less +17 -0
  64. data/vendor/twitter/bootstrap/less/responsive-navbar.less +153 -0
  65. data/vendor/twitter/bootstrap/less/responsive-utilities.less +41 -0
  66. data/vendor/twitter/bootstrap/less/responsive.less +48 -0
  67. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/scaffolding.less +4 -4
  68. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/sprites.less +42 -9
  69. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/tables.less +46 -20
  70. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/thumbnails.less +14 -2
  71. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/tooltip.less +0 -0
  72. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/type.less +27 -13
  73. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/utilities.less +0 -0
  74. data/vendor/twitter/bootstrap/less/variables.less +206 -0
  75. data/vendor/{assets/stylesheets → twitter/bootstrap}/less/wells.less +10 -0
  76. data/vendor/{assets/stylesheets/scss/accordion.scss → twitter/bootstrap/sass/_accordion.scss} +5 -0
  77. data/vendor/{assets/stylesheets/scss/alerts.scss → twitter/bootstrap/sass/_alerts.scss} +3 -15
  78. data/vendor/{assets/stylesheets/scss/breadcrumbs.scss → twitter/bootstrap/sass/_breadcrumbs.scss} +2 -0
  79. data/vendor/{assets/stylesheets/scss/button-groups.scss → twitter/bootstrap/sass/_button-groups.scss} +76 -33
  80. data/vendor/{assets/stylesheets/scss/buttons.scss → twitter/bootstrap/sass/_buttons.scss} +33 -25
  81. data/vendor/{assets/stylesheets/scss/carousel.scss → twitter/bootstrap/sass/_carousel.scss} +1 -1
  82. data/vendor/{assets/stylesheets/scss/close.scss → twitter/bootstrap/sass/_close.scss} +12 -1
  83. data/vendor/{assets/stylesheets/scss/code.scss → twitter/bootstrap/sass/_code.scss} +7 -7
  84. data/vendor/{assets/stylesheets/scss/component-animations.scss → twitter/bootstrap/sass/_component-animations.scss} +9 -7
  85. data/vendor/{assets/stylesheets/scss/dropdowns.scss → twitter/bootstrap/sass/_dropdowns.scss} +58 -45
  86. data/vendor/{assets/stylesheets/scss/forms.scss → twitter/bootstrap/sass/_forms.scss} +205 -145
  87. data/vendor/twitter/bootstrap/sass/_grid.scss +5 -0
  88. data/vendor/{assets/stylesheets/scss/hero-unit.scss → twitter/bootstrap/sass/_hero-unit.scss} +3 -1
  89. data/vendor/twitter/bootstrap/sass/_labels-badges.scss +52 -0
  90. data/vendor/{assets/stylesheets/scss/layouts.scss → twitter/bootstrap/sass/_layouts.scss} +2 -2
  91. data/vendor/{assets/stylesheets/scss/mixins.scss → twitter/bootstrap/sass/_mixins.scss} +246 -182
  92. data/vendor/{assets/stylesheets/scss/modals.scss → twitter/bootstrap/sass/_modals.scss} +14 -7
  93. data/vendor/{assets/stylesheets/scss/navbar.scss → twitter/bootstrap/sass/_navbar.scss} +132 -73
  94. data/vendor/{assets/stylesheets/scss/navs.scss → twitter/bootstrap/sass/_navs.scss} +53 -43
  95. data/vendor/{assets/stylesheets/scss/pager.scss → twitter/bootstrap/sass/_pager.scss} +6 -0
  96. data/vendor/{assets/stylesheets/scss/pagination.scss → twitter/bootstrap/sass/_pagination.scss} +1 -0
  97. data/vendor/{assets/stylesheets/scss/popovers.scss → twitter/bootstrap/sass/_popovers.scss} +0 -0
  98. data/vendor/{assets/stylesheets/scss/progress-bars.scss → twitter/bootstrap/sass/_progress-bars.scss} +27 -5
  99. data/vendor/{assets/stylesheets/scss/reset.scss → twitter/bootstrap/sass/_reset.scss} +8 -3
  100. data/vendor/twitter/bootstrap/sass/_responsive-1200px-min.scss +26 -0
  101. data/vendor/twitter/bootstrap/sass/_responsive-767px-max.scss +149 -0
  102. data/vendor/twitter/bootstrap/sass/_responsive-768px-979px.scss +17 -0
  103. data/vendor/twitter/bootstrap/sass/_responsive-navbar.scss +153 -0
  104. data/vendor/twitter/bootstrap/sass/_responsive-utilities.scss +41 -0
  105. data/vendor/{assets/stylesheets/scss/scaffolding.scss → twitter/bootstrap/sass/_scaffolding.scss} +4 -4
  106. data/vendor/{assets/stylesheets/scss/sprites.scss → twitter/bootstrap/sass/_sprites.scss} +40 -7
  107. data/vendor/{assets/stylesheets/scss/tables.scss → twitter/bootstrap/sass/_tables.scss} +37 -32
  108. data/vendor/{assets/stylesheets/scss/thumbnails.scss → twitter/bootstrap/sass/_thumbnails.scss} +14 -2
  109. data/vendor/{assets/stylesheets/scss/tooltip.scss → twitter/bootstrap/sass/_tooltip.scss} +1 -1
  110. data/vendor/{assets/stylesheets/scss/type.scss → twitter/bootstrap/sass/_type.scss} +27 -13
  111. data/vendor/{assets/stylesheets/scss/utilities.scss → twitter/bootstrap/sass/_utilities.scss} +0 -0
  112. data/vendor/twitter/bootstrap/sass/_variables.scss +204 -0
  113. data/vendor/{assets/stylesheets/scss/wells.scss → twitter/bootstrap/sass/_wells.scss} +10 -0
  114. data/vendor/{assets/stylesheets/scss → twitter/bootstrap/sass}/bootstrap.scss +3 -3
  115. data/vendor/twitter/bootstrap/sass/responsive.scss +48 -0
  116. metadata +93 -84
  117. data/lib/generators/bootstrap/install/templates/assets/javascripts/bootstrap-generators.js +0 -1
  118. data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.css.less +0 -98
  119. data/vendor/assets/stylesheets/bootstrap.css +0 -3363
  120. data/vendor/assets/stylesheets/less/grid.less +0 -8
  121. data/vendor/assets/stylesheets/less/labels.less +0 -32
  122. data/vendor/assets/stylesheets/less/responsive.less +0 -327
  123. data/vendor/assets/stylesheets/less/variables.less +0 -107
  124. data/vendor/assets/stylesheets/scss/grid.scss +0 -8
  125. data/vendor/assets/stylesheets/scss/labels.scss +0 -32
  126. data/vendor/assets/stylesheets/scss/responsive.scss +0 -327
  127. data/vendor/assets/stylesheets/scss/variables.scss +0 -107
@@ -0,0 +1,41 @@
1
+ // RESPONSIVE CLASSES
2
+ // ------------------
3
+
4
+ // Hide from screenreaders and browsers
5
+ // Credit: HTML5 Boilerplate
6
+ .hidden {
7
+ display: none;
8
+ visibility: hidden;
9
+ }
10
+
11
+ // Visibility utilities
12
+
13
+ // For desktops
14
+ .visible-phone { display: none !important; }
15
+ .visible-tablet { display: none !important; }
16
+ .visible-desktop { } // Don't set initially
17
+ .hidden-phone { }
18
+ .hidden-tablet { }
19
+ .hidden-desktop { display: none !important; }
20
+
21
+ // Phones only
22
+ @media (max-width: 767px) {
23
+ // Show
24
+ .visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
25
+ // Hide
26
+ .hidden-phone { display: none !important; }
27
+ // Hide everything else
28
+ .hidden-desktop { display: inherit !important; }
29
+ .visible-desktop { display: none !important; }
30
+ }
31
+
32
+ // Tablets & small desktops only
33
+ @media (min-width: 768px) and (max-width: 979px) {
34
+ // Show
35
+ .visible-tablet { display: inherit !important; }
36
+ // Hide
37
+ .hidden-tablet { display: none !important; }
38
+ // Hide everything else
39
+ .hidden-desktop { display: inherit !important; }
40
+ .visible-desktop { display: none !important ; }
41
+ }
@@ -3,8 +3,8 @@
3
3
  // -------------------------------------------------------------------------------------------
4
4
 
5
5
 
6
- // STRUCTURAL LAYOUT
7
- // -----------------
6
+ // Body reset
7
+ // ----------
8
8
 
9
9
  body {
10
10
  margin: 0;
@@ -12,11 +12,11 @@ body {
12
12
  font-size: $baseFontSize;
13
13
  line-height: $baseLineHeight;
14
14
  color: $textColor;
15
- background-color: $white;
15
+ background-color: $bodyBackground;
16
16
  }
17
17
 
18
18
 
19
- // LINKS
19
+ // Links
20
20
  // -----
21
21
 
22
22
  a {
@@ -6,12 +6,12 @@
6
6
  // ICONS
7
7
  // -----
8
8
 
9
- // All icons receive the styles of the <i> tag with a base class
10
- // of .i and are then given a unique class to add width, height,
9
+ // All icons receive the styles of the <i> tag with a base class
10
+ // of .i and are then given a unique class to add width, height,
11
11
  // and background-position. Your resulting HTML will look like
12
12
  // <i class="icon-inbox"></i>.
13
13
 
14
- // For the white version of the icons, just add the .icon-white class:
14
+ // For the white version of the icons, just add the .icon-white class:
15
15
  // <i class="icon-inbox icon-white"></i>
16
16
 
17
17
  [class^="icon-"],
@@ -19,13 +19,13 @@
19
19
  display: inline-block;
20
20
  width: 14px;
21
21
  height: 14px;
22
+ @include ie7-restore-right-whitespace();
22
23
  line-height: 14px;
23
24
  vertical-align: text-top;
24
25
  background-image: url($iconSpritePath);
25
26
  background-position: 14px 14px;
26
27
  background-repeat: no-repeat;
27
28
 
28
- @include ie7-restore-right-whitespace();
29
29
  }
30
30
  .icon-white {
31
31
  background-image: url($iconWhiteSpritePath);
@@ -149,10 +149,43 @@
149
149
  .icon-comment { background-position: -240px -120px; }
150
150
  .icon-magnet { background-position: -264px -120px; }
151
151
  .icon-chevron-up { background-position: -288px -120px; }
152
- .icon-chevron-down { background-position: -313px -119px; } // 1px off
152
+ .icon-chevron-down { background-position: -313px -119px; } // 1px, 1px off
153
153
  .icon-retweet { background-position: -336px -120px; }
154
154
  .icon-shopping-cart { background-position: -360px -120px; }
155
155
  .icon-folder-close { background-position: -384px -120px; }
156
156
  .icon-folder-open { background-position: -408px -120px; }
157
- .icon-resize-vertical { background-position: -432px -119px; }
158
- .icon-resize-horizontal { background-position: -456px -118px; }
157
+ .icon-resize-vertical { background-position: -432px -119px; } // 1px, 1px off
158
+ .icon-resize-horizontal { background-position: -456px -118px; } // 1px, 2px off
159
+
160
+ .icon-hdd { background-position: 0 -144px; }
161
+ .icon-bullhorn { background-position: -24px -144px; }
162
+ .icon-bell { background-position: -48px -144px; }
163
+ .icon-certificate { background-position: -72px -144px; }
164
+ .icon-thumbs-up { background-position: -96px -144px; }
165
+ .icon-thumbs-down { background-position: -120px -144px; }
166
+ .icon-hand-right { background-position: -144px -144px; }
167
+ .icon-hand-left { background-position: -168px -144px; }
168
+ .icon-hand-up { background-position: -192px -144px; }
169
+ .icon-hand-down { background-position: -216px -144px; }
170
+ .icon-circle-arrow-right { background-position: -240px -144px; }
171
+ .icon-circle-arrow-left { background-position: -264px -144px; }
172
+ .icon-circle-arrow-up { background-position: -288px -144px; }
173
+ .icon-circle-arrow-down { background-position: -312px -144px; }
174
+ .icon-globe { background-position: -336px -144px; }
175
+ .icon-wrench { background-position: -360px -144px; }
176
+ .icon-tasks { background-position: -384px -144px; }
177
+ .icon-filter { background-position: -408px -144px; }
178
+ .icon-briefcase { background-position: -432px -144px; }
179
+ .icon-fullscreen { background-position: -456px -144px; }
180
+
181
+
182
+
183
+
184
+
185
+
186
+
187
+
188
+
189
+
190
+
191
+
@@ -9,6 +9,7 @@
9
9
 
10
10
  table {
11
11
  max-width: 100%;
12
+ background-color: $tableBackground;
12
13
  border-collapse: collapse;
13
14
  border-spacing: 0;
14
15
  }
@@ -26,7 +27,7 @@ table {
26
27
  line-height: $baseLineHeight;
27
28
  text-align: left;
28
29
  vertical-align: top;
29
- border-top: 1px solid #ddd;
30
+ border-top: 1px solid $tableBorder;
30
31
  }
31
32
  th {
32
33
  font-weight: bold;
@@ -36,13 +37,17 @@ table {
36
37
  vertical-align: bottom;
37
38
  }
38
39
  // Remove top border from thead by default
39
- thead:first-child tr th,
40
- thead:first-child tr td {
40
+ caption + thead tr:first-child th,
41
+ caption + thead tr:first-child td,
42
+ colgroup + thead tr:first-child th,
43
+ colgroup + thead tr:first-child td,
44
+ thead:first-child tr:first-child th,
45
+ thead:first-child tr:first-child td {
41
46
  border-top: 0;
42
47
  }
43
48
  // Account for multiple tbody instances
44
49
  tbody + tbody {
45
- border-top: 2px solid #ddd;
50
+ border-top: 2px solid $tableBorder;
46
51
  }
47
52
  }
48
53
 
@@ -63,17 +68,22 @@ table {
63
68
  // ----------------
64
69
 
65
70
  .table-bordered {
66
- border: 1px solid #ddd;
71
+ border: 1px solid $tableBorder;
67
72
  border-collapse: separate; // Done so we can round those corners!
68
73
  *border-collapse: collapsed; // IE7 can't round corners anyway
74
+ border-left: 0;
69
75
  @include border-radius(4px);
70
- th + th,
71
- td + td,
72
- th + td,
73
- td + th {
74
- border-left: 1px solid #ddd;
76
+ th,
77
+ td {
78
+ border-left: 1px solid $tableBorder;
75
79
  }
76
80
  // Prevent a double border
81
+ caption + thead tr:first-child th,
82
+ caption + tbody tr:first-child th,
83
+ caption + tbody tr:first-child td,
84
+ colgroup + thead tr:first-child th,
85
+ colgroup + tbody tr:first-child th,
86
+ colgroup + tbody tr:first-child td,
77
87
  thead:first-child tr:first-child th,
78
88
  tbody:first-child tr:first-child th,
79
89
  tbody:first-child tr:first-child td {
@@ -82,20 +92,29 @@ table {
82
92
  // For first th or td in the first row in the first thead or tbody
83
93
  thead:first-child tr:first-child th:first-child,
84
94
  tbody:first-child tr:first-child td:first-child {
85
- @include border-radius(4px 0 0 0);
95
+ -webkit-border-top-left-radius: 4px;
96
+ border-top-left-radius: 4px;
97
+ -moz-border-radius-topleft: 4px;
86
98
  }
87
99
  thead:first-child tr:first-child th:last-child,
88
100
  tbody:first-child tr:first-child td:last-child {
89
- @include border-radius(0 4px 0 0);
101
+ -webkit-border-top-right-radius: 4px;
102
+ border-top-right-radius: 4px;
103
+ -moz-border-radius-topright: 4px;
90
104
  }
91
105
  // For first th or td in the first row in the first thead or tbody
92
106
  thead:last-child tr:last-child th:first-child,
93
107
  tbody:last-child tr:last-child td:first-child {
94
108
  @include border-radius(0 0 0 4px);
109
+ -webkit-border-bottom-left-radius: 4px;
110
+ border-bottom-left-radius: 4px;
111
+ -moz-border-radius-bottomleft: 4px;
95
112
  }
96
113
  thead:last-child tr:last-child th:last-child,
97
114
  tbody:last-child tr:last-child td:last-child {
98
- @include border-radius(0 0 4px 0);
115
+ -webkit-border-bottom-right-radius: 4px;
116
+ border-bottom-right-radius: 4px;
117
+ -moz-border-radius-bottomright: 4px;
99
118
  }
100
119
  }
101
120
 
@@ -108,7 +127,7 @@ table {
108
127
  tbody {
109
128
  tr:nth-child(odd) td,
110
129
  tr:nth-child(odd) th {
111
- background-color: #f9f9f9;
130
+ background-color: $tableBackgroundAccent;
112
131
  }
113
132
  }
114
133
  }
@@ -120,7 +139,7 @@ table {
120
139
  .table {
121
140
  tbody tr:hover td,
122
141
  tbody tr:hover th {
123
- background-color: #f5f5f5;
142
+ background-color: $tableBackgroundHover;
124
143
  }
125
144
  }
126
145
 
@@ -129,22 +148,8 @@ table {
129
148
  // -----------------
130
149
 
131
150
  // Change the columns
132
- @mixin tableColumns($columnSpan: 1) {
133
- float: none;
134
- width: (($gridColumnWidth) * $columnSpan) + ($gridGutterWidth * ($columnSpan - 1)) - 16;
135
- margin-left: 0;
136
- }
137
151
  table {
138
- .span1 { @include tableColumns(1); }
139
- .span2 { @include tableColumns(2); }
140
- .span3 { @include tableColumns(3); }
141
- .span4 { @include tableColumns(4); }
142
- .span5 { @include tableColumns(5); }
143
- .span6 { @include tableColumns(6); }
144
- .span7 { @include tableColumns(7); }
145
- .span8 { @include tableColumns(8); }
146
- .span9 { @include tableColumns(9); }
147
- .span10 { @include tableColumns(10); }
148
- .span11 { @include tableColumns(11); }
149
- .span12 { @include tableColumns(12); }
152
+ @for $i from 1 through 24 {
153
+ .span#{$i} { @include tableColumns($i); }
154
+ }
150
155
  }
@@ -1,15 +1,26 @@
1
1
  // THUMBNAILS
2
2
  // ----------
3
+ // Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
3
4
 
5
+ // Make wrapper ul behave like the grid
4
6
  .thumbnails {
5
7
  margin-left: -$gridGutterWidth;
6
8
  list-style: none;
7
9
  @include clearfix();
8
10
  }
11
+ // Fluid rows have no left margin
12
+ .row-fluid .thumbnails {
13
+ margin-left: 0;
14
+ }
15
+
16
+ // Float li to make thumbnails appear in a row
9
17
  .thumbnails > li {
10
- float: left;
11
- margin: 0 0 $baseLineHeight $gridGutterWidth;
18
+ float: left; // Explicity set the float since we don't require .span* classes
19
+ margin-bottom: $baseLineHeight;
20
+ margin-left: $gridGutterWidth;
12
21
  }
22
+
23
+ // The actual thumbnail (can be `a` or `div`)
13
24
  .thumbnail {
14
25
  display: block;
15
26
  padding: 4px;
@@ -23,6 +34,7 @@ a.thumbnail:hover {
23
34
  border-color: $linkColor;
24
35
  @include box-shadow(0 1px 4px rgba(0,105,214,.25));
25
36
  }
37
+
26
38
  // Images and captions
27
39
  .thumbnail > img {
28
40
  display: block;
@@ -1,5 +1,5 @@
1
1
  // TOOLTIP
2
- // -------
2
+ // ------=
3
3
 
4
4
  .tooltip {
5
5
  position: absolute;
@@ -8,9 +8,6 @@
8
8
 
9
9
  p {
10
10
  margin: 0 0 $baseLineHeight / 2;
11
- font-family: $baseFontFamily;
12
- font-size: $baseFontSize;
13
- line-height: $baseLineHeight;
14
11
  small {
15
12
  font-size: $baseFontSize - 2;
16
13
  color: $grayLight;
@@ -28,8 +25,9 @@ p {
28
25
 
29
26
  h1, h2, h3, h4, h5, h6 {
30
27
  margin: 0;
31
- font-weight: bold;
32
- color: $grayDark;
28
+ font-family: $headingsFontFamily;
29
+ font-weight: $headingsFontWeight;
30
+ color: $headingsColor;
33
31
  text-rendering: optimizelegibility; // Fix the character spacing for headings
34
32
  small {
35
33
  font-weight: normal;
@@ -51,8 +49,8 @@ h2 {
51
49
  }
52
50
  }
53
51
  h3 {
54
- line-height: $baseLineHeight * 1.5;
55
52
  font-size: 18px;
53
+ line-height: $baseLineHeight * 1.5;
56
54
  small {
57
55
  font-size: 14px;
58
56
  }
@@ -126,10 +124,24 @@ dd {
126
124
  }
127
125
  dt {
128
126
  font-weight: bold;
127
+ line-height: $baseLineHeight - 1; // fix jank Helvetica Neue font bug
129
128
  }
130
129
  dd {
131
130
  margin-left: $baseLineHeight / 2;
132
131
  }
132
+ // Horizontal layout (like forms)
133
+ .dl-horizontal {
134
+ dt {
135
+ float: left;
136
+ width: 120px;
137
+ clear: left;
138
+ text-align: right;
139
+ @include text-overflow();
140
+ }
141
+ dd {
142
+ margin-left: 130px;
143
+ }
144
+ }
133
145
 
134
146
  // MISC
135
147
  // ----
@@ -154,11 +166,13 @@ em {
154
166
  }
155
167
 
156
168
  // Abbreviations and acronyms
157
- abbr {
169
+ abbr[title] {
170
+ cursor: help;
171
+ border-bottom: 1px dotted $grayLight;
172
+ }
173
+ abbr.initialism {
158
174
  font-size: 90%;
159
175
  text-transform: uppercase;
160
- border-bottom: 1px dotted #ddd;
161
- cursor: help;
162
176
  }
163
177
 
164
178
  // Blockquotes
@@ -182,10 +196,10 @@ blockquote {
182
196
  // Float right with text-align: right
183
197
  &.pull-right {
184
198
  float: right;
185
- padding-left: 0;
186
199
  padding-right: 15px;
187
- border-left: 0;
200
+ padding-left: 0;
188
201
  border-right: 5px solid $grayLighter;
202
+ border-left: 0;
189
203
  p,
190
204
  small {
191
205
  text-align: right;
@@ -196,7 +210,7 @@ blockquote {
196
210
  // Quotes
197
211
  q:before,
198
212
  q:after,
199
- blockquote:before,
213
+ blockquote:before,
200
214
  blockquote:after {
201
215
  content: "";
202
216
  }
@@ -205,8 +219,8 @@ blockquote:after {
205
219
  address {
206
220
  display: block;
207
221
  margin-bottom: $baseLineHeight;
208
- line-height: $baseLineHeight;
209
222
  font-style: normal;
223
+ line-height: $baseLineHeight;
210
224
  }
211
225
 
212
226
  // Misc
@@ -0,0 +1,204 @@
1
+ // Variables
2
+ // Variables to customize the look and feel of Bootstrap
3
+ // -----------------------------------------------------
4
+
5
+
6
+
7
+ // GLOBAL VALUES
8
+ // --------------------------------------------------
9
+
10
+
11
+ // Grays
12
+ // -------------------------
13
+ $black: #000 !default;
14
+ $grayDarker: #222 !default;
15
+ $grayDark: #333 !default;
16
+ $gray: #555 !default;
17
+ $grayLight: #999 !default;
18
+ $grayLighter: #eee !default;
19
+ $white: #fff !default;
20
+
21
+
22
+ // Accent colors
23
+ // -------------------------
24
+ $blue: #049cdb !default;
25
+ $blueDark: #0064cd !default;
26
+ $green: #46a546 !default;
27
+ $red: #9d261d !default;
28
+ $yellow: #ffc40d !default;
29
+ $orange: #f89406 !default;
30
+ $pink: #c3325f !default;
31
+ $purple: #7a43b6 !default;
32
+
33
+
34
+ // Scaffolding
35
+ // -------------------------
36
+ $bodyBackground: $white !default;
37
+ $textColor: $grayDark !default;
38
+
39
+
40
+ // Links
41
+ // -------------------------
42
+ $linkColor: #08c !default;
43
+ $linkColorHover: darken($linkColor, 15%) !default;
44
+
45
+
46
+ // Typography
47
+ // -------------------------
48
+ $sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
49
+ $serifFontFamily: Georgia, "Times New Roman", Times, serif !default;
50
+ $monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace !default;
51
+
52
+ $baseFontSize: 13px !default;
53
+ $baseFontFamily: $sansFontFamily !default;
54
+ $baseLineHeight: 18px !default;
55
+ $altFontFamily: $serifFontFamily !default;
56
+
57
+ $headingsFontFamily: inherit !default; // empty to use BS default, $baseFontFamily
58
+ $headingsFontWeight: bold !default; // instead of browser default, bold
59
+ $headingsColor: inherit !default; // empty to use BS default, $textColor
60
+
61
+
62
+ // Tables
63
+ // -------------------------
64
+ $tableBackground: transparent !default; // overall background-color
65
+ $tableBackgroundAccent: #f9f9f9 !default; // for striping
66
+ $tableBackgroundHover: #f5f5f5 !default; // for hover
67
+ $tableBorder: #ddd !default; // table and cell border
68
+
69
+
70
+ // Buttons
71
+ // -------------------------
72
+ $btnBackground: $white !default;
73
+ $btnBackgroundHighlight: darken($white, 10%) !default;
74
+ $btnBorder: #ccc !default;
75
+
76
+ $btnPrimaryBackground: $linkColor !default;
77
+ $btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 15%) !default;
78
+
79
+ $btnInfoBackground: #5bc0de !default;
80
+ $btnInfoBackgroundHighlight: #2f96b4 !default;
81
+
82
+ $btnSuccessBackground: #62c462 !default;
83
+ $btnSuccessBackgroundHighlight: #51a351 !default;
84
+
85
+ $btnWarningBackground: lighten($orange, 15%) !default;
86
+ $btnWarningBackgroundHighlight: $orange !default;
87
+
88
+ $btnDangerBackground: #ee5f5b !default;
89
+ $btnDangerBackgroundHighlight: #bd362f !default;
90
+
91
+ $btnInverseBackground: $gray !default;
92
+ $btnInverseBackgroundHighlight: $grayDarker !default;
93
+
94
+
95
+ // Forms
96
+ // -------------------------
97
+ $inputBackground: $white !default;
98
+ $inputBorder: #ccc !default;
99
+ $inputBorderRadius: 3px !default;
100
+ $inputDisabledBackground: $grayLighter !default;
101
+ $formActionsBackground: #f5f5f5 !default;
102
+
103
+ // Dropdowns
104
+ // -------------------------
105
+ $dropdownBackground: $white !default;
106
+ $dropdownBorder: rgba(0,0,0,.2) !default;
107
+ $dropdownLinkColor: $grayDark !default;
108
+ $dropdownLinkColorHover: $white !default;
109
+ $dropdownLinkBackgroundHover: $linkColor !default;
110
+
111
+
112
+
113
+ // COMPONENT VARIABLES
114
+ // --------------------------------------------------
115
+
116
+ // Z-index master list
117
+ // -------------------------
118
+ // Used for a bird's eye view of components dependent on the z-axis
119
+ // Try to avoid customizing these :)
120
+ $zindexDropdown: 1000 !default;
121
+ $zindexPopover: 1010 !default;
122
+ $zindexTooltip: 1020 !default;
123
+ $zindexFixedNavbar: 1030 !default;
124
+ $zindexModalBackdrop: 1040 !default;
125
+ $zindexModal: 1050 !default;
126
+
127
+
128
+ // Sprite icons path
129
+ // -------------------------
130
+ $iconSpritePath: "glyphicons-halflings.png" !default;
131
+ $iconWhiteSpritePath: "glyphicons-halflings-white.png" !default;
132
+
133
+
134
+ // Input placeholder text color
135
+ // -------------------------
136
+ $placeholderText: $grayLight !default;
137
+
138
+
139
+ // Hr border color
140
+ // -------------------------
141
+ $hrBorder: $grayLighter !default;
142
+
143
+
144
+ // Navbar
145
+ // -------------------------
146
+ $navbarHeight: 40px !default;
147
+ $navbarBackground: $grayDarker !default;
148
+ $navbarBackgroundHighlight: $grayDark !default;
149
+
150
+ $navbarText: $grayLight !default;
151
+ $navbarLinkColor: $grayLight !default;
152
+ $navbarLinkColorHover: $white !default;
153
+ $navbarLinkColorActive: $navbarLinkColorHover !default;
154
+ $navbarLinkBackgroundHover: transparent !default;
155
+ $navbarLinkBackgroundActive: $navbarBackground !default;
156
+
157
+ $navbarSearchBackground: lighten($navbarBackground, 25%) !default;
158
+ $navbarSearchBackgroundFocus: $white !default;
159
+ $navbarSearchBorder: darken($navbarSearchBackground, 30%) !default;
160
+ $navbarSearchPlaceholderColor: #ccc !default;
161
+ $navbarBrandColor: $navbarLinkColor !default;
162
+
163
+
164
+ // Hero unit
165
+ // -------------------------
166
+ $heroUnitBackground: $grayLighter !default;
167
+ $heroUnitHeadingColor: inherit !default;
168
+ $heroUnitLeadColor: inherit !default;
169
+
170
+
171
+ // Form states and alerts
172
+ // -------------------------
173
+ $warningText: #c09853 !default;
174
+ $warningBackground: #fcf8e3 !default;
175
+ $warningBorder: darken(adjust-hue($warningBackground, -10), 3%) !default;
176
+
177
+ $errorText: #b94a48 !default;
178
+ $errorBackground: #f2dede !default;
179
+ $errorBorder: darken(adjust-hue($errorBackground, -10), 3%) !default;
180
+
181
+ $successText: #468847 !default;
182
+ $successBackground: #dff0d8 !default;
183
+ $successBorder: darken(adjust-hue($successBackground, -10), 5%) !default;
184
+
185
+ $infoText: #3a87ad !default;
186
+ $infoBackground: #d9edf7 !default;
187
+ $infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
188
+
189
+
190
+
191
+ // GRID
192
+ // --------------------------------------------------
193
+
194
+ // Default 940px grid
195
+ // -------------------------
196
+ $gridColumns: 12 !default;
197
+ $gridColumnWidth: 60px !default;
198
+ $gridGutterWidth: 20px !default;
199
+ $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
200
+
201
+ // Fluid grid
202
+ // -------------------------
203
+ $fluidGridColumnWidth: 6.382978723% !default;
204
+ $fluidGridGutterWidth: 2.127659574% !default;