bootstrap-generators 2.0.1 → 2.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.
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;