twitter-bootstrap-rails-ajax 0.0.1

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 (94) hide show
  1. data/README.md +221 -0
  2. data/Rakefile +14 -0
  3. data/lib/generators/bootstrap/install/install_generator.rb +53 -0
  4. data/lib/generators/bootstrap/install/templates/application.css +7 -0
  5. data/lib/generators/bootstrap/install/templates/application.js +10 -0
  6. data/lib/generators/bootstrap/install/templates/bootstrap.coffee +4 -0
  7. data/lib/generators/bootstrap/install/templates/bootstrap_and_overrides.less +29 -0
  8. data/lib/generators/bootstrap/layout/layout_generator.rb +23 -0
  9. data/lib/generators/bootstrap/layout/templates/layout.html.erb +97 -0
  10. data/lib/generators/bootstrap/layout/templates/layout.html.haml +70 -0
  11. data/lib/generators/bootstrap/layout/templates/layout.html.slim +70 -0
  12. data/lib/generators/bootstrap/themed/templates/_form.html.erb +16 -0
  13. data/lib/generators/bootstrap/themed/templates/_form.html.haml +10 -0
  14. data/lib/generators/bootstrap/themed/templates/_form.html.slim +11 -0
  15. data/lib/generators/bootstrap/themed/templates/edit.html.erb +4 -0
  16. data/lib/generators/bootstrap/themed/templates/edit.html.haml +3 -0
  17. data/lib/generators/bootstrap/themed/templates/edit.html.slim +3 -0
  18. data/lib/generators/bootstrap/themed/templates/index.html.erb +38 -0
  19. data/lib/generators/bootstrap/themed/templates/index.html.haml +24 -0
  20. data/lib/generators/bootstrap/themed/templates/index.html.slim +26 -0
  21. data/lib/generators/bootstrap/themed/templates/new.html.erb +4 -0
  22. data/lib/generators/bootstrap/themed/templates/new.html.haml +3 -0
  23. data/lib/generators/bootstrap/themed/templates/new.html.slim +3 -0
  24. data/lib/generators/bootstrap/themed/templates/show.html.erb +21 -0
  25. data/lib/generators/bootstrap/themed/templates/show.html.haml +14 -0
  26. data/lib/generators/bootstrap/themed/templates/show.html.slim +16 -0
  27. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.erb +14 -0
  28. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.haml +11 -0
  29. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.slim +12 -0
  30. data/lib/generators/bootstrap/themed/themed_generator.rb +99 -0
  31. data/lib/twitter-bootstrap-rails.rb +10 -0
  32. data/lib/twitter/bootstrap/rails/bootstrap.rb +2 -0
  33. data/lib/twitter/bootstrap/rails/engine.rb +24 -0
  34. data/lib/twitter/bootstrap/rails/twitter-bootstrap-breadcrumbs.rb +30 -0
  35. data/lib/twitter/bootstrap/rails/version.rb +7 -0
  36. data/vendor/assets/fonts/fontawesome-webfont.eot +0 -0
  37. data/vendor/assets/fonts/fontawesome-webfont.svg +175 -0
  38. data/vendor/assets/fonts/fontawesome-webfont.svgz +0 -0
  39. data/vendor/assets/fonts/fontawesome-webfont.ttf +0 -0
  40. data/vendor/assets/fonts/fontawesome-webfont.woff +0 -0
  41. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings-white.png +0 -0
  42. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
  43. data/vendor/assets/javascripts/twitter/bootstrap.js +12 -0
  44. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +94 -0
  45. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +100 -0
  46. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +161 -0
  47. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +138 -0
  48. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +92 -0
  49. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +210 -0
  50. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +95 -0
  51. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +125 -0
  52. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +130 -0
  53. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +270 -0
  54. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +51 -0
  55. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +324 -0
  56. data/vendor/toolkit/fontawesome.less +267 -0
  57. data/vendor/toolkit/twitter/bootstrap/accordion.less +28 -0
  58. data/vendor/toolkit/twitter/bootstrap/alerts.less +58 -0
  59. data/vendor/toolkit/twitter/bootstrap/badges.less +36 -0
  60. data/vendor/toolkit/twitter/bootstrap/bootstrap.less +63 -0
  61. data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +24 -0
  62. data/vendor/toolkit/twitter/bootstrap/button-groups.less +172 -0
  63. data/vendor/toolkit/twitter/bootstrap/buttons.less +187 -0
  64. data/vendor/toolkit/twitter/bootstrap/carousel.less +121 -0
  65. data/vendor/toolkit/twitter/bootstrap/close.less +18 -0
  66. data/vendor/toolkit/twitter/bootstrap/code.less +57 -0
  67. data/vendor/toolkit/twitter/bootstrap/component-animations.less +20 -0
  68. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +148 -0
  69. data/vendor/toolkit/twitter/bootstrap/forms.less +555 -0
  70. data/vendor/toolkit/twitter/bootstrap/grid.less +5 -0
  71. data/vendor/toolkit/twitter/bootstrap/hero-unit.less +22 -0
  72. data/vendor/toolkit/twitter/bootstrap/labels.less +38 -0
  73. data/vendor/toolkit/twitter/bootstrap/layouts.less +17 -0
  74. data/vendor/toolkit/twitter/bootstrap/mixins.less +614 -0
  75. data/vendor/toolkit/twitter/bootstrap/modals.less +90 -0
  76. data/vendor/toolkit/twitter/bootstrap/navbar.less +341 -0
  77. data/vendor/toolkit/twitter/bootstrap/navs.less +363 -0
  78. data/vendor/toolkit/twitter/bootstrap/pager.less +36 -0
  79. data/vendor/toolkit/twitter/bootstrap/pagination.less +56 -0
  80. data/vendor/toolkit/twitter/bootstrap/popovers.less +49 -0
  81. data/vendor/toolkit/twitter/bootstrap/progress-bars.less +109 -0
  82. data/vendor/toolkit/twitter/bootstrap/reset.less +126 -0
  83. data/vendor/toolkit/twitter/bootstrap/responsive.less +371 -0
  84. data/vendor/toolkit/twitter/bootstrap/scaffolding.less +29 -0
  85. data/vendor/toolkit/twitter/bootstrap/sprites.less +158 -0
  86. data/vendor/toolkit/twitter/bootstrap/tables.less +159 -0
  87. data/vendor/toolkit/twitter/bootstrap/thumbnails.less +35 -0
  88. data/vendor/toolkit/twitter/bootstrap/tooltip.less +35 -0
  89. data/vendor/toolkit/twitter/bootstrap/type.less +234 -0
  90. data/vendor/toolkit/twitter/bootstrap/utilities.less +23 -0
  91. data/vendor/toolkit/twitter/bootstrap/variables.less +201 -0
  92. data/vendor/toolkit/twitter/bootstrap/wells.less +27 -0
  93. data/vendor/toolkit/twitter/bootstrap_base.less +2 -0
  94. metadata +138 -0
