devbootsrap 0.0.2 → 0.0.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (133) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/fonts/fontawesome-webfont.eot +0 -0
  3. data/app/assets/fonts/fontawesome-webfont.svg +414 -0
  4. data/app/assets/fonts/fontawesome-webfont.ttf +0 -0
  5. data/app/assets/fonts/fontawesome-webfont.woff +0 -0
  6. data/app/assets/images/twitter/bootstrap/glyphicons-halflings-white.png +0 -0
  7. data/app/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
  8. data/app/assets/javascripts/twitter/bootstrap.js +13 -0
  9. data/app/assets/javascripts/twitter/bootstrap/bootstrap-affix.js +117 -0
  10. data/app/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +99 -0
  11. data/app/assets/javascripts/twitter/bootstrap/bootstrap-button.js +105 -0
  12. data/app/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +207 -0
  13. data/app/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +167 -0
  14. data/app/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +169 -0
  15. data/app/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +247 -0
  16. data/app/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +114 -0
  17. data/app/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +162 -0
  18. data/app/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +144 -0
  19. data/app/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +361 -0
  20. data/app/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +60 -0
  21. data/app/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +335 -0
  22. data/app/assets/javascripts/twitter/bootstrap_ujs.js +11 -0
  23. data/app/assets/stylesheets/twitter-bootstrap-static/bootstrap.css.erb +892 -0
  24. data/app/assets/stylesheets/twitter-bootstrap-static/fontawesome.css.erb +1338 -0
  25. data/app/assets/stylesheets/twitter-bootstrap-static/sprites.css.erb +146 -0
  26. data/app/helpers/badge_label_helper.rb +16 -0
  27. data/app/helpers/bootstrap_flash_helper.rb +24 -0
  28. data/app/helpers/flash_block_helper.rb +17 -0
  29. data/app/helpers/glyph_helper.rb +17 -0
  30. data/app/helpers/modal_helper.rb +55 -0
  31. data/app/helpers/navbar_helper.rb +202 -0
  32. data/app/helpers/twitter_breadcrumbs_helper.rb +10 -0
  33. data/app/views/twitter-bootstrap/_breadcrumbs.html.erb +14 -0
  34. data/lib/devbootsrap.rb +17 -0
  35. data/lib/devbootsrap/version.rb +1 -1
  36. data/lib/generators/bootstrap/install/install_generator.rb +85 -0
  37. data/lib/generators/bootstrap/install/templates/application.css +7 -0
  38. data/lib/generators/bootstrap/install/templates/application.js +10 -0
  39. data/lib/generators/bootstrap/install/templates/bootstrap.coffee +3 -0
  40. data/lib/generators/bootstrap/install/templates/bootstrap.js +4 -0
  41. data/lib/generators/bootstrap/install/templates/bootstrap_and_overrides.css +7 -0
  42. data/lib/generators/bootstrap/install/templates/bootstrap_and_overrides.less +30 -0
  43. data/lib/generators/bootstrap/install/templates/en.bootstrap.yml +23 -0
  44. data/lib/generators/bootstrap/layout/layout_generator.rb +23 -0
  45. data/lib/generators/bootstrap/layout/templates/layout.html.erb +106 -0
  46. data/lib/generators/bootstrap/layout/templates/layout.html.haml +65 -0
  47. data/lib/generators/bootstrap/layout/templates/layout.html.slim +67 -0
  48. data/lib/generators/bootstrap/partial/partial_generator.rb +20 -0
  49. data/lib/generators/bootstrap/partial/templates/_login.html.erb +29 -0
  50. data/lib/generators/bootstrap/themed/templates/_form.html.erb +16 -0
  51. data/lib/generators/bootstrap/themed/templates/_form.html.haml +10 -0
  52. data/lib/generators/bootstrap/themed/templates/_form.html.slim +11 -0
  53. data/lib/generators/bootstrap/themed/templates/edit.html.erb +5 -0
  54. data/lib/generators/bootstrap/themed/templates/edit.html.haml +4 -0
  55. data/lib/generators/bootstrap/themed/templates/edit.html.slim +4 -0
  56. data/lib/generators/bootstrap/themed/templates/index.html.erb +40 -0
  57. data/lib/generators/bootstrap/themed/templates/index.html.haml +25 -0
  58. data/lib/generators/bootstrap/themed/templates/index.html.slim +27 -0
  59. data/lib/generators/bootstrap/themed/templates/new.html.erb +5 -0
  60. data/lib/generators/bootstrap/themed/templates/new.html.haml +4 -0
  61. data/lib/generators/bootstrap/themed/templates/new.html.slim +4 -0
  62. data/lib/generators/bootstrap/themed/templates/show.html.erb +23 -0
  63. data/lib/generators/bootstrap/themed/templates/show.html.haml +15 -0
  64. data/lib/generators/bootstrap/themed/templates/show.html.slim +17 -0
  65. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.erb +14 -0
  66. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.haml +11 -0
  67. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.slim +12 -0
  68. data/lib/generators/bootstrap/themed/themed_generator.rb +148 -0
  69. data/lib/twitter-bootstrap-rails.rb +10 -0
  70. data/lib/twitter/bootstrap/rails/bootstrap.rb +2 -0
  71. data/lib/twitter/bootstrap/rails/breadcrumbs.rb +58 -0
  72. data/lib/twitter/bootstrap/rails/engine.rb +35 -0
  73. data/lib/twitter/bootstrap/rails/version.rb +7 -0
  74. data/vendor/assets/stylesheets/twitter-bootstrap-static/bootstrap.css.erb +889 -0
  75. data/vendor/static-source/bootstrap.less +2 -0
  76. data/vendor/static-source/fontawesome.less +8 -0
  77. data/vendor/static-source/sprites.less +6 -0
  78. data/vendor/toolkit/fontawesome/bordered-pulled.less +16 -0
  79. data/vendor/toolkit/fontawesome/core.less +12 -0
  80. data/vendor/toolkit/fontawesome/fixed-width.less +6 -0
  81. data/vendor/toolkit/fontawesome/font-awesome.less +17 -0
  82. data/vendor/toolkit/fontawesome/icons.less +412 -0
  83. data/vendor/toolkit/fontawesome/larger.less +13 -0
  84. data/vendor/toolkit/fontawesome/list.less +19 -0
  85. data/vendor/toolkit/fontawesome/mixins.less +20 -0
  86. data/vendor/toolkit/fontawesome/path.less +14 -0
  87. data/vendor/toolkit/fontawesome/rotated-flipped.less +9 -0
  88. data/vendor/toolkit/fontawesome/spinning.less +30 -0
  89. data/vendor/toolkit/fontawesome/stacked.less +20 -0
  90. data/vendor/toolkit/fontawesome/variables.less +381 -0
  91. data/vendor/toolkit/twitter/bootstrap/accordion.less +34 -0
  92. data/vendor/toolkit/twitter/bootstrap/alerts.less +79 -0
  93. data/vendor/toolkit/twitter/bootstrap/bootstrap.less +62 -0
  94. data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +24 -0
  95. data/vendor/toolkit/twitter/bootstrap/button-groups.less +229 -0
  96. data/vendor/toolkit/twitter/bootstrap/buttons.less +228 -0
  97. data/vendor/toolkit/twitter/bootstrap/carousel.less +158 -0
  98. data/vendor/toolkit/twitter/bootstrap/close.less +32 -0
  99. data/vendor/toolkit/twitter/bootstrap/code.less +61 -0
  100. data/vendor/toolkit/twitter/bootstrap/component-animations.less +22 -0
  101. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +248 -0
  102. data/vendor/toolkit/twitter/bootstrap/forms.less +690 -0
  103. data/vendor/toolkit/twitter/bootstrap/grid.less +21 -0
  104. data/vendor/toolkit/twitter/bootstrap/hero-unit.less +25 -0
  105. data/vendor/toolkit/twitter/bootstrap/labels-badges.less +84 -0
  106. data/vendor/toolkit/twitter/bootstrap/layouts.less +16 -0
  107. data/vendor/toolkit/twitter/bootstrap/media.less +55 -0
  108. data/vendor/toolkit/twitter/bootstrap/mixins.less +702 -0
  109. data/vendor/toolkit/twitter/bootstrap/modals.less +95 -0
  110. data/vendor/toolkit/twitter/bootstrap/navbar.less +497 -0
  111. data/vendor/toolkit/twitter/bootstrap/navs.less +409 -0
  112. data/vendor/toolkit/twitter/bootstrap/pager.less +43 -0
  113. data/vendor/toolkit/twitter/bootstrap/pagination.less +123 -0
  114. data/vendor/toolkit/twitter/bootstrap/popovers.less +133 -0
  115. data/vendor/toolkit/twitter/bootstrap/progress-bars.less +122 -0
  116. data/vendor/toolkit/twitter/bootstrap/reset.less +216 -0
  117. data/vendor/toolkit/twitter/bootstrap/responsive-1200px-min.less +28 -0
  118. data/vendor/toolkit/twitter/bootstrap/responsive-767px-max.less +193 -0
  119. data/vendor/toolkit/twitter/bootstrap/responsive-768px-979px.less +19 -0
  120. data/vendor/toolkit/twitter/bootstrap/responsive-navbar.less +189 -0
  121. data/vendor/toolkit/twitter/bootstrap/responsive-utilities.less +59 -0
  122. data/vendor/toolkit/twitter/bootstrap/responsive.less +48 -0
  123. data/vendor/toolkit/twitter/bootstrap/scaffolding.less +53 -0
  124. data/vendor/toolkit/twitter/bootstrap/sprites.less +197 -0
  125. data/vendor/toolkit/twitter/bootstrap/tables.less +244 -0
  126. data/vendor/toolkit/twitter/bootstrap/thumbnails.less +53 -0
  127. data/vendor/toolkit/twitter/bootstrap/tooltip.less +70 -0
  128. data/vendor/toolkit/twitter/bootstrap/type.less +247 -0
  129. data/vendor/toolkit/twitter/bootstrap/utilities.less +30 -0
  130. data/vendor/toolkit/twitter/bootstrap/variables.less +301 -0
  131. data/vendor/toolkit/twitter/bootstrap/wells.less +29 -0
  132. data/vendor/toolkit/twitter/bootstrap_base.less +2 -0
  133. metadata +130 -1
