querobolsa-bootstrap-sass 0.1.0
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.
- data/LICENSE +14 -0
- data/README.md +106 -0
- data/lib/querobolsa-bootstrap-sass.rb +43 -0
- data/lib/querobolsa-bootstrap-sass/compass_functions.rb +10 -0
- data/lib/querobolsa-bootstrap-sass/engine.rb +7 -0
- data/lib/querobolsa-bootstrap-sass/rails_functions.rb +14 -0
- data/templates/project/manifest.rb +18 -0
- data/templates/project/styles.scss +5 -0
- data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
- data/vendor/assets/images/glyphicons-halflings.png +0 -0
- data/vendor/assets/javascripts/bootstrap-alert.js +90 -0
- data/vendor/assets/javascripts/bootstrap-button.js +96 -0
- data/vendor/assets/javascripts/bootstrap-carousel.js +169 -0
- data/vendor/assets/javascripts/bootstrap-collapse.js +157 -0
- data/vendor/assets/javascripts/bootstrap-dropdown.js +100 -0
- data/vendor/assets/javascripts/bootstrap-modal.js +218 -0
- data/vendor/assets/javascripts/bootstrap-popover.js +98 -0
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +151 -0
- data/vendor/assets/javascripts/bootstrap-tab.js +135 -0
- data/vendor/assets/javascripts/bootstrap-tooltip.js +275 -0
- data/vendor/assets/javascripts/bootstrap-transition.js +61 -0
- data/vendor/assets/javascripts/bootstrap-typeahead.js +285 -0
- data/vendor/assets/javascripts/bootstrap.js +12 -0
- data/vendor/assets/stylesheets/_bootstrap-responsive.scss +35 -0
- data/vendor/assets/stylesheets/_bootstrap.scss +62 -0
- data/vendor/assets/stylesheets/bootstrap/_accordion.scss +33 -0
- data/vendor/assets/stylesheets/bootstrap/_alerts.scss +56 -0
- data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +24 -0
- data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +178 -0
- data/vendor/assets/stylesheets/bootstrap/_buttons.scss +171 -0
- data/vendor/assets/stylesheets/bootstrap/_carousel.scss +116 -0
- data/vendor/assets/stylesheets/bootstrap/_close.scss +29 -0
- data/vendor/assets/stylesheets/bootstrap/_code.scss +56 -0
- data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +20 -0
- data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +137 -0
- data/vendor/assets/stylesheets/bootstrap/_forms.scss +482 -0
- data/vendor/assets/stylesheets/bootstrap/_grid.scss +5 -0
- data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +22 -0
- data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +50 -0
- data/vendor/assets/stylesheets/bootstrap/_layouts.scss +17 -0
- data/vendor/assets/stylesheets/bootstrap/_mixins.scss +625 -0
- data/vendor/assets/stylesheets/bootstrap/_modals.scss +90 -0
- data/vendor/assets/stylesheets/bootstrap/_navbar.scss +344 -0
- data/vendor/assets/stylesheets/bootstrap/_navs.scss +340 -0
- data/vendor/assets/stylesheets/bootstrap/_pager.scss +35 -0
- data/vendor/assets/stylesheets/bootstrap/_pagination.scss +53 -0
- data/vendor/assets/stylesheets/bootstrap/_popovers.scss +49 -0
- data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +118 -0
- data/vendor/assets/stylesheets/bootstrap/_reset.scss +110 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +26 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +136 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +16 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +147 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +41 -0
- data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +29 -0
- data/vendor/assets/stylesheets/bootstrap/_sprites.scss +177 -0
- data/vendor/assets/stylesheets/bootstrap/_tables.scss +133 -0
- data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +49 -0
- data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +35 -0
- data/vendor/assets/stylesheets/bootstrap/_type.scss +224 -0
- data/vendor/assets/stylesheets/bootstrap/_utilities.scss +23 -0
- data/vendor/assets/stylesheets/bootstrap/_variables.scss +237 -0
- data/vendor/assets/stylesheets/bootstrap/_wells.scss +27 -0
- metadata +142 -0
@@ -0,0 +1,33 @@
|
|
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
|
+
@include 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
|
+
// General toggle styles
|
25
|
+
.accordion-toggle {
|
26
|
+
cursor: pointer;
|
27
|
+
}
|
28
|
+
|
29
|
+
// Inner needs the styles because you can't animate properly with any styles on the element
|
30
|
+
.accordion-inner {
|
31
|
+
padding: 9px 15px;
|
32
|
+
border-top: 1px solid #e5e5e5;
|
33
|
+
}
|
@@ -0,0 +1,56 @@
|
|
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
|
+
@include 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, .alert-error {
|
35
|
+
background-color: $errorBackground;
|
36
|
+
border-color: $errorBorder;
|
37
|
+
color: $errorText;
|
38
|
+
}
|
39
|
+
.alert-info {
|
40
|
+
background-color: $infoBackground;
|
41
|
+
border-color: $infoBorder;
|
42
|
+
color: $infoText;
|
43
|
+
}
|
44
|
+
|
45
|
+
// Block alerts
|
46
|
+
// ------------------------
|
47
|
+
.alert-block {
|
48
|
+
padding-top: 14px;
|
49
|
+
padding-bottom: 14px;
|
50
|
+
}
|
51
|
+
.alert-block > p, .alert-block > ul {
|
52
|
+
margin-bottom: 0;
|
53
|
+
}
|
54
|
+
.alert-block p + p {
|
55
|
+
margin-top: 5px;
|
56
|
+
}
|
@@ -0,0 +1,24 @@
|
|
1
|
+
// BREADCRUMBS
|
2
|
+
// -----------
|
3
|
+
|
4
|
+
.breadcrumb {
|
5
|
+
padding: 7px 14px;
|
6
|
+
margin: 0 0 $baseLineHeight;
|
7
|
+
list-style: none;
|
8
|
+
@include gradient-vertical($white, #f5f5f5);
|
9
|
+
border: 1px solid #ddd;
|
10
|
+
@include border-radius(3px);
|
11
|
+
@include box-shadow(inset 0 1px 0 $white);
|
12
|
+
li {
|
13
|
+
display: inline-block;
|
14
|
+
@include 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,178 @@
|
|
1
|
+
// BUTTON GROUPS
|
2
|
+
// -------------
|
3
|
+
|
4
|
+
|
5
|
+
// Make the div behave like a button
|
6
|
+
.btn-group {
|
7
|
+
position: relative;
|
8
|
+
@include clearfix(); // clears the floated buttons
|
9
|
+
@include 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
|
+
@include 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
|
+
@include 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
|
+
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
|
45
|
+
.btn-group > .btn:last-child, .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, .btn-group > .large.dropdown-toggle {
|
64
|
+
-webkit-border-top-right-radius: 6px;
|
65
|
+
-moz-border-radius-topright: 6px;
|
66
|
+
border-top-right-radius: 6px;
|
67
|
+
-webkit-border-bottom-right-radius: 6px;
|
68
|
+
-moz-border-radius-bottomright: 6px;
|
69
|
+
border-bottom-right-radius: 6px;
|
70
|
+
}
|
71
|
+
|
72
|
+
// On hover/focus/active, bring the proper btn to front
|
73
|
+
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
|
74
|
+
z-index: 2;
|
75
|
+
}
|
76
|
+
|
77
|
+
// On active and open, don't show outline
|
78
|
+
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
|
79
|
+
outline: 0;
|
80
|
+
}
|
81
|
+
|
82
|
+
|
83
|
+
|
84
|
+
// Split button dropdowns
|
85
|
+
// ----------------------
|
86
|
+
|
87
|
+
// Give the line between buttons some depth
|
88
|
+
.btn-group > .dropdown-toggle {
|
89
|
+
padding-left: 8px;
|
90
|
+
padding-right: 8px;
|
91
|
+
@include 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)});
|
92
|
+
*padding-top: 4px;
|
93
|
+
*padding-bottom: 4px;
|
94
|
+
}
|
95
|
+
.btn-group > .btn-mini.dropdown-toggle {
|
96
|
+
padding-left: 5px;
|
97
|
+
padding-right: 5px;
|
98
|
+
}
|
99
|
+
.btn-group > .btn-small.dropdown-toggle {
|
100
|
+
*padding-top: 4px;
|
101
|
+
*padding-bottom: 4px;
|
102
|
+
}
|
103
|
+
.btn-group > .btn-large.dropdown-toggle {
|
104
|
+
padding-left: 12px;
|
105
|
+
padding-right: 12px;
|
106
|
+
}
|
107
|
+
|
108
|
+
.btn-group.open {
|
109
|
+
|
110
|
+
// The clickable button for toggling the menu
|
111
|
+
// Remove the gradient and set the same inset shadow as the :active state
|
112
|
+
.dropdown-toggle {
|
113
|
+
background-image: none;
|
114
|
+
@include box-shadow(#{inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)});
|
115
|
+
}
|
116
|
+
|
117
|
+
// Keep the hover's background when dropdown is open
|
118
|
+
.btn.dropdown-toggle {
|
119
|
+
background-color: $btnBackgroundHighlight;
|
120
|
+
}
|
121
|
+
.btn-primary.dropdown-toggle {
|
122
|
+
background-color: $btnPrimaryBackgroundHighlight;
|
123
|
+
}
|
124
|
+
.btn-warning.dropdown-toggle {
|
125
|
+
background-color: $btnWarningBackgroundHighlight;
|
126
|
+
}
|
127
|
+
.btn-danger.dropdown-toggle {
|
128
|
+
background-color: $btnDangerBackgroundHighlight;
|
129
|
+
}
|
130
|
+
.btn-success.dropdown-toggle {
|
131
|
+
background-color: $btnSuccessBackgroundHighlight;
|
132
|
+
}
|
133
|
+
.btn-info.dropdown-toggle {
|
134
|
+
background-color: $btnInfoBackgroundHighlight;
|
135
|
+
}
|
136
|
+
.btn-inverse.dropdown-toggle {
|
137
|
+
background-color: $btnInverseBackgroundHighlight;
|
138
|
+
}
|
139
|
+
}
|
140
|
+
|
141
|
+
|
142
|
+
// Reposition the caret
|
143
|
+
.btn .caret {
|
144
|
+
margin-top: 7px;
|
145
|
+
margin-left: 0;
|
146
|
+
}
|
147
|
+
.btn:hover .caret, .open.btn-group .caret {
|
148
|
+
@include opacity(1);
|
149
|
+
}
|
150
|
+
// Carets in other button sizes
|
151
|
+
.btn-mini .caret {
|
152
|
+
margin-top: 5px;
|
153
|
+
}
|
154
|
+
.btn-small .caret {
|
155
|
+
margin-top: 6px;
|
156
|
+
}
|
157
|
+
.btn-large .caret {
|
158
|
+
margin-top: 6px;
|
159
|
+
border-left-width: 5px;
|
160
|
+
border-right-width: 5px;
|
161
|
+
border-top-width: 5px;
|
162
|
+
}
|
163
|
+
// Upside down carets for .dropup
|
164
|
+
.dropup .btn-large .caret {
|
165
|
+
border-bottom: 5px solid $black;
|
166
|
+
border-top: 0;
|
167
|
+
}
|
168
|
+
|
169
|
+
|
170
|
+
|
171
|
+
// Account for other colors
|
172
|
+
.btn-primary, .btn-warning, .btn-danger, .btn-info, .btn-success, .btn-inverse {
|
173
|
+
.caret {
|
174
|
+
border-top-color: $white;
|
175
|
+
border-bottom-color: $white;
|
176
|
+
@include opacity(0.75);
|
177
|
+
}
|
178
|
+
}
|
@@ -0,0 +1,171 @@
|
|
1
|
+
// BUTTON STYLES
|
2
|
+
// -------------
|
3
|
+
|
4
|
+
|
5
|
+
// Base styles
|
6
|
+
// --------------------------------------------------
|
7
|
+
|
8
|
+
// Core
|
9
|
+
.btn {
|
10
|
+
display: inline-block;
|
11
|
+
@include ie7-inline-block();
|
12
|
+
padding: 4px 10px 4px;
|
13
|
+
margin-bottom: 0; // For input.btn
|
14
|
+
font-size: $baseFontSize;
|
15
|
+
line-height: $baseLineHeight;
|
16
|
+
*line-height: 20px;
|
17
|
+
color: $grayDark;
|
18
|
+
text-align: center;
|
19
|
+
text-shadow: 0 1px 1px rgba(255,255,255,.75);
|
20
|
+
vertical-align: middle;
|
21
|
+
cursor: pointer;
|
22
|
+
@include buttonBackground($btnBackground, $btnBackgroundHighlight);
|
23
|
+
border: 1px solid $btnBorder;
|
24
|
+
*border: 0; // Remove the border to prevent IE7's black border on input:focus
|
25
|
+
border-bottom-color: darken($btnBorder, 10%);
|
26
|
+
@include border-radius(4px);
|
27
|
+
@include ie7-restore-left-whitespace(); // Give IE7 some love
|
28
|
+
@include box-shadow(#{inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)});
|
29
|
+
}
|
30
|
+
|
31
|
+
// Hover state
|
32
|
+
.btn:hover {
|
33
|
+
color: $grayDark;
|
34
|
+
text-decoration: none;
|
35
|
+
background-color: darken($white, 10%);
|
36
|
+
*background-color: darken($white, 15%); // Buttons in IE7 don't get borders, so darken on hover
|
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
|
+
@include transition(background-position .1s linear);
|
42
|
+
}
|
43
|
+
|
44
|
+
// Focus state for keyboard and accessibility
|
45
|
+
.btn:focus {
|
46
|
+
@include tab-focus();
|
47
|
+
}
|
48
|
+
|
49
|
+
// Active state
|
50
|
+
.btn.active, .btn:active {
|
51
|
+
background-color: darken($white, 10%);
|
52
|
+
background-color: darken($white, 15%) \9;
|
53
|
+
background-image: none;
|
54
|
+
outline: 0;
|
55
|
+
@include box-shadow(#{inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)});
|
56
|
+
}
|
57
|
+
|
58
|
+
// Disabled state
|
59
|
+
.btn.disabled, .btn[disabled] {
|
60
|
+
cursor: default;
|
61
|
+
background-color: darken($white, 10%);
|
62
|
+
background-image: none;
|
63
|
+
@include opacity(0.65);
|
64
|
+
@include box-shadow(none);
|
65
|
+
}
|
66
|
+
|
67
|
+
|
68
|
+
// Button Sizes
|
69
|
+
// --------------------------------------------------
|
70
|
+
|
71
|
+
// Large
|
72
|
+
.btn-large {
|
73
|
+
padding: 9px 14px;
|
74
|
+
font-size: $baseFontSize + 2px;
|
75
|
+
line-height: normal;
|
76
|
+
@include border-radius(5px);
|
77
|
+
}
|
78
|
+
.btn-large [class^="icon-"] {
|
79
|
+
margin-top: 1px;
|
80
|
+
}
|
81
|
+
|
82
|
+
// Small
|
83
|
+
.btn-small {
|
84
|
+
padding: 5px 9px;
|
85
|
+
font-size: $baseFontSize - 2px;
|
86
|
+
line-height: $baseLineHeight - 2px;
|
87
|
+
}
|
88
|
+
.btn-small [class^="icon-"] {
|
89
|
+
margin-top: -1px;
|
90
|
+
}
|
91
|
+
|
92
|
+
// Mini
|
93
|
+
.btn-mini {
|
94
|
+
padding: 2px 6px;
|
95
|
+
font-size: $baseFontSize - 2px;
|
96
|
+
line-height: $baseLineHeight - 4px;
|
97
|
+
}
|
98
|
+
|
99
|
+
|
100
|
+
// Alternate buttons
|
101
|
+
// --------------------------------------------------
|
102
|
+
|
103
|
+
// Set text color
|
104
|
+
// -------------------------
|
105
|
+
.btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover {
|
106
|
+
color: $white;
|
107
|
+
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
108
|
+
}
|
109
|
+
// Provide *some* extra contrast for those who can get it
|
110
|
+
.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
|
111
|
+
color: rgba(255,255,255,.75);
|
112
|
+
}
|
113
|
+
|
114
|
+
// Set the backgrounds
|
115
|
+
// -------------------------
|
116
|
+
.btn {
|
117
|
+
// reset here as of 2.0.3 due to Recess property order
|
118
|
+
border-color: #ccc;
|
119
|
+
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
|
120
|
+
}
|
121
|
+
.btn-primary {
|
122
|
+
@include buttonBackground($btnPrimaryBackground, $btnPrimaryBackgroundHighlight);
|
123
|
+
}
|
124
|
+
// Warning appears are orange
|
125
|
+
.btn-warning {
|
126
|
+
@include buttonBackground($btnWarningBackground, $btnWarningBackgroundHighlight);
|
127
|
+
}
|
128
|
+
// Danger and error appear as red
|
129
|
+
.btn-danger {
|
130
|
+
@include buttonBackground($btnDangerBackground, $btnDangerBackgroundHighlight);
|
131
|
+
}
|
132
|
+
// Success appears as green
|
133
|
+
.btn-success {
|
134
|
+
@include buttonBackground($btnSuccessBackground, $btnSuccessBackgroundHighlight);
|
135
|
+
}
|
136
|
+
// Info appears as a neutral blue
|
137
|
+
.btn-info {
|
138
|
+
@include buttonBackground($btnInfoBackground, $btnInfoBackgroundHighlight);
|
139
|
+
}
|
140
|
+
.btn-inverse {
|
141
|
+
@include buttonBackground($btnInverseBackground, $btnInverseBackgroundHighlight);
|
142
|
+
}
|
143
|
+
|
144
|
+
|
145
|
+
// Cross-browser Jank
|
146
|
+
// --------------------------------------------------
|
147
|
+
|
148
|
+
button.btn, input[type="submit"].btn {
|
149
|
+
|
150
|
+
// Firefox 3.6 only I believe
|
151
|
+
&::-moz-focus-inner {
|
152
|
+
padding: 0;
|
153
|
+
border: 0;
|
154
|
+
}
|
155
|
+
|
156
|
+
// IE7 has some default padding on button controls
|
157
|
+
*padding-top: 2px;
|
158
|
+
*padding-bottom: 2px;
|
159
|
+
&.btn-large {
|
160
|
+
*padding-top: 7px;
|
161
|
+
*padding-bottom: 7px;
|
162
|
+
}
|
163
|
+
&.btn-small {
|
164
|
+
*padding-top: 3px;
|
165
|
+
*padding-bottom: 3px;
|
166
|
+
}
|
167
|
+
&.btn-mini {
|
168
|
+
*padding-top: 1px;
|
169
|
+
*padding-bottom: 1px;
|
170
|
+
}
|
171
|
+
}
|