@@ -0,0 +1,28 @@
1
+ // ACCORDION
2
+ // ---------
3
+
4
+
5
+ // Parent container
6
+ .accordion {
7
+ margin-bottom: @baseLineHeight;
8
+ }
9
+
10
+ // Group == heading + body
11
+ .accordion-group {
12
+ margin-bottom: 2px;
13
+ border: 1px solid #e5e5e5;
14
+ .border-radius(4px);
15
+ }
16
+ .accordion-heading {
17
+ border-bottom: 0;
18
+ }
19
+ .accordion-heading .accordion-toggle {
20
+ display: block;
21
+ padding: 8px 15px;
22
+ }
23
+
24
+ // Inner needs the styles because you can't animate properly with any styles on the element
25
+ .accordion-inner {
26
+ padding: 9px 15px;
27
+ border-top: 1px solid #e5e5e5;
28
+ }
@@ -0,0 +1,58 @@
1
+ // ALERT STYLES
2
+ // ------------
3
+
4
+ // Base alert styles
5
+ .alert {
6
+ padding: 8px 35px 8px 14px;
7
+ margin-bottom: @baseLineHeight;
8
+ text-shadow: 0 1px 0 rgba(255,255,255,.5);
9
+ background-color: @warningBackground;
10
+ border: 1px solid @warningBorder;
11
+ .border-radius(4px);
12
+ color: @warningText;
13
+ }
14
+ .alert-heading {
15
+ color: inherit;
16
+ }
17
+
18
+ // Adjust close link position
19
+ .alert .close {
20
+ position: relative;
21
+ top: -2px;
22
+ right: -21px;
23
+ line-height: 18px;
24
+ }
25
+
26
+ // Alternate styles
27
+ // ----------------
28
+
29
+ .alert-success {
30
+ background-color: @successBackground;
31
+ border-color: @successBorder;
32
+ color: @successText;
33
+ }
34
+ .alert-danger,
35
+ .alert-error {
36
+ background-color: @errorBackground;
37
+ border-color: @errorBorder;
38
+ color: @errorText;
39
+ }
40
+ .alert-info {
41
+ background-color: @infoBackground;
42
+ border-color: @infoBorder;
43
+ color: @infoText;
44
+ }
45
+
46
+ // Block alerts
47
+ // ------------------------
48
+ .alert-block {
49
+ padding-top: 14px;
50
+ padding-bottom: 14px;
51
+ }
52
+ .alert-block > p,
53
+ .alert-block > ul {
54
+ margin-bottom: 0;
55
+ }
56
+ .alert-block p + p {
57
+ margin-top: 5px;
58
+ }
@@ -0,0 +1,36 @@
1
+ // BADGES
2
+ // ------
3
+
4
+ // Base
5
+ .badge {
6
+ padding: 1px 9px 2px;
7
+ font-size: @baseFontSize * .925;
8
+ font-weight: bold;
9
+ white-space: nowrap;
10
+ color: @white;
11
+ background-color: @grayLight;
12
+ .border-radius(9px);
13
+ }
14
+
15
+ // Hover state
16
+ .badge:hover {
17
+ color: @white;
18
+ text-decoration: none;
19
+ cursor: pointer;
20
+ }
21
+
22
+ // Colors
23
+ .badge-error { background-color: @errorText; }
24
+ .badge-error:hover { background-color: darken(@errorText, 10%); }
25
+
26
+ .badge-warning { background-color: @orange; }
27
+ .badge-warning:hover { background-color: darken(@orange, 10%); }
28
+
29
+ .badge-success { background-color: @successText; }
30
+ .badge-success:hover { background-color: darken(@successText, 10%); }
31
+
32
+ .badge-info { background-color: @infoText; }
33
+ .badge-info:hover { background-color: darken(@infoText, 10%); }
34
+
35
+ .badge-inverse { background-color: @grayDark; }
36
+ .badge-inverse:hover { background-color: darken(@grayDark, 10%); }
@@ -0,0 +1,63 @@
1
+ /*!
2
+ * Bootstrap v2.0.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
+ // CSS Reset
12
+ @import "reset.less";
13
+
14
+ // Core variables and mixins
15
+ @import "variables.less"; // Modify this for custom colors, font-sizes, etc
16
+ @import "mixins.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 "sprites.less";
31
+ @import "dropdowns.less";
32
+ @import "wells.less";
33
+ @import "component-animations.less";
34
+ @import "close.less";
35
+
36
+ // Components: Buttons & Alerts
37
+ @import "buttons.less";
38
+ @import "button-groups.less";
39
+ @import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less
40
+
41
+ // Components: Nav
42
+ @import "navs.less";
43
+ @import "navbar.less";
44
+ @import "breadcrumbs.less";
45
+ @import "pagination.less";
46
+ @import "pager.less";
47
+
48
+ // Components: Popovers
49
+ @import "modals.less";
50
+ @import "tooltip.less";
51
+ @import "popovers.less";
52
+
53
+ // Components: Misc
54
+ @import "thumbnails.less";
55
+ @import "labels.less";
56
+ @import "badges.less";
57
+ @import "progress-bars.less";
58
+ @import "accordion.less";
59
+ @import "carousel.less";
60
+ @import "hero-unit.less";
61
+
62
+ // Utility classes
63
+ @import "utilities.less"; // Has to be last to override when necessary
@@ -0,0 +1,24 @@
1
+ // BREADCRUMBS
2
+ // -----------
3
+
4
+ .breadcrumb {
5
+ padding: 7px 14px;
6
+ margin: 0 0 @baseLineHeight;
7
+ list-style: none;
8
+ #gradient > .vertical(@white, #f5f5f5);
9
+ border: 1px solid #ddd;
10
+ .border-radius(3px);
11
+ .box-shadow(inset 0 1px 0 @white);
12
+ li {
13
+ display: inline-block;
14
+ .ie7-inline-block();
15
+ text-shadow: 0 1px 0 @white;
16
+ }
17
+ .divider {
18
+ padding: 0 5px;
19
+ color: @grayLight;
20
+ }
21
+ .active a {
22
+ color: @grayDark;
23
+ }
24
+ }
@@ -0,0 +1,172 @@
1
+ // BUTTON GROUPS
2
+ // -------------
3
+
4
+
5
+ // Make the div behave like a button
6
+ .btn-group {
7
+ position: relative;
8
+ .clearfix(); // clears the floated buttons
9
+ .ie7-restore-left-whitespace();
10
+ }
11
+
12
+ // Space out series of button groups
13
+ .btn-group + .btn-group {
14
+ margin-left: 5px;
15
+ }
16
+
17
+ // Optional: Group multiple button groups together for a toolbar
18
+ .btn-toolbar {
19
+ margin-top: @baseLineHeight / 2;
20
+ margin-bottom: @baseLineHeight / 2;
21
+ .btn-group {
22
+ display: inline-block;
23
+ .ie7-inline-block();
24
+ }
25
+ }
26
+
27
+ // Float them, remove border radius, then re-add to first and last elements
28
+ .btn-group .btn {
29
+ position: relative;
30
+ float: left;
31
+ margin-left: -1px;
32
+ .border-radius(0);
33
+ }
34
+ // 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
35
+ .btn-group .btn:first-child {
36
+ margin-left: 0;
37
+ -webkit-border-top-left-radius: 4px;
38
+ -moz-border-radius-topleft: 4px;
39
+ border-top-left-radius: 4px;
40
+ -webkit-border-bottom-left-radius: 4px;
41
+ -moz-border-radius-bottomleft: 4px;
42
+ border-bottom-left-radius: 4px;
43
+ }
44
+ .btn-group .btn:last-child,
45
+ .btn-group .dropdown-toggle {
46
+ -webkit-border-top-right-radius: 4px;
47
+ -moz-border-radius-topright: 4px;
48
+ border-top-right-radius: 4px;
49
+ -webkit-border-bottom-right-radius: 4px;
50
+ -moz-border-radius-bottomright: 4px;
51
+ border-bottom-right-radius: 4px;
52
+ }
53
+ // Reset corners for large buttons
54
+ .btn-group .btn.large:first-child {
55
+ margin-left: 0;
56
+ -webkit-border-top-left-radius: 6px;
57
+ -moz-border-radius-topleft: 6px;
58
+ border-top-left-radius: 6px;
59
+ -webkit-border-bottom-left-radius: 6px;
60
+ -moz-border-radius-bottomleft: 6px;
61
+ border-bottom-left-radius: 6px;
62
+ }
63
+ .btn-group .btn.large:last-child,
64
+ .btn-group .large.dropdown-toggle {
65
+ -webkit-border-top-right-radius: 6px;
66
+ -moz-border-radius-topright: 6px;
67
+ border-top-right-radius: 6px;
68
+ -webkit-border-bottom-right-radius: 6px;
69
+ -moz-border-radius-bottomright: 6px;
70
+ border-bottom-right-radius: 6px;
71
+ }
72
+
73
+ // On hover/focus/active, bring the proper btn to front
74
+ .btn-group .btn:hover,
75
+ .btn-group .btn:focus,
76
+ .btn-group .btn:active,
77
+ .btn-group .btn.active {
78
+ z-index: 2;
79
+ }
80
+
81
+ // On active and open, don't show outline
82
+ .btn-group .dropdown-toggle:active,
83
+ .btn-group.open .dropdown-toggle {
84
+ outline: 0;
85
+ }
86
+
87
+
88
+
89
+ // Split button dropdowns
90
+ // ----------------------
91
+
92
+ // Give the line between buttons some depth
93
+ .btn-group .dropdown-toggle {
94
+ padding-left: 8px;
95
+ padding-right: 8px;
96
+ @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);
97
+ .box-shadow(@shadow);
98
+ *padding-top: 3px;
99
+ *padding-bottom: 3px;
100
+ }
101
+ .btn-group .btn-mini.dropdown-toggle {
102
+ padding-left: 5px;
103
+ padding-right: 5px;
104
+ *padding-top: 1px;
105
+ *padding-bottom: 1px;
106
+ }
107
+ .btn-group .btn-small.dropdown-toggle {
108
+ *padding-top: 4px;
109
+ *padding-bottom: 4px;
110
+ }
111
+ .btn-group .btn-large.dropdown-toggle {
112
+ padding-left: 12px;
113
+ padding-right: 12px;
114
+ }
115
+
116
+ .btn-group.open {
117
+ // IE7's z-index only goes to the nearest positioned ancestor, which would
118
+ // make the menu appear below buttons that appeared later on the page
119
+ *z-index: @zindexDropdown;
120
+
121
+ // Reposition menu on open and round all corners
122
+ .dropdown-menu {
123
+ display: block;
124
+ margin-top: 1px;
125
+ .border-radius(5px);
126
+ }
127
+
128
+ .dropdown-toggle {
129
+ background-image: none;
130
+ @shadow: inset 0 1px 6px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
131
+ .box-shadow(@shadow);
132
+ }
133
+ }
134
+
135
+ // Reposition the caret
136
+ .btn .caret {
137
+ margin-top: 7px;
138
+ margin-left: 0;
139
+ }
140
+ .btn:hover .caret,
141
+ .open.btn-group .caret {
142
+ .opacity(100);
143
+ }
144
+ // Carets in other button sizes
145
+ .btn-mini .caret {
146
+ margin-top: 5px;
147
+ }
148
+ .btn-small .caret {
149
+ margin-top: 6px;
150
+ }
151
+ .btn-large .caret {
152
+ margin-top: 6px;
153
+ border-left: 5px solid transparent;
154
+ border-right: 5px solid transparent;
155
+ border-top: 5px solid @black;
156
+ }
157
+
158
+
159
+ // Account for other colors
160
+ .btn-primary,
161
+ .btn-warning,
162
+ .btn-danger,
163
+ .btn-info,
164
+ .btn-success,
165
+ .btn-inverse {
166
+ .caret {
167
+ border-top-color: @white;
168
+ border-bottom-color: @white;
169
+ .opacity(75);
170
+ }
171
+ }
172
+
@@ -0,0 +1,187 @@
1
+ // BUTTON STYLES
2
+ // -------------
3
+
4
+
5
+ // Base styles
6
+ // --------------------------------------------------
7
+
8
+ // Core
9
+ .btn {
10
+ display: inline-block;
11
+ .ie7-inline-block();
12
+ padding: 4px 10px 4px;
13
+ margin-bottom: 0; // For input.btn
14
+ font-size: @baseFontSize;
15
+ line-height: @baseLineHeight;
16
+ color: @grayDark;
17
+ text-align: center;
18
+ text-shadow: 0 1px 1px rgba(255,255,255,.75);
19
+ vertical-align: middle;
20
+ .buttonBackground(@btnBackground, @btnBackgroundHighlight);
21
+ border: 1px solid @btnBorder;
22
+ border-bottom-color: darken(@btnBorder, 10%);
23
+ .border-radius(4px);
24
+ @shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
25
+ .box-shadow(@shadow);
26
+ cursor: pointer;
27
+
28
+ // Give IE7 some love
29
+ .ie7-restore-left-whitespace();
30
+ }
31
+
32
+ // Hover state
33
+ .btn:hover {
34
+ color: @grayDark;
35
+ text-decoration: none;
36
+ background-color: darken(@white, 10%);
37
+ background-position: 0 -15px;
38
+
39
+ // transition is only when going to hover, otherwise the background
40
+ // behind the gradient (there for IE<=9 fallback) gets mismatched
41
+ .transition(background-position .1s linear);
42
+ }
43
+
44
+ // Focus state for keyboard and accessibility
45
+ .btn:focus {
46
+ .tab-focus();
47
+ }
48
+
49
+ // Active state
50
+ .btn.active,
51
+ .btn:active {
52
+ background-image: none;
53
+ @shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
54
+ .box-shadow(@shadow);
55
+ background-color: darken(@white, 10%);
56
+ background-color: darken(@white, 15%) e("\9");
57
+ outline: 0;
58
+ }
59
+
60
+ // Disabled state
61
+ .btn.disabled,
62
+ .btn[disabled] {
63
+ cursor: default;
64
+ background-image: none;
65
+ background-color: darken(@white, 10%);
66
+ .opacity(65);
67
+ .box-shadow(none);
68
+ }
69
+
70
+
71
+ // Button Sizes
72
+ // --------------------------------------------------
73
+
74
+ // Large
75
+ .btn-large {
76
+ padding: 9px 14px;
77
+ font-size: @baseFontSize + 2px;
78
+ line-height: normal;
79
+ .border-radius(5px);
80
+ }
81
+ .btn-large [class^="icon-"] {
82
+ margin-top: 1px;
83
+ }
84
+
85
+ // Small
86
+ .btn-small {
87
+ padding: 5px 9px;
88
+ font-size: @baseFontSize - 2px;
89
+ line-height: @baseLineHeight - 2px;
90
+ }
91
+ .btn-small [class^="icon-"] {
92
+ margin-top: -1px;
93
+ }
94
+
95
+ // Mini
96
+ .btn-mini {
97
+ padding: 2px 6px;
98
+ font-size: @baseFontSize - 2px;
99
+ line-height: @baseLineHeight - 4px;
100
+ }
101
+
102
+
103
+ // Alternate buttons
104
+ // --------------------------------------------------
105
+
106
+ // Set text color
107
+ // -------------------------
108
+ .btn-primary,
109
+ .btn-primary:hover,
110
+ .btn-warning,
111
+ .btn-warning:hover,
112
+ .btn-danger,
113
+ .btn-danger:hover,
114
+ .btn-success,
115
+ .btn-success:hover,
116
+ .btn-info,
117
+ .btn-info:hover,
118
+ .btn-inverse,
119
+ .btn-inverse:hover {
120
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
121
+ color: @white;
122
+ }
123
+ // Provide *some* extra contrast for those who can get it
124
+ .btn-primary.active,
125
+ .btn-warning.active,
126
+ .btn-danger.active,
127
+ .btn-success.active,
128
+ .btn-info.active,
129
+ .btn-inverse.active {
130
+ color: rgba(255,255,255,.75);
131
+ }
132
+
133
+ // Set the backgrounds
134
+ // -------------------------
135
+ .btn-primary {
136
+ .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight);
137
+ }
138
+ // Warning appears are orange
139
+ .btn-warning {
140
+ .buttonBackground(@btnWarningBackground, @btnWarningBackgroundHighlight);
141
+ }
142
+ // Danger and error appear as red
143
+ .btn-danger {
144
+ .buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);
145
+ }
146
+ // Success appears as green
147
+ .btn-success {
148
+ .buttonBackground(@btnSuccessBackground, @btnSuccessBackgroundHighlight);
149
+ }
150
+ // Info appears as a neutral blue
151
+ .btn-info {
152
+ .buttonBackground(@btnInfoBackground, @btnInfoBackgroundHighlight);
153
+ }
154
+ // Inverse appears as dark gray
155
+ .btn-inverse {
156
+ .buttonBackground(@btnInverseBackground, @btnInverseBackgroundHighlight);
157
+ }
158
+
159
+
160
+ // Cross-browser Jank
161
+ // --------------------------------------------------
162
+
163
+ button.btn,
164
+ input[type="submit"].btn {
165
+
166
+ // Firefox 3.6 only I believe
167
+ &::-moz-focus-inner {
168
+ padding: 0;
169
+ border: 0;
170
+ }
171
+
172
+ // IE7 has some default padding on button controls
173
+ *padding-top: 2px;
174
+ *padding-bottom: 2px;
175
+ &.btn-large {
176
+ *padding-top: 7px;
177
+ *padding-bottom: 7px;
178
+ }
179
+ &.btn-small {
180
+ *padding-top: 3px;
181
+ *padding-bottom: 3px;
182
+ }
183
+ &.btn-mini {
184
+ *padding-top: 1px;
185
+ *padding-bottom: 1px;
186
+ }
187
+ }