@@ -0,0 +1,34 @@
1
+ //
2
+ // Accordion
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Parent container
7
+ .accordion {
8
+ margin-bottom: @baseLineHeight;
9
+ }
10
+
11
+ // Group == heading + body
12
+ .accordion-group {
13
+ margin-bottom: 2px;
14
+ border: 1px solid #e5e5e5;
15
+ .border-radius(@baseBorderRadius);
16
+ }
17
+ .accordion-heading {
18
+ border-bottom: 0;
19
+ }
20
+ .accordion-heading .accordion-toggle {
21
+ display: block;
22
+ padding: 8px 15px;
23
+ }
24
+
25
+ // General toggle styles
26
+ .accordion-toggle {
27
+ cursor: pointer;
28
+ }
29
+
30
+ // Inner needs the styles because you can't animate properly with any styles on the element
31
+ .accordion-inner {
32
+ padding: 9px 15px;
33
+ border-top: 1px solid #e5e5e5;
34
+ }
@@ -0,0 +1,79 @@
1
+ //
2
+ // Alerts
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base styles
7
+ // -------------------------
8
+
9
+ .alert {
10
+ padding: 8px 35px 8px 14px;
11
+ margin-bottom: @baseLineHeight;
12
+ text-shadow: 0 1px 0 rgba(255,255,255,.5);
13
+ background-color: @warningBackground;
14
+ border: 1px solid @warningBorder;
15
+ .border-radius(@baseBorderRadius);
16
+ }
17
+ .alert,
18
+ .alert h4 {
19
+ // Specified for the h4 to prevent conflicts of changing @headingsColor
20
+ color: @warningText;
21
+ }
22
+ .alert h4 {
23
+ margin: 0;
24
+ }
25
+
26
+ // Adjust close link position
27
+ .alert .close {
28
+ position: relative;
29
+ top: -2px;
30
+ right: -21px;
31
+ line-height: @baseLineHeight;
32
+ }
33
+
34
+
35
+ // Alternate styles
36
+ // -------------------------
37
+
38
+ .alert-success {
39
+ background-color: @successBackground;
40
+ border-color: @successBorder;
41
+ color: @successText;
42
+ }
43
+ .alert-success h4 {
44
+ color: @successText;
45
+ }
46
+ .alert-danger,
47
+ .alert-error {
48
+ background-color: @errorBackground;
49
+ border-color: @errorBorder;
50
+ color: @errorText;
51
+ }
52
+ .alert-danger h4,
53
+ .alert-error h4 {
54
+ color: @errorText;
55
+ }
56
+ .alert-info {
57
+ background-color: @infoBackground;
58
+ border-color: @infoBorder;
59
+ color: @infoText;
60
+ }
61
+ .alert-info h4 {
62
+ color: @infoText;
63
+ }
64
+
65
+
66
+ // Block alerts
67
+ // -------------------------
68
+
69
+ .alert-block {
70
+ padding-top: 14px;
71
+ padding-bottom: 14px;
72
+ }
73
+ .alert-block > p,
74
+ .alert-block > ul {
75
+ margin-bottom: 0;
76
+ }
77
+ .alert-block p + p {
78
+ margin-top: 5px;
79
+ }
@@ -0,0 +1,62 @@
1
+ /*!
2
+ * Bootstrap v2.3.2
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
+ // Core variables and mixins
12
+ @import "variables.less"; // Modify this for custom colors, font-sizes, etc
13
+ @import "mixins.less";
14
+
15
+ // CSS Reset
16
+ @import "reset.less";
17
+
18
+ // Grid system and page structure
19
+ @import "scaffolding.less";
20
+ @import "grid.less";
21
+ @import "layouts.less";
22
+
23
+ // Base CSS
24
+ @import "type.less";
25
+ @import "code.less";
26
+ @import "forms.less";
27
+ @import "tables.less";
28
+
29
+ // Components: common
30
+ @import "dropdowns.less";
31
+ @import "wells.less";
32
+ @import "component-animations.less";
33
+ @import "close.less";
34
+
35
+ // Components: Buttons & Alerts
36
+ @import "buttons.less";
37
+ @import "button-groups.less";
38
+ @import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less
39
+
40
+ // Components: Nav
41
+ @import "navs.less";
42
+ @import "navbar.less";
43
+ @import "breadcrumbs.less";
44
+ @import "pagination.less";
45
+ @import "pager.less";
46
+
47
+ // Components: Popovers
48
+ @import "modals.less";
49
+ @import "tooltip.less";
50
+ @import "popovers.less";
51
+
52
+ // Components: Misc
53
+ @import "thumbnails.less";
54
+ @import "media.less";
55
+ @import "labels-badges.less";
56
+ @import "progress-bars.less";
57
+ @import "accordion.less";
58
+ @import "carousel.less";
59
+ @import "hero-unit.less";
60
+
61
+ // Utility classes
62
+ @import "utilities.less"; // Has to be last to override when necessary
@@ -0,0 +1,24 @@
1
+ //
2
+ // Breadcrumbs
3
+ // --------------------------------------------------
4
+
5
+
6
+ .breadcrumb {
7
+ padding: 8px 15px;
8
+ margin: 0 0 @baseLineHeight;
9
+ list-style: none;
10
+ background-color: #f5f5f5;
11
+ .border-radius(@baseBorderRadius);
12
+ > li {
13
+ display: inline-block;
14
+ .ie7-inline-block();
15
+ text-shadow: 0 1px 0 @white;
16
+ > .divider {
17
+ padding: 0 5px;
18
+ color: #ccc;
19
+ }
20
+ }
21
+ > .active {
22
+ color: @grayLight;
23
+ }
24
+ }
@@ -0,0 +1,229 @@
1
+ //
2
+ // Button groups
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Make the div behave like a button
7
+ .btn-group {
8
+ position: relative;
9
+ display: inline-block;
10
+ .ie7-inline-block();
11
+ font-size: 0; // remove as part 1 of font-size inline-block hack
12
+ vertical-align: middle; // match .btn alignment given font-size hack above
13
+ white-space: nowrap; // prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page)
14
+ .ie7-restore-left-whitespace();
15
+ }
16
+
17
+ // Space out series of button groups
18
+ .btn-group + .btn-group {
19
+ margin-left: 5px;
20
+ }
21
+
22
+ // Optional: Group multiple button groups together for a toolbar
23
+ .btn-toolbar {
24
+ font-size: 0; // Hack to remove whitespace that results from using inline-block
25
+ margin-top: @baseLineHeight / 2;
26
+ margin-bottom: @baseLineHeight / 2;
27
+ > .btn + .btn,
28
+ > .btn-group + .btn,
29
+ > .btn + .btn-group {
30
+ margin-left: 5px;
31
+ }
32
+ }
33
+
34
+ // Float them, remove border radius, then re-add to first and last elements
35
+ .btn-group > .btn {
36
+ position: relative;
37
+ .border-radius(0);
38
+ }
39
+ .btn-group > .btn + .btn {
40
+ margin-left: -1px;
41
+ }
42
+ .btn-group > .btn,
43
+ .btn-group > .dropdown-menu,
44
+ .btn-group > .popover {
45
+ font-size: @baseFontSize; // redeclare as part 2 of font-size inline-block hack
46
+ }
47
+
48
+ // Reset fonts for other sizes
49
+ .btn-group > .btn-mini {
50
+ font-size: @fontSizeMini;
51
+ }
52
+ .btn-group > .btn-small {
53
+ font-size: @fontSizeSmall;
54
+ }
55
+ .btn-group > .btn-large {
56
+ font-size: @fontSizeLarge;
57
+ }
58
+
59
+ // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
60
+ .btn-group > .btn:first-child {
61
+ margin-left: 0;
62
+ .border-top-left-radius(@baseBorderRadius);
63
+ .border-bottom-left-radius(@baseBorderRadius);
64
+ }
65
+ // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
66
+ .btn-group > .btn:last-child,
67
+ .btn-group > .dropdown-toggle {
68
+ .border-top-right-radius(@baseBorderRadius);
69
+ .border-bottom-right-radius(@baseBorderRadius);
70
+ }
71
+ // Reset corners for large buttons
72
+ .btn-group > .btn.large:first-child {
73
+ margin-left: 0;
74
+ .border-top-left-radius(@borderRadiusLarge);
75
+ .border-bottom-left-radius(@borderRadiusLarge);
76
+ }
77
+ .btn-group > .btn.large:last-child,
78
+ .btn-group > .large.dropdown-toggle {
79
+ .border-top-right-radius(@borderRadiusLarge);
80
+ .border-bottom-right-radius(@borderRadiusLarge);
81
+ }
82
+
83
+ // On hover/focus/active, bring the proper btn to front
84
+ .btn-group > .btn:hover,
85
+ .btn-group > .btn:focus,
86
+ .btn-group > .btn:active,
87
+ .btn-group > .btn.active {
88
+ z-index: 2;
89
+ }
90
+
91
+ // On active and open, don't show outline
92
+ .btn-group .dropdown-toggle:active,
93
+ .btn-group.open .dropdown-toggle {
94
+ outline: 0;
95
+ }
96
+
97
+
98
+
99
+ // Split button dropdowns
100
+ // ----------------------
101
+
102
+ // Give the line between buttons some depth
103
+ .btn-group > .btn + .dropdown-toggle {
104
+ padding-left: 8px;
105
+ padding-right: 8px;
106
+ .box-shadow(~"inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
107
+ *padding-top: 5px;
108
+ *padding-bottom: 5px;
109
+ }
110
+ .btn-group > .btn-mini + .dropdown-toggle {
111
+ padding-left: 5px;
112
+ padding-right: 5px;
113
+ *padding-top: 2px;
114
+ *padding-bottom: 2px;
115
+ }
116
+ .btn-group > .btn-small + .dropdown-toggle {
117
+ *padding-top: 5px;
118
+ *padding-bottom: 4px;
119
+ }
120
+ .btn-group > .btn-large + .dropdown-toggle {
121
+ padding-left: 12px;
122
+ padding-right: 12px;
123
+ *padding-top: 7px;
124
+ *padding-bottom: 7px;
125
+ }
126
+
127
+ .btn-group.open {
128
+
129
+ // The clickable button for toggling the menu
130
+ // Remove the gradient and set the same inset shadow as the :active state
131
+ .dropdown-toggle {
132
+ background-image: none;
133
+ .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");
134
+ }
135
+
136
+ // Keep the hover's background when dropdown is open
137
+ .btn.dropdown-toggle {
138
+ background-color: @btnBackgroundHighlight;
139
+ }
140
+ .btn-primary.dropdown-toggle {
141
+ background-color: @btnPrimaryBackgroundHighlight;
142
+ }
143
+ .btn-warning.dropdown-toggle {
144
+ background-color: @btnWarningBackgroundHighlight;
145
+ }
146
+ .btn-danger.dropdown-toggle {
147
+ background-color: @btnDangerBackgroundHighlight;
148
+ }
149
+ .btn-success.dropdown-toggle {
150
+ background-color: @btnSuccessBackgroundHighlight;
151
+ }
152
+ .btn-info.dropdown-toggle {
153
+ background-color: @btnInfoBackgroundHighlight;
154
+ }
155
+ .btn-inverse.dropdown-toggle {
156
+ background-color: @btnInverseBackgroundHighlight;
157
+ }
158
+ }
159
+
160
+
161
+ // Reposition the caret
162
+ .btn .caret {
163
+ margin-top: 8px;
164
+ margin-left: 0;
165
+ }
166
+ // Carets in other button sizes
167
+ .btn-large .caret {
168
+ margin-top: 6px;
169
+ }
170
+ .btn-large .caret {
171
+ border-left-width: 5px;
172
+ border-right-width: 5px;
173
+ border-top-width: 5px;
174
+ }
175
+ .btn-mini .caret,
176
+ .btn-small .caret {
177
+ margin-top: 8px;
178
+ }
179
+ // Upside down carets for .dropup
180
+ .dropup .btn-large .caret {
181
+ border-bottom-width: 5px;
182
+ }
183
+
184
+
185
+
186
+ // Account for other colors
187
+ .btn-primary,
188
+ .btn-warning,
189
+ .btn-danger,
190
+ .btn-info,
191
+ .btn-success,
192
+ .btn-inverse {
193
+ .caret {
194
+ border-top-color: @white;
195
+ border-bottom-color: @white;
196
+ }
197
+ }
198
+
199
+
200
+
201
+ // Vertical button groups
202
+ // ----------------------
203
+
204
+ .btn-group-vertical {
205
+ display: inline-block; // makes buttons only take up the width they need
206
+ .ie7-inline-block();
207
+ }
208
+ .btn-group-vertical > .btn {
209
+ display: block;
210
+ float: none;
211
+ max-width: 100%;
212
+ .border-radius(0);
213
+ }
214
+ .btn-group-vertical > .btn + .btn {
215
+ margin-left: 0;
216
+ margin-top: -1px;
217
+ }
218
+ .btn-group-vertical > .btn:first-child {
219
+ .border-radius(@baseBorderRadius @baseBorderRadius 0 0);
220
+ }
221
+ .btn-group-vertical > .btn:last-child {
222
+ .border-radius(0 0 @baseBorderRadius @baseBorderRadius);
223
+ }
224
+ .btn-group-vertical > .btn-large:first-child {
225
+ .border-radius(@borderRadiusLarge @borderRadiusLarge 0 0);
226
+ }
227
+ .btn-group-vertical > .btn-large:last-child {
228
+ .border-radius(0 0 @borderRadiusLarge @borderRadiusLarge);
229
+ }
@@ -0,0 +1,228 @@
1
+ //
2
+ // Buttons
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base styles
7
+ // --------------------------------------------------
8
+
9
+ // Core
10
+ .btn {
11
+ display: inline-block;
12
+ .ie7-inline-block();
13
+ padding: 4px 12px;
14
+ margin-bottom: 0; // For input.btn
15
+ font-size: @baseFontSize;
16
+ line-height: @baseLineHeight;
17
+ text-align: center;
18
+ vertical-align: middle;
19
+ cursor: pointer;
20
+ .buttonBackground(@btnBackground, @btnBackgroundHighlight, @grayDark, 0 1px 1px rgba(255,255,255,.75));
21
+ border: 1px solid @btnBorder;
22
+ *border: 0; // Remove the border to prevent IE7's black border on input:focus
23
+ border-bottom-color: darken(@btnBorder, 10%);
24
+ .border-radius(@baseBorderRadius);
25
+ .ie7-restore-left-whitespace(); // Give IE7 some love
26
+ .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
27
+
28
+ // Hover/focus state
29
+ &:hover,
30
+ &:focus {
31
+ color: @grayDark;
32
+ text-decoration: none;
33
+ background-position: 0 -15px;
34
+
35
+ // transition is only when going to hover/focus, otherwise the background
36
+ // behind the gradient (there for IE<=9 fallback) gets mismatched
37
+ .transition(background-position .1s linear);
38
+ }
39
+
40
+ // Focus state for keyboard and accessibility
41
+ &:focus {
42
+ .tab-focus();
43
+ }
44
+
45
+ // Active state
46
+ &.active,
47
+ &:active {
48
+ background-image: none;
49
+ outline: 0;
50
+ .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");
51
+ }
52
+
53
+ // Disabled state
54
+ &.disabled,
55
+ &[disabled] {
56
+ cursor: default;
57
+ background-image: none;
58
+ .opacity(65);
59
+ .box-shadow(none);
60
+ }
61
+
62
+ }
63
+
64
+
65
+
66
+ // Button Sizes
67
+ // --------------------------------------------------
68
+
69
+ // Large
70
+ .btn-large {
71
+ padding: @paddingLarge;
72
+ font-size: @fontSizeLarge;
73
+ .border-radius(@borderRadiusLarge);
74
+ }
75
+ .btn-large [class^="icon-"],
76
+ .btn-large [class*=" icon-"] {
77
+ margin-top: 4px;
78
+ }
79
+
80
+ // Small
81
+ .btn-small {
82
+ padding: @paddingSmall;
83
+ font-size: @fontSizeSmall;
84
+ .border-radius(@borderRadiusSmall);
85
+ }
86
+ .btn-small [class^="icon-"],
87
+ .btn-small [class*=" icon-"] {
88
+ margin-top: 0;
89
+ }
90
+ .btn-mini [class^="icon-"],
91
+ .btn-mini [class*=" icon-"] {
92
+ margin-top: -1px;
93
+ }
94
+
95
+ // Mini
96
+ .btn-mini {
97
+ padding: @paddingMini;
98
+ font-size: @fontSizeMini;
99
+ .border-radius(@borderRadiusSmall);
100
+ }
101
+
102
+
103
+ // Block button
104
+ // -------------------------
105
+
106
+ .btn-block {
107
+ display: block;
108
+ width: 100%;
109
+ padding-left: 0;
110
+ padding-right: 0;
111
+ .box-sizing(border-box);
112
+ }
113
+
114
+ // Vertically space out multiple block buttons
115
+ .btn-block + .btn-block {
116
+ margin-top: 5px;
117
+ }
118
+
119
+ // Specificity overrides
120
+ input[type="submit"],
121
+ input[type="reset"],
122
+ input[type="button"] {
123
+ &.btn-block {
124
+ width: 100%;
125
+ }
126
+ }
127
+
128
+
129
+
130
+ // Alternate buttons
131
+ // --------------------------------------------------
132
+
133
+ // Provide *some* extra contrast for those who can get it
134
+ .btn-primary.active,
135
+ .btn-warning.active,
136
+ .btn-danger.active,
137
+ .btn-success.active,
138
+ .btn-info.active,
139
+ .btn-inverse.active {
140
+ color: rgba(255,255,255,.75);
141
+ }
142
+
143
+ // Set the backgrounds
144
+ // -------------------------
145
+ .btn-primary {
146
+ .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight);
147
+ }
148
+ // Warning appears are orange
149
+ .btn-warning {
150
+ .buttonBackground(@btnWarningBackground, @btnWarningBackgroundHighlight);
151
+ }
152
+ // Danger and error appear as red
153
+ .btn-danger {
154
+ .buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);
155
+ }
156
+ // Success appears as green
157
+ .btn-success {
158
+ .buttonBackground(@btnSuccessBackground, @btnSuccessBackgroundHighlight);
159
+ }
160
+ // Info appears as a neutral blue
161
+ .btn-info {
162
+ .buttonBackground(@btnInfoBackground, @btnInfoBackgroundHighlight);
163
+ }
164
+ // Inverse appears as dark gray
165
+ .btn-inverse {
166
+ .buttonBackground(@btnInverseBackground, @btnInverseBackgroundHighlight);
167
+ }
168
+
169
+
170
+ // Cross-browser Jank
171
+ // --------------------------------------------------
172
+
173
+ button.btn,
174
+ input[type="submit"].btn {
175
+
176
+ // Firefox 3.6 only I believe
177
+ &::-moz-focus-inner {
178
+ padding: 0;
179
+ border: 0;
180
+ }
181
+
182
+ // IE7 has some default padding on button controls
183
+ *padding-top: 3px;
184
+ *padding-bottom: 3px;
185
+
186
+ &.btn-large {
187
+ *padding-top: 7px;
188
+ *padding-bottom: 7px;
189
+ }
190
+ &.btn-small {
191
+ *padding-top: 3px;
192
+ *padding-bottom: 3px;
193
+ }
194
+ &.btn-mini {
195
+ *padding-top: 1px;
196
+ *padding-bottom: 1px;
197
+ }
198
+ }
199
+
200
+
201
+ // Link buttons
202
+ // --------------------------------------------------
203
+
204
+ // Make a button look and behave like a link
205
+ .btn-link,
206
+ .btn-link:active,
207
+ .btn-link[disabled] {
208
+ background-color: transparent;
209
+ background-image: none;
210
+ .box-shadow(none);
211
+ }
212
+ .btn-link {
213
+ border-color: transparent;
214
+ cursor: pointer;
215
+ color: @linkColor;
216
+ .border-radius(0);
217
+ }
218
+ .btn-link:hover,
219
+ .btn-link:focus {
220
+ color: @linkColorHover;
221
+ text-decoration: underline;
222
+ background-color: transparent;
223
+ }
224
+ .btn-link[disabled]:hover,
225
+ .btn-link[disabled]:focus {
226
+ color: @grayDark;
227
+ text-decoration: none;
228
+ }