bootstrap-generators 2.0.0 → 2.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (88) hide show
  1. data/.rvmrc +1 -0
  2. data/README.md +128 -22
  3. data/Rakefile +59 -0
  4. data/bootstrap-generators.gemspec +1 -1
  5. data/lib/bootstrap/generators/version.rb +1 -1
  6. data/lib/generators/bootstrap/install/install_generator.rb +1 -0
  7. data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.css.less +98 -0
  8. data/lib/generators/bootstrap/install/templates/assets/stylesheets/bootstrap-variables.css.scss +99 -0
  9. data/lib/generators/bootstrap/install/templates/assets/stylesheets/fluid.css.less +3 -100
  10. data/lib/generators/bootstrap/install/templates/assets/stylesheets/fluid.css.scss +4 -4
  11. data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css +1 -0
  12. data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css.less +4 -100
  13. data/lib/generators/bootstrap/install/templates/assets/stylesheets/hero.css.scss +5 -4
  14. data/lib/generators/bootstrap/install/templates/config/initializers/simple_form.rb +23 -22
  15. data/lib/generators/bootstrap/install/templates/form_builders/simple_form/_form.html.erb +4 -7
  16. data/lib/generators/bootstrap/install/templates/form_builders/simple_form/_form.html.haml +4 -6
  17. data/lib/generators/bootstrap/install/templates/layouts/fluid.html.erb +3 -2
  18. data/lib/generators/bootstrap/install/templates/layouts/fluid.html.haml +3 -2
  19. data/lib/generators/bootstrap/install/templates/layouts/hero.html.erb +15 -7
  20. data/lib/generators/bootstrap/install/templates/layouts/hero.html.haml +16 -10
  21. data/test/lib/generators/bootstrap/install_generator_test.rb +2 -0
  22. data/vendor/assets/javascripts/bootstrap-alert.js +8 -5
  23. data/vendor/assets/javascripts/bootstrap-button.js +5 -3
  24. data/vendor/assets/javascripts/bootstrap-carousel.js +5 -2
  25. data/vendor/assets/javascripts/bootstrap-collapse.js +2 -2
  26. data/vendor/assets/javascripts/bootstrap-dropdown.js +2 -2
  27. data/vendor/assets/javascripts/bootstrap-modal.js +6 -5
  28. data/vendor/assets/javascripts/bootstrap-popover.js +2 -2
  29. data/vendor/assets/javascripts/bootstrap-scrollspy.js +2 -2
  30. data/vendor/assets/javascripts/bootstrap-tab.js +2 -2
  31. data/vendor/assets/javascripts/bootstrap-tooltip.js +2 -2
  32. data/vendor/assets/javascripts/bootstrap-transition.js +3 -3
  33. data/vendor/assets/javascripts/bootstrap-typeahead.js +2 -2
  34. data/vendor/assets/stylesheets/less/bootstrap.less +1 -1
  35. data/vendor/assets/stylesheets/less/breadcrumbs.less +1 -1
  36. data/vendor/assets/stylesheets/less/button-groups.less +2 -1
  37. data/vendor/assets/stylesheets/less/buttons.less +25 -7
  38. data/vendor/assets/stylesheets/less/code.less +13 -0
  39. data/vendor/assets/stylesheets/less/dropdowns.less +1 -2
  40. data/vendor/assets/stylesheets/less/forms.less +48 -41
  41. data/vendor/assets/stylesheets/less/labels.less +23 -7
  42. data/vendor/assets/stylesheets/less/mixins.less +78 -25
  43. data/vendor/assets/stylesheets/less/modals.less +11 -0
  44. data/vendor/assets/stylesheets/less/navbar.less +11 -4
  45. data/vendor/assets/stylesheets/less/navs.less +20 -11
  46. data/vendor/assets/stylesheets/less/reset.less +1 -1
  47. data/vendor/assets/stylesheets/less/responsive.less +9 -5
  48. data/vendor/assets/stylesheets/less/sprites.less +7 -5
  49. data/vendor/assets/stylesheets/less/tables.less +14 -3
  50. data/vendor/assets/stylesheets/less/thumbnails.less +2 -2
  51. data/vendor/assets/stylesheets/less/type.less +3 -2
  52. data/vendor/assets/stylesheets/less/variables.less +15 -7
  53. data/vendor/assets/stylesheets/scss/accordion.scss +28 -0
  54. data/vendor/assets/stylesheets/scss/alerts.scss +70 -0
  55. data/vendor/assets/stylesheets/scss/bootstrap.scss +62 -0
  56. data/vendor/assets/stylesheets/scss/breadcrumbs.scss +22 -0
  57. data/vendor/assets/stylesheets/scss/button-groups.scss +148 -0
  58. data/vendor/assets/stylesheets/scss/buttons.scss +183 -0
  59. data/vendor/assets/stylesheets/scss/carousel.scss +121 -0
  60. data/vendor/assets/stylesheets/scss/close.scss +18 -0
  61. data/vendor/assets/stylesheets/scss/code.scss +57 -0
  62. data/vendor/assets/stylesheets/scss/component-animations.scss +18 -0
  63. data/vendor/assets/stylesheets/scss/dropdowns.scss +130 -0
  64. data/vendor/assets/stylesheets/scss/forms.scss +522 -0
  65. data/vendor/assets/stylesheets/scss/grid.scss +8 -0
  66. data/vendor/assets/stylesheets/scss/hero-unit.scss +20 -0
  67. data/vendor/assets/stylesheets/scss/labels.scss +32 -0
  68. data/vendor/assets/stylesheets/scss/layouts.scss +17 -0
  69. data/vendor/assets/stylesheets/scss/mixins.scss +579 -0
  70. data/vendor/assets/stylesheets/scss/modals.scss +83 -0
  71. data/vendor/assets/stylesheets/scss/navbar.scss +299 -0
  72. data/vendor/assets/stylesheets/scss/navs.scss +353 -0
  73. data/vendor/assets/stylesheets/scss/pager.scss +30 -0
  74. data/vendor/assets/stylesheets/scss/pagination.scss +55 -0
  75. data/vendor/assets/stylesheets/scss/popovers.scss +49 -0
  76. data/vendor/assets/stylesheets/scss/progress-bars.scss +95 -0
  77. data/vendor/assets/stylesheets/scss/reset.scss +126 -0
  78. data/vendor/assets/stylesheets/scss/responsive.scss +327 -0
  79. data/vendor/assets/stylesheets/scss/scaffolding.scss +29 -0
  80. data/vendor/assets/stylesheets/scss/sprites.scss +158 -0
  81. data/vendor/assets/stylesheets/scss/tables.scss +150 -0
  82. data/vendor/assets/stylesheets/scss/thumbnails.scss +35 -0
  83. data/vendor/assets/stylesheets/scss/tooltip.scss +35 -0
  84. data/vendor/assets/stylesheets/scss/type.scss +218 -0
  85. data/vendor/assets/stylesheets/scss/utilities.scss +23 -0
  86. data/vendor/assets/stylesheets/scss/variables.scss +107 -0
  87. data/vendor/assets/stylesheets/scss/wells.scss +17 -0
  88. metadata +49 -11
@@ -0,0 +1,30 @@
1
+ // PAGER
2
+ // -----
3
+
4
+ .pager {
5
+ margin-left: 0;
6
+ margin-bottom: $baseLineHeight;
7
+ list-style: none;
8
+ text-align: center;
9
+ @include clearfix();
10
+ }
11
+ .pager li {
12
+ display: inline;
13
+ }
14
+ .pager a {
15
+ display: inline-block;
16
+ padding: 5px 14px;
17
+ background-color: #fff;
18
+ border: 1px solid #ddd;
19
+ @include border-radius(15px);
20
+ }
21
+ .pager a:hover {
22
+ text-decoration: none;
23
+ background-color: #f5f5f5;
24
+ }
25
+ .pager .next a {
26
+ float: right;
27
+ }
28
+ .pager .previous a {
29
+ float: left;
30
+ }
@@ -0,0 +1,55 @@
1
+ // PAGINATION
2
+ // ----------
3
+
4
+ .pagination {
5
+ height: $baseLineHeight * 2;
6
+ margin: $baseLineHeight 0;
7
+ }
8
+ .pagination ul {
9
+ display: inline-block;
10
+ @include ie7-inline-block();
11
+ margin-left: 0;
12
+ margin-bottom: 0;
13
+ @include border-radius(3px);
14
+ @include box-shadow(0 1px 2px rgba(0,0,0,.05));
15
+ }
16
+ .pagination li {
17
+ display: inline;
18
+ }
19
+ .pagination a {
20
+ float: left;
21
+ padding: 0 14px;
22
+ line-height: ($baseLineHeight * 2) - 2;
23
+ text-decoration: none;
24
+ border: 1px solid #ddd;
25
+ border-left-width: 0;
26
+ }
27
+ .pagination a:hover,
28
+ .pagination .active a {
29
+ background-color: #f5f5f5;
30
+ }
31
+ .pagination .active a {
32
+ color: $grayLight;
33
+ cursor: default;
34
+ }
35
+ .pagination .disabled a,
36
+ .pagination .disabled a:hover {
37
+ color: $grayLight;
38
+ background-color: transparent;
39
+ cursor: default;
40
+ }
41
+ .pagination li:first-child a {
42
+ border-left-width: 1px;
43
+ @include border-radius(3px 0 0 3px);
44
+ }
45
+ .pagination li:last-child a {
46
+ @include border-radius(0 3px 3px 0);
47
+ }
48
+
49
+ // Centered
50
+ .pagination-centered {
51
+ text-align: center;
52
+ }
53
+ .pagination-right {
54
+ text-align: right;
55
+ }
@@ -0,0 +1,49 @@
1
+ // POPOVERS
2
+ // --------
3
+
4
+ .popover {
5
+ position: absolute;
6
+ top: 0;
7
+ left: 0;
8
+ z-index: $zindexPopover;
9
+ display: none;
10
+ padding: 5px;
11
+ &.top { margin-top: -5px; }
12
+ &.right { margin-left: 5px; }
13
+ &.bottom { margin-top: 5px; }
14
+ &.left { margin-left: -5px; }
15
+ &.top .arrow { @include popoverArrow-top(); }
16
+ &.right .arrow { @include popoverArrow-right(); }
17
+ &.bottom .arrow { @include popoverArrow-bottom(); }
18
+ &.left .arrow { @include popoverArrow-left(); }
19
+ .arrow {
20
+ position: absolute;
21
+ width: 0;
22
+ height: 0;
23
+ }
24
+ }
25
+ .popover-inner {
26
+ padding: 3px;
27
+ width: 280px;
28
+ overflow: hidden;
29
+ background: $black; // has to be full background declaration for IE fallback
30
+ background: rgba(0,0,0,.8);
31
+ @include border-radius(6px);
32
+ @include box-shadow(0 3px 7px rgba(0,0,0,0.3));
33
+ }
34
+ .popover-title {
35
+ padding: 9px 15px;
36
+ line-height: 1;
37
+ background-color: #f5f5f5;
38
+ border-bottom:1px solid #eee;
39
+ @include border-radius(3px 3px 0 0);
40
+ }
41
+ .popover-content {
42
+ padding: 14px;
43
+ background-color: $white;
44
+ @include border-radius(0 0 3px 3px);
45
+ @include background-clip(padding-box);
46
+ p, ul, ol {
47
+ margin-bottom: 0;
48
+ }
49
+ }
@@ -0,0 +1,95 @@
1
+ // PROGRESS BARS
2
+ // -------------
3
+
4
+
5
+ // ANIMATIONS
6
+ // ----------
7
+
8
+ // Webkit
9
+ @-webkit-keyframes progress-bar-stripes {
10
+ from { background-position: 0 0; }
11
+ to { background-position: 40px 0; }
12
+ }
13
+
14
+ // Firefox
15
+ @-moz-keyframes progress-bar-stripes {
16
+ from { background-position: 0 0; }
17
+ to { background-position: 40px 0; }
18
+ }
19
+
20
+ // Spec
21
+ @keyframes progress-bar-stripes {
22
+ from { background-position: 0 0; }
23
+ to { background-position: 40px 0; }
24
+ }
25
+
26
+
27
+
28
+ // THE BARS
29
+ // --------
30
+
31
+ // Outer container
32
+ .progress {
33
+ overflow: hidden;
34
+ height: 18px;
35
+ margin-bottom: 18px;
36
+ @include gradient-vertical(#f5f5f5, #f9f9f9);
37
+ @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
38
+ @include border-radius(4px);
39
+ }
40
+
41
+ // Bar of progress
42
+ .progress .bar {
43
+ width: 0%;
44
+ height: 18px;
45
+ color: $white;
46
+ font-size: 12px;
47
+ text-align: center;
48
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
49
+ @include gradient-vertical(#149bdf, #0480be);
50
+ @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
51
+ @include box-sizing(border-box);
52
+ @include transition(width .6s ease);
53
+ }
54
+
55
+ // Striped bars
56
+ .progress-striped .bar {
57
+ @include gradient-striped(#62c462);
58
+ @include background-size(40px 40px);
59
+ }
60
+
61
+ // Call animation for the active one
62
+ .progress.active .bar {
63
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
64
+ -moz-animation: progress-bar-stripes 2s linear infinite;
65
+ animation: progress-bar-stripes 2s linear infinite;
66
+ }
67
+
68
+
69
+
70
+ // COLORS
71
+ // ------
72
+
73
+ // Danger (red)
74
+ .progress-danger .bar {
75
+ @include gradient-vertical(#ee5f5b, #c43c35);
76
+ }
77
+ .progress-danger.progress-striped .bar {
78
+ @include gradient-striped(#ee5f5b);
79
+ }
80
+
81
+ // Success (green)
82
+ .progress-success .bar {
83
+ @include gradient-vertical(#62c462, #57a957);
84
+ }
85
+ .progress-success.progress-striped .bar {
86
+ @include gradient-striped(#62c462);
87
+ }
88
+
89
+ // Info (teal)
90
+ .progress-info .bar {
91
+ @include gradient-vertical(#5bc0de, #339bb9);
92
+ }
93
+ .progress-info.progress-striped .bar {
94
+ @include gradient-striped(#5bc0de);
95
+ }
@@ -0,0 +1,126 @@
1
+ // Reset
2
+ // Adapted from Normalize.css http://github.com/necolas/normalize.css
3
+ // ------------------------------------------------------------------------
4
+
5
+ // Display in IE6-9 and FF3
6
+ // -------------------------
7
+
8
+ article,
9
+ aside,
10
+ details,
11
+ figcaption,
12
+ figure,
13
+ footer,
14
+ header,
15
+ hgroup,
16
+ nav,
17
+ section {
18
+ display: block;
19
+ }
20
+
21
+ // Display block in IE6-9 and FF3
22
+ // -------------------------
23
+
24
+ audio,
25
+ canvas,
26
+ video {
27
+ display: inline-block;
28
+ *display: inline;
29
+ *zoom: 1;
30
+ }
31
+
32
+ // Prevents modern browsers from displaying 'audio' without controls
33
+ // -------------------------
34
+
35
+ audio:not([controls]) {
36
+ display: none;
37
+ }
38
+
39
+ // Base settings
40
+ // -------------------------
41
+
42
+ html {
43
+ font-size: 100%;
44
+ -webkit-text-size-adjust: 100%;
45
+ -ms-text-size-adjust: 100%;
46
+ }
47
+ // Focus states
48
+ a:focus {
49
+ @include tab-focus();
50
+ }
51
+ // Hover & Active
52
+ a:hover,
53
+ a:active {
54
+ outline: 0;
55
+ }
56
+
57
+ // Prevents sub and sup affecting line-height in all browsers
58
+ // -------------------------
59
+
60
+ sub,
61
+ sup {
62
+ position: relative;
63
+ font-size: 75%;
64
+ line-height: 0;
65
+ vertical-align: baseline;
66
+ }
67
+ sup {
68
+ top: -0.5em;
69
+ }
70
+ sub {
71
+ bottom: -0.25em;
72
+ }
73
+
74
+ // Img border in a's and image quality
75
+ // -------------------------
76
+
77
+ img {
78
+ max-width: 100%;
79
+ height: auto;
80
+ border: 0;
81
+ -ms-interpolation-mode: bicubic;
82
+ }
83
+
84
+ // Forms
85
+ // -------------------------
86
+
87
+ // Font size in all browsers, margin changes, misc consistency
88
+ button,
89
+ input,
90
+ select,
91
+ textarea {
92
+ margin: 0;
93
+ font-size: 100%;
94
+ vertical-align: middle;
95
+ }
96
+ button,
97
+ input {
98
+ *overflow: visible; // Inner spacing ie IE6/7
99
+ line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
100
+ }
101
+ button::-moz-focus-inner,
102
+ input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
103
+ padding: 0;
104
+ border: 0;
105
+ }
106
+ button,
107
+ input[type="button"],
108
+ input[type="reset"],
109
+ input[type="submit"] {
110
+ cursor: pointer; // Cursors on all buttons applied consistently
111
+ -webkit-appearance: button; // Style clickable inputs in iOS
112
+ }
113
+ input[type="search"] { // Appearance in Safari/Chrome
114
+ -webkit-appearance: textfield;
115
+ -webkit-box-sizing: content-box;
116
+ -moz-box-sizing: content-box;
117
+ box-sizing: content-box;
118
+ }
119
+ input[type="search"]::-webkit-search-decoration,
120
+ input[type="search"]::-webkit-search-cancel-button {
121
+ -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
122
+ }
123
+ textarea {
124
+ overflow: auto; // Remove vertical scrollbar in IE6-9
125
+ vertical-align: top; // Readability and alignment cross-browser
126
+ }
@@ -0,0 +1,327 @@
1
+ /*!
2
+ * Bootstrap Responsive v2.0.1
3
+ *
4
+ * Copyright 2012 Twitter, Inc
5
+ * Licensed under the Apache License v2.0
6
+ * http://www.apache.org/licenses/LICENSE-2.0
7
+ *
8
+ * Designed and built with all the love in the world $twitter by $mdo and $fat.
9
+ */
10
+
11
+ // Responsive
12
+ // For phone and tablet devices
13
+ // -------------------------------------------------------------
14
+
15
+
16
+ // REPEAT VARIABLES & MIXINS
17
+ // -------------------------
18
+ // Required since we compile the responsive stuff separately
19
+
20
+ @import "variables"; // Modify this for custom colors, font-sizes, etc
21
+ @import "mixins";
22
+
23
+
24
+ // RESPONSIVE CLASSES
25
+ // ------------------
26
+
27
+ // Hide from screenreaders and browsers
28
+ // Credit: HTML5 Boilerplate
29
+ .hidden {
30
+ display: none;
31
+ visibility: hidden;
32
+ }
33
+
34
+
35
+
36
+ // UP TO LANDSCAPE PHONE
37
+ // ---------------------
38
+
39
+ @media (max-width: 480px) {
40
+
41
+ // Smooth out the collapsing/expanding nav
42
+ .nav-collapse {
43
+ -webkit-transform: translate3d(0, 0, 0); // activate the GPU
44
+ }
45
+
46
+ // Block level the page header small tag for readability
47
+ .page-header h1 small {
48
+ display: block;
49
+ line-height: $baseLineHeight;
50
+ }
51
+
52
+ // Make span* classes full width
53
+ input[class*="span"],
54
+ select[class*="span"],
55
+ textarea[class*="span"],
56
+ .uneditable-input {
57
+ display: block;
58
+ width: 100%;
59
+ min-height: 28px; /* Make inputs at least the height of their button counterpart */
60
+ /* Makes inputs behave like true block-level elements */
61
+ -webkit-box-sizing: border-box; /* Older Webkit */
62
+ -moz-box-sizing: border-box; /* Older FF */
63
+ -ms-box-sizing: border-box; /* IE8 */
64
+ box-sizing: border-box; /* CSS3 spec*/
65
+ }
66
+ // But don't let it screw up prepend/append inputs
67
+ .input-prepend input[class*="span"],
68
+ .input-append input[class*="span"] {
69
+ width: auto;
70
+ }
71
+
72
+ // Update checkboxes for iOS
73
+ input[type="checkbox"],
74
+ input[type="radio"] {
75
+ border: 1px solid #ccc;
76
+ }
77
+
78
+ // Remove the horizontal form styles
79
+ .form-horizontal .control-group > label {
80
+ float: none;
81
+ width: auto;
82
+ padding-top: 0;
83
+ text-align: left;
84
+ }
85
+ // Move over all input controls and content
86
+ .form-horizontal .controls {
87
+ margin-left: 0;
88
+ }
89
+ // Move the options list down to align with labels
90
+ .form-horizontal .control-list {
91
+ padding-top: 0; // has to be padding because margin collaspes
92
+ }
93
+ // Move over buttons in .form-actions to align with .controls
94
+ .form-horizontal .form-actions {
95
+ padding-left: 10px;
96
+ padding-right: 10px;
97
+ }
98
+
99
+ // Modals
100
+ .modal {
101
+ position: absolute;
102
+ top: 10px;
103
+ left: 10px;
104
+ right: 10px;
105
+ width: auto;
106
+ margin: 0;
107
+ &.fade.in { top: auto; }
108
+ }
109
+ .modal-header .close {
110
+ padding: 10px;
111
+ margin: -10px;
112
+ }
113
+
114
+ // Carousel
115
+ .carousel-caption {
116
+ position: static;
117
+ }
118
+
119
+ }
120
+
121
+
122
+
123
+ // LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
124
+ // --------------------------------------------------
125
+
126
+ @media (max-width: 767px) {
127
+ // GRID & CONTAINERS
128
+ // -----------------
129
+ // Remove width from containers
130
+ .container {
131
+ width: auto;
132
+ padding: 0 20px;
133
+ }
134
+ // Fluid rows
135
+ .row-fluid {
136
+ width: 100%;
137
+ }
138
+ // Undo negative margin on rows
139
+ .row {
140
+ margin-left: 0;
141
+ }
142
+ // Make all columns even
143
+ .row > [class*="span"],
144
+ .row-fluid > [class*="span"] {
145
+ float: none;
146
+ display: block;
147
+ width: auto;
148
+ margin: 0;
149
+ }
150
+ }
151
+
152
+
153
+
154
+ // PORTRAIT TABLET TO DEFAULT DESKTOP
155
+ // ----------------------------------
156
+
157
+ @media (min-width: 768px) and (max-width: 979px) {
158
+
159
+ // Fixed grid
160
+ @include gridSystem-generate(12, 42px, 20px);
161
+
162
+ // Fluid grid
163
+ @include fluidGridSystem-generate(12, 5.801104972%, 2.762430939%);
164
+
165
+ // Input grid
166
+ @include inputGridSystem-generate(12, 42px, 20px);
167
+
168
+ }
169
+
170
+
171
+
172
+ // TABLETS AND BELOW
173
+ // -----------------
174
+ @media (max-width: 979px) {
175
+
176
+ // UNFIX THE TOPBAR
177
+ // ----------------
178
+ // Remove any padding from the body
179
+ body {
180
+ padding-top: 0;
181
+ }
182
+ // Unfix the navbar
183
+ .navbar-fixed-top {
184
+ position: static;
185
+ margin-bottom: $baseLineHeight;
186
+ }
187
+ .navbar-fixed-top .navbar-inner {
188
+ padding: 5px;
189
+ }
190
+ .navbar .container {
191
+ width: auto;
192
+ padding: 0;
193
+ }
194
+ // Account for brand name
195
+ .navbar .brand {
196
+ padding-left: 10px;
197
+ padding-right: 10px;
198
+ margin: 0 0 0 -5px;
199
+ }
200
+ // Nav collapse clears brand
201
+ .navbar .nav-collapse {
202
+ clear: left;
203
+ }
204
+ // Block-level the nav
205
+ .navbar .nav {
206
+ float: none;
207
+ margin: 0 0 ($baseLineHeight / 2);
208
+ }
209
+ .navbar .nav > li {
210
+ float: none;
211
+ }
212
+ .navbar .nav > li > a {
213
+ margin-bottom: 2px;
214
+ }
215
+ .navbar .nav > .divider-vertical {
216
+ display: none;
217
+ }
218
+ .navbar .nav .nav-header {
219
+ color: $navbarText;
220
+ text-shadow: none;
221
+ }
222
+ // Nav and dropdown links in navbar
223
+ .navbar .nav > li > a,
224
+ .navbar .dropdown-menu a {
225
+ padding: 6px 15px;
226
+ font-weight: bold;
227
+ color: $navbarLinkColor;
228
+ @include border-radius(3px);
229
+ }
230
+ .navbar .dropdown-menu li + li a {
231
+ margin-bottom: 2px;
232
+ }
233
+ .navbar .nav > li > a:hover,
234
+ .navbar .dropdown-menu a:hover {
235
+ background-color: $navbarBackground;
236
+ }
237
+ // Dropdowns in the navbar
238
+ .navbar .dropdown-menu {
239
+ position: static;
240
+ top: auto;
241
+ left: auto;
242
+ float: none;
243
+ display: block;
244
+ max-width: none;
245
+ margin: 0 15px;
246
+ padding: 0;
247
+ background-color: transparent;
248
+ border: none;
249
+ @include border-radius(0);
250
+ @include box-shadow(none);
251
+ }
252
+ .navbar .dropdown-menu:before,
253
+ .navbar .dropdown-menu:after {
254
+ display: none;
255
+ }
256
+ .navbar .dropdown-menu .divider {
257
+ display: none;
258
+ }
259
+ // Forms in navbar
260
+ .navbar-form,
261
+ .navbar-search {
262
+ float: none;
263
+ padding: ($baseLineHeight / 2) 15px;
264
+ margin: ($baseLineHeight / 2) 0;
265
+ border-top: 1px solid $navbarBackground;
266
+ border-bottom: 1px solid $navbarBackground;
267
+ $shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
268
+ @include box-shadow($shadow);
269
+ }
270
+ // Pull right (secondary) nav content
271
+ .navbar .nav.pull-right {
272
+ float: none;
273
+ margin-left: 0;
274
+ }
275
+ // Static navbar
276
+ .navbar-static .navbar-inner {
277
+ padding-left: 10px;
278
+ padding-right: 10px;
279
+ }
280
+ // Navbar button
281
+ .btn-navbar {
282
+ display: block;
283
+ }
284
+
285
+ // Hide everything in the navbar save .brand and toggle button */
286
+ .nav-collapse {
287
+ overflow: hidden;
288
+ height: 0;
289
+ }
290
+ }
291
+
292
+
293
+
294
+ // DEFAULT DESKTOP
295
+ // ---------------
296
+
297
+ @media (min-width: 980px) {
298
+ .nav-collapse.collapse {
299
+ height: auto !important;
300
+ }
301
+ }
302
+
303
+
304
+
305
+ // LARGE DESKTOP & UP
306
+ // ------------------
307
+
308
+ @media (min-width: 1200px) {
309
+
310
+ // Fixed grid
311
+ @include gridSystem-generate(12, 70px, 30px);
312
+
313
+ // Fluid grid
314
+ @include fluidGridSystem-generate(12, 5.982905983%, 2.564102564%);
315
+
316
+ // Input grid
317
+ @include inputGridSystem-generate(12, 70px, 30px);
318
+
319
+ // Thumbnails
320
+ .thumbnails {
321
+ margin-left: -30px;
322
+ }
323
+ .thumbnails > li {
324
+ margin-left: 30px;
325
+ }
326
+
327
+ }