bootstrap-sass 2.0.1 → 2.0.2
Sign up to get free protection for your applications and to get access to all the features.
Potentially problematic release.
This version of bootstrap-sass might be problematic. Click here for more details.
- data/README.md +8 -8
- data/lib/bootstrap-sass.rb +2 -0
- data/lib/bootstrap-sass/engine.rb +1 -1
- data/templates/project/manifest.rb +1 -1
- data/vendor/assets/javascripts/bootstrap-alert.js +1 -1
- data/vendor/assets/javascripts/bootstrap-button.js +4 -2
- data/vendor/assets/javascripts/bootstrap-carousel.js +7 -3
- data/vendor/assets/javascripts/bootstrap-collapse.js +4 -2
- data/vendor/assets/javascripts/bootstrap-dropdown.js +1 -1
- data/vendor/assets/javascripts/bootstrap-modal.js +1 -1
- data/vendor/assets/javascripts/bootstrap-popover.js +1 -1
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +1 -1
- data/vendor/assets/javascripts/bootstrap-tab.js +1 -1
- data/vendor/assets/javascripts/bootstrap-tooltip.js +2 -2
- data/vendor/assets/javascripts/bootstrap-transition.js +1 -1
- data/vendor/assets/javascripts/bootstrap-typeahead.js +7 -7
- data/vendor/assets/stylesheets/_bootstrap-responsive.scss +65 -35
- data/vendor/assets/stylesheets/_bootstrap.scss +1 -11
- data/vendor/assets/stylesheets/bootstrap/_alerts.scss +3 -9
- data/vendor/assets/stylesheets/bootstrap/_badges.scss +36 -0
- data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +2 -0
- data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +32 -10
- data/vendor/assets/stylesheets/bootstrap/_buttons.scss +16 -12
- data/vendor/assets/stylesheets/bootstrap/_code.scss +2 -2
- data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +3 -1
- data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +44 -27
- data/vendor/assets/stylesheets/bootstrap/_forms.scss +63 -40
- data/vendor/assets/stylesheets/bootstrap/_grid.scss +2 -5
- data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +3 -1
- data/vendor/assets/stylesheets/bootstrap/_labels.scss +9 -3
- data/vendor/assets/stylesheets/bootstrap/_mixins.scss +161 -119
- data/vendor/assets/stylesheets/bootstrap/_modals.scss +12 -5
- data/vendor/assets/stylesheets/bootstrap/_navbar.scss +62 -32
- data/vendor/assets/stylesheets/bootstrap/_navs.scss +16 -6
- data/vendor/assets/stylesheets/bootstrap/_pager.scss +5 -0
- data/vendor/assets/stylesheets/bootstrap/_pagination.scss +1 -1
- data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +15 -1
- data/vendor/assets/stylesheets/bootstrap/_reset.scss +1 -1
- data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +3 -3
- data/vendor/assets/stylesheets/bootstrap/_sprites.scss +3 -3
- data/vendor/assets/stylesheets/bootstrap/_tables.scss +11 -15
- data/vendor/assets/stylesheets/bootstrap/_type.scss +22 -5
- data/vendor/assets/stylesheets/bootstrap/_variables.scss +102 -14
- data/vendor/assets/stylesheets/bootstrap/_wells.scss +10 -0
- metadata +20 -9
- data/lib/bootstrap-sass/config/sass-ie_hex_str.rb +0 -14
@@ -9,10 +9,11 @@
|
|
9
9
|
background-color: $warningBackground;
|
10
10
|
border: 1px solid $warningBorder;
|
11
11
|
@include border-radius(4px);
|
12
|
-
}
|
13
|
-
.alert, .alert-heading {
|
14
12
|
color: $warningText;
|
15
13
|
}
|
14
|
+
.alert-heading {
|
15
|
+
color: inherit;
|
16
|
+
}
|
16
17
|
|
17
18
|
// Adjust close link position
|
18
19
|
.alert .close {
|
@@ -28,26 +29,19 @@
|
|
28
29
|
.alert-success {
|
29
30
|
background-color: $successBackground;
|
30
31
|
border-color: $successBorder;
|
31
|
-
}
|
32
|
-
.alert-success, .alert-success .alert-heading {
|
33
32
|
color: $successText;
|
34
33
|
}
|
35
34
|
.alert-danger, .alert-error {
|
36
35
|
background-color: $errorBackground;
|
37
36
|
border-color: $errorBorder;
|
38
|
-
}
|
39
|
-
.alert-danger, .alert-error, .alert-danger .alert-heading, .alert-error .alert-heading {
|
40
37
|
color: $errorText;
|
41
38
|
}
|
42
39
|
.alert-info {
|
43
40
|
background-color: $infoBackground;
|
44
41
|
border-color: $infoBorder;
|
45
|
-
}
|
46
|
-
.alert-info, .alert-info .alert-heading {
|
47
42
|
color: $infoText;
|
48
43
|
}
|
49
44
|
|
50
|
-
|
51
45
|
// Block alerts
|
52
46
|
// ------------------------
|
53
47
|
.alert-block {
|
@@ -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
|
+
@include 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%); }
|
@@ -4,12 +4,14 @@
|
|
4
4
|
.breadcrumb {
|
5
5
|
padding: 7px 14px;
|
6
6
|
margin: 0 0 $baseLineHeight;
|
7
|
+
list-style: none;
|
7
8
|
@include gradient-vertical($white, #f5f5f5);
|
8
9
|
border: 1px solid #ddd;
|
9
10
|
@include border-radius(3px);
|
10
11
|
@include box-shadow(inset 0 1px 0 $white);
|
11
12
|
li {
|
12
13
|
display: inline-block;
|
14
|
+
@include ie7-inline-block();
|
13
15
|
text-shadow: 0 1px 0 $white;
|
14
16
|
}
|
15
17
|
.divider {
|
@@ -89,8 +89,22 @@
|
|
89
89
|
padding-right: 8px;
|
90
90
|
$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);
|
91
91
|
@include box-shadow($shadow);
|
92
|
-
*padding-top:
|
93
|
-
*padding-bottom:
|
92
|
+
*padding-top: 3px;
|
93
|
+
*padding-bottom: 3px;
|
94
|
+
}
|
95
|
+
.btn-group .btn-mini.dropdown-toggle {
|
96
|
+
padding-left: 5px;
|
97
|
+
padding-right: 5px;
|
98
|
+
*padding-top: 1px;
|
99
|
+
*padding-bottom: 1px;
|
100
|
+
}
|
101
|
+
.btn-group .btn-small.dropdown-toggle {
|
102
|
+
*padding-top: 4px;
|
103
|
+
*padding-bottom: 4px;
|
104
|
+
}
|
105
|
+
.btn-group .btn-large.dropdown-toggle {
|
106
|
+
padding-left: 12px;
|
107
|
+
padding-right: 12px;
|
94
108
|
}
|
95
109
|
|
96
110
|
.btn-group.open {
|
@@ -120,17 +134,25 @@
|
|
120
134
|
.btn:hover .caret, .open.btn-group .caret {
|
121
135
|
@include opacity(1);
|
122
136
|
}
|
123
|
-
|
137
|
+
// Carets in other button sizes
|
138
|
+
.btn-mini .caret {
|
139
|
+
margin-top: 5px;
|
140
|
+
}
|
141
|
+
.btn-small .caret {
|
142
|
+
margin-top: 6px;
|
143
|
+
}
|
144
|
+
.btn-large .caret {
|
145
|
+
margin-top: 6px;
|
146
|
+
border-left: 5px solid transparent;
|
147
|
+
border-right: 5px solid transparent;
|
148
|
+
border-top: 5px solid $black;
|
149
|
+
}
|
124
150
|
|
125
151
|
// Account for other colors
|
126
|
-
.btn-primary, .btn-danger, .btn-info, .btn-success, .btn-inverse {
|
152
|
+
.btn-primary, .btn-warning, .btn-danger, .btn-info, .btn-success, .btn-inverse {
|
127
153
|
.caret {
|
128
154
|
border-top-color: $white;
|
155
|
+
border-bottom-color: $white;
|
129
156
|
@include opacity(0.75);
|
130
157
|
}
|
131
|
-
}
|
132
|
-
|
133
|
-
// Small button dropdowns
|
134
|
-
.btn-small .caret {
|
135
|
-
margin-top: 4px;
|
136
|
-
}
|
158
|
+
}
|
@@ -8,6 +8,7 @@
|
|
8
8
|
// Core
|
9
9
|
.btn {
|
10
10
|
display: inline-block;
|
11
|
+
@include ie7-inline-block();
|
11
12
|
padding: 4px 10px 4px;
|
12
13
|
margin-bottom: 0; // For input.btn
|
13
14
|
font-size: $baseFontSize;
|
@@ -16,16 +17,15 @@
|
|
16
17
|
text-align: center;
|
17
18
|
text-shadow: 0 1px 1px rgba(255,255,255,.75);
|
18
19
|
vertical-align: middle;
|
19
|
-
@include buttonBackground($
|
20
|
-
border: 1px solid
|
21
|
-
border-bottom-color:
|
20
|
+
@include buttonBackground($btnBackground, $btnBackgroundHighlight);
|
21
|
+
border: 1px solid $btnBorder;
|
22
|
+
border-bottom-color: darken($btnBorder, 10%);
|
22
23
|
@include border-radius(4px);
|
23
24
|
$shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
24
25
|
@include box-shadow($shadow);
|
25
26
|
cursor: pointer;
|
26
27
|
|
27
28
|
// Give IE7 some love
|
28
|
-
@include reset-filter();
|
29
29
|
@include ie7-restore-left-whitespace();
|
30
30
|
}
|
31
31
|
|
@@ -115,26 +115,26 @@
|
|
115
115
|
// Set the backgrounds
|
116
116
|
// -------------------------
|
117
117
|
.btn-primary {
|
118
|
-
@include buttonBackground($
|
118
|
+
@include buttonBackground($btnPrimaryBackground, $btnPrimaryBackgroundHighlight);
|
119
119
|
}
|
120
120
|
// Warning appears are orange
|
121
121
|
.btn-warning {
|
122
|
-
@include buttonBackground(
|
122
|
+
@include buttonBackground($btnWarningBackground, $btnWarningBackgroundHighlight);
|
123
123
|
}
|
124
124
|
// Danger and error appear as red
|
125
125
|
.btn-danger {
|
126
|
-
@include buttonBackground(
|
126
|
+
@include buttonBackground($btnDangerBackground, $btnDangerBackgroundHighlight);
|
127
127
|
}
|
128
128
|
// Success appears as green
|
129
129
|
.btn-success {
|
130
|
-
@include buttonBackground(
|
130
|
+
@include buttonBackground($btnSuccessBackground, $btnSuccessBackgroundHighlight);
|
131
131
|
}
|
132
132
|
// Info appears as a neutral blue
|
133
133
|
.btn-info {
|
134
|
-
@include buttonBackground(
|
134
|
+
@include buttonBackground($btnInfoBackground, $btnInfoBackgroundHighlight);
|
135
135
|
}
|
136
136
|
.btn-inverse {
|
137
|
-
@include buttonBackground(
|
137
|
+
@include buttonBackground($btnInverseBackground, $btnInverseBackgroundHighlight);
|
138
138
|
}
|
139
139
|
|
140
140
|
|
@@ -152,12 +152,16 @@ button.btn, input[type="submit"].btn {
|
|
152
152
|
// IE7 has some default padding on button controls
|
153
153
|
*padding-top: 2px;
|
154
154
|
*padding-bottom: 2px;
|
155
|
-
&.large {
|
155
|
+
&.btn-large {
|
156
156
|
*padding-top: 7px;
|
157
157
|
*padding-bottom: 7px;
|
158
158
|
}
|
159
|
-
&.small {
|
159
|
+
&.btn-small {
|
160
160
|
*padding-top: 3px;
|
161
161
|
*padding-bottom: 3px;
|
162
162
|
}
|
163
|
+
&.btn-mini {
|
164
|
+
*padding-top: 1px;
|
165
|
+
*padding-bottom: 1px;
|
166
|
+
}
|
163
167
|
}
|
@@ -13,7 +13,7 @@ code, pre {
|
|
13
13
|
|
14
14
|
// Inline code
|
15
15
|
code {
|
16
|
-
padding:
|
16
|
+
padding: 2px 4px;
|
17
17
|
color: #d14;
|
18
18
|
background-color: #f7f7f9;
|
19
19
|
border: 1px solid #e1e1e8;
|
@@ -24,7 +24,7 @@ pre {
|
|
24
24
|
display: block;
|
25
25
|
padding: ($baseLineHeight - 1) / 2;
|
26
26
|
margin: 0 0 $baseLineHeight / 2;
|
27
|
-
font-size: 12px
|
27
|
+
font-size: $baseFontSize * .925; // 13px to 12px
|
28
28
|
line-height: $baseLineHeight;
|
29
29
|
background-color: #f5f5f5;
|
30
30
|
border: 1px solid #ccc; // fallback for IE7-8
|
@@ -12,22 +12,22 @@
|
|
12
12
|
.dropdown-toggle:active, .open .dropdown-toggle {
|
13
13
|
outline: 0;
|
14
14
|
}
|
15
|
+
|
15
16
|
// Dropdown arrow/caret
|
17
|
+
// --------------------
|
16
18
|
.caret {
|
17
19
|
display: inline-block;
|
18
20
|
width: 0;
|
19
21
|
height: 0;
|
20
|
-
text-indent: -99999px;
|
21
|
-
// IE7 won't do the border trick if there's a text indent, but it doesn't
|
22
|
-
// do the content that text-indent is hiding, either, so we're ok.
|
23
|
-
*text-indent: 0;
|
24
22
|
vertical-align: top;
|
25
23
|
border-left: 4px solid transparent;
|
26
24
|
border-right: 4px solid transparent;
|
27
25
|
border-top: 4px solid $black;
|
28
26
|
@include opacity(0.3);
|
29
|
-
content: "
|
27
|
+
content: "";
|
30
28
|
}
|
29
|
+
|
30
|
+
// Place the caret
|
31
31
|
.dropdown .caret {
|
32
32
|
margin-top: 8px;
|
33
33
|
margin-left: 2px;
|
@@ -35,7 +35,9 @@
|
|
35
35
|
.dropdown:hover .caret, .open.dropdown .caret {
|
36
36
|
@include opacity(1);
|
37
37
|
}
|
38
|
+
|
38
39
|
// The dropdown menu (ul)
|
40
|
+
// ----------------------
|
39
41
|
.dropdown-menu {
|
40
42
|
position: absolute;
|
41
43
|
top: 100%;
|
@@ -44,11 +46,10 @@
|
|
44
46
|
float: left;
|
45
47
|
display: none; // none by default, but block on "open" of the menu
|
46
48
|
min-width: 160px;
|
47
|
-
_width: 160px;
|
48
49
|
padding: 4px 0;
|
49
50
|
margin: 0; // override default ul
|
50
51
|
list-style: none;
|
51
|
-
background-color: $
|
52
|
+
background-color: $dropdownBackground;
|
52
53
|
border-color: #ccc;
|
53
54
|
border-color: rgba(0,0,0,.2);
|
54
55
|
border-style: solid;
|
@@ -61,27 +62,15 @@
|
|
61
62
|
*border-right-width: 2px;
|
62
63
|
*border-bottom-width: 2px;
|
63
64
|
|
64
|
-
//
|
65
|
-
&.
|
66
|
-
|
67
|
-
|
68
|
-
margin-bottom: 2px;
|
65
|
+
// Aligns the dropdown menu to right
|
66
|
+
&.pull-right {
|
67
|
+
right: 0;
|
68
|
+
left: auto;
|
69
69
|
}
|
70
70
|
|
71
71
|
// Dividers (basically an hr) within the dropdown
|
72
72
|
.divider {
|
73
|
-
|
74
|
-
margin: 5px 1px;
|
75
|
-
overflow: hidden;
|
76
|
-
background-color: #e5e5e5;
|
77
|
-
border-bottom: 1px solid $white;
|
78
|
-
|
79
|
-
// IE7 needs a set width since we gave a height. Restricting just
|
80
|
-
// to IE7 to keep the 1px left/right space in other browsers.
|
81
|
-
// It is unclear where IE is getting the extra space that we need
|
82
|
-
// to negative-margin away, but so it goes.
|
83
|
-
*width: 100%;
|
84
|
-
*margin: -5px 0 5px;
|
73
|
+
@include nav-divider();
|
85
74
|
}
|
86
75
|
|
87
76
|
// Links within the dropdown menu
|
@@ -91,19 +80,21 @@
|
|
91
80
|
clear: both;
|
92
81
|
font-weight: normal;
|
93
82
|
line-height: $baseLineHeight;
|
94
|
-
color: $
|
83
|
+
color: $dropdownLinkColor;
|
95
84
|
white-space: nowrap;
|
96
85
|
}
|
97
86
|
}
|
98
87
|
|
99
88
|
// Hover state
|
89
|
+
// -----------
|
100
90
|
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
|
101
|
-
color: $
|
91
|
+
color: $dropdownLinkColorHover;
|
102
92
|
text-decoration: none;
|
103
|
-
background-color: $
|
93
|
+
background-color: $dropdownLinkBackgroundHover;
|
104
94
|
}
|
105
95
|
|
106
96
|
// Open state for the dropdown
|
97
|
+
// ---------------------------
|
107
98
|
.dropdown.open {
|
108
99
|
// IE7's z-index only goes to the nearest positioned ancestor, which would
|
109
100
|
// make the menu appear below buttons that appeared later on the page
|
@@ -119,7 +110,33 @@
|
|
119
110
|
}
|
120
111
|
}
|
121
112
|
|
113
|
+
// Right aligned dropdowns
|
114
|
+
.pull-right .dropdown-menu {
|
115
|
+
left: auto;
|
116
|
+
right: 0;
|
117
|
+
}
|
118
|
+
|
119
|
+
// Allow for dropdowns to go bottom up (aka, dropup-menu)
|
120
|
+
// ------------------------------------------------------
|
121
|
+
// Just add .dropup after the standard .dropdown class and you're set, bro.
|
122
|
+
// TODO: abstract this so that the navbar fixed styles are not placed here?
|
123
|
+
.dropup, .navbar-fixed-bottom .dropdown {
|
124
|
+
// Reverse the caret
|
125
|
+
.caret {
|
126
|
+
border-top: 0;
|
127
|
+
border-bottom: 4px solid $black;
|
128
|
+
content: "\2191";
|
129
|
+
}
|
130
|
+
// Different positioning for bottom up menu
|
131
|
+
.dropdown-menu {
|
132
|
+
top: auto;
|
133
|
+
bottom: 100%;
|
134
|
+
margin-bottom: 1px;
|
135
|
+
}
|
136
|
+
}
|
137
|
+
|
122
138
|
// Typeahead
|
139
|
+
// ---------
|
123
140
|
.typeahead {
|
124
141
|
margin-top: 2px; // give it some space to breathe
|
125
142
|
@include border-radius(4px);
|
@@ -42,7 +42,7 @@ label, input, button, select, textarea {
|
|
42
42
|
}
|
43
43
|
|
44
44
|
input, button, select, textarea {
|
45
|
-
|
45
|
+
font-family: $baseFontFamily; // And only set font-family here for those that need it (note the missing label element)
|
46
46
|
}
|
47
47
|
|
48
48
|
// Identify controls by their labels
|
@@ -62,7 +62,7 @@ input, textarea, select, .uneditable-input {
|
|
62
62
|
font-size: $baseFontSize;
|
63
63
|
line-height: $baseLineHeight;
|
64
64
|
color: $gray;
|
65
|
-
border: 1px solid
|
65
|
+
border: 1px solid $inputBorder;
|
66
66
|
@include border-radius(3px);
|
67
67
|
}
|
68
68
|
.uneditable-textarea {
|
@@ -97,7 +97,7 @@ input[type="file"] {
|
|
97
97
|
padding: initial;
|
98
98
|
line-height: initial;
|
99
99
|
border: initial;
|
100
|
-
background-color: $
|
100
|
+
background-color: $inputBackground;
|
101
101
|
background-color: initial;
|
102
102
|
@include box-shadow(none);
|
103
103
|
}
|
@@ -123,7 +123,7 @@ input[type="file"] {
|
|
123
123
|
// Chrome on Linux and Mobile Safari need background-color
|
124
124
|
select {
|
125
125
|
width: 220px; // default input width + 10px of padding that doesn't get applied
|
126
|
-
background-color: $
|
126
|
+
background-color: $inputBackground;
|
127
127
|
}
|
128
128
|
|
129
129
|
// Make multiple select elements height not fixed
|
@@ -223,7 +223,7 @@ input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditabl
|
|
223
223
|
// GRID SIZING FOR INPUTS
|
224
224
|
// ----------------------
|
225
225
|
|
226
|
-
@include
|
226
|
+
@include gridInput($gridColumnWidth, $gridGutterWidth);
|
227
227
|
|
228
228
|
|
229
229
|
|
@@ -233,7 +233,7 @@ input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditabl
|
|
233
233
|
|
234
234
|
// Disabled and read-only inputs
|
235
235
|
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
|
236
|
-
background-color:
|
236
|
+
background-color: $inputDisabledBackground;
|
237
237
|
border-color: #ddd;
|
238
238
|
cursor: not-allowed;
|
239
239
|
}
|
@@ -277,14 +277,15 @@ input:focus:required:invalid, textarea:focus:required:invalid, select:focus:requ
|
|
277
277
|
padding: ($baseLineHeight - 1) 20px $baseLineHeight;
|
278
278
|
margin-top: $baseLineHeight;
|
279
279
|
margin-bottom: $baseLineHeight;
|
280
|
-
background-color:
|
280
|
+
background-color: $grayLighter;
|
281
281
|
border-top: 1px solid #ddd;
|
282
|
+
@include clearfix(); // Adding clearfix to allow for .pull-right button containers
|
282
283
|
}
|
283
284
|
|
284
285
|
// For text that needs to appear as an input but should not be an input
|
285
286
|
.uneditable-input {
|
286
287
|
display: block;
|
287
|
-
background-color: $
|
288
|
+
background-color: $inputBackground;
|
288
289
|
border-color: #eee;
|
289
290
|
@include box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
|
290
291
|
cursor: not-allowed;
|
@@ -298,17 +299,18 @@ input:focus:required:invalid, textarea:focus:required:invalid, select:focus:requ
|
|
298
299
|
// HELP TEXT
|
299
300
|
// ---------
|
300
301
|
|
302
|
+
.help-block, .help-inline {
|
303
|
+
color: $gray; // lighten the text for some contrast
|
304
|
+
}
|
305
|
+
|
301
306
|
.help-block {
|
302
307
|
display: block; // account for any element using help-block
|
303
|
-
margin-
|
304
|
-
margin-bottom: 0;
|
305
|
-
color: $grayLight;
|
308
|
+
margin-bottom: $baseLineHeight / 2;
|
306
309
|
}
|
307
310
|
|
308
311
|
.help-inline {
|
309
312
|
display: inline-block;
|
310
313
|
@include ie7-inline-block();
|
311
|
-
margin-bottom: 9px;
|
312
314
|
vertical-align: middle;
|
313
315
|
padding-left: 5px;
|
314
316
|
}
|
@@ -321,8 +323,8 @@ input:focus:required:invalid, textarea:focus:required:invalid, select:focus:requ
|
|
321
323
|
// Allow us to put symbols and text within the input field for a cleaner look
|
322
324
|
.input-prepend, .input-append {
|
323
325
|
margin-bottom: 5px;
|
324
|
-
|
325
|
-
|
326
|
+
input, select, .uneditable-input {
|
327
|
+
*margin-left: 0;
|
326
328
|
@include border-radius(0 3px 3px 0);
|
327
329
|
&:focus {
|
328
330
|
position: relative;
|
@@ -334,20 +336,20 @@ input:focus:required:invalid, textarea:focus:required:invalid, select:focus:requ
|
|
334
336
|
border-right-color: #ccc;
|
335
337
|
}
|
336
338
|
.add-on {
|
337
|
-
|
338
|
-
display: block;
|
339
|
+
display: inline-block;
|
339
340
|
width: auto;
|
340
341
|
min-width: 16px;
|
341
342
|
height: $baseLineHeight;
|
342
|
-
margin-right: -1px;
|
343
343
|
padding: 4px 5px;
|
344
344
|
font-weight: normal;
|
345
345
|
line-height: $baseLineHeight;
|
346
|
-
color: $grayLight;
|
347
346
|
text-align: center;
|
348
347
|
text-shadow: 0 1px 0 $white;
|
349
|
-
|
348
|
+
vertical-align: middle;
|
349
|
+
background-color: $grayLighter;
|
350
350
|
border: 1px solid #ccc;
|
351
|
+
}
|
352
|
+
.add-on, .btn {
|
351
353
|
@include border-radius(3px 0 0 3px);
|
352
354
|
}
|
353
355
|
.active {
|
@@ -356,31 +358,34 @@ input:focus:required:invalid, textarea:focus:required:invalid, select:focus:requ
|
|
356
358
|
}
|
357
359
|
}
|
358
360
|
.input-prepend {
|
359
|
-
.add-on {
|
360
|
-
|
361
|
+
.add-on, .btn {
|
362
|
+
margin-right: -1px;
|
361
363
|
}
|
362
364
|
}
|
363
365
|
.input-append {
|
364
|
-
input, .uneditable-input {
|
365
|
-
float: left;
|
366
|
+
input, select, .uneditable-input {
|
366
367
|
@include border-radius(3px 0 0 3px);
|
367
368
|
}
|
368
369
|
.uneditable-input {
|
369
370
|
border-right-color: #ccc;
|
370
371
|
}
|
371
|
-
.add-on {
|
372
|
-
margin-right: 0;
|
372
|
+
.add-on, .btn {
|
373
373
|
margin-left: -1px;
|
374
374
|
@include border-radius(0 3px 3px 0);
|
375
375
|
}
|
376
|
-
|
377
|
-
|
378
|
-
|
379
|
-
|
380
|
-
|
381
|
-
|
382
|
-
|
383
|
-
|
376
|
+
}
|
377
|
+
// Remove all border-radius for inputs with both prepend and append
|
378
|
+
.input-prepend.input-append {
|
379
|
+
input, select, .uneditable-input {
|
380
|
+
@include border-radius(0);
|
381
|
+
}
|
382
|
+
.add-on:first-child, .btn:first-child {
|
383
|
+
margin-right: -1px;
|
384
|
+
@include border-radius(3px 0 0 3px);
|
385
|
+
}
|
386
|
+
.add-on:last-child, .btn:last-child {
|
387
|
+
margin-left: -1px;
|
388
|
+
@include border-radius(0 3px 3px 0);
|
384
389
|
}
|
385
390
|
}
|
386
391
|
|
@@ -405,25 +410,34 @@ input:focus:required:invalid, textarea:focus:required:invalid, select:focus:requ
|
|
405
410
|
// -----------------
|
406
411
|
|
407
412
|
.form-search, .form-inline, .form-horizontal {
|
408
|
-
input, textarea, select, .help-inline, .uneditable-input {
|
413
|
+
input, textarea, select, .help-inline, .uneditable-input, .input-prepend, .input-append {
|
409
414
|
display: inline-block;
|
410
415
|
margin-bottom: 0;
|
411
416
|
}
|
412
417
|
// Re-hide elemnts due to specifity
|
413
418
|
.hide { display: none; }
|
414
419
|
}
|
415
|
-
.form-search label, .form-inline label
|
420
|
+
.form-search label, .form-inline label {
|
416
421
|
display: inline-block;
|
417
422
|
}
|
418
|
-
//
|
419
|
-
.form-search .input-append
|
420
|
-
|
423
|
+
// Remove margin for input-prepend/-append
|
424
|
+
.form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend {
|
425
|
+
margin-bottom: 0;
|
421
426
|
}
|
422
|
-
// Inline checkbox/radio labels
|
423
|
-
.form-search .radio, .form-
|
427
|
+
// Inline checkbox/radio labels (remove padding on left)
|
428
|
+
.form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox {
|
429
|
+
padding-left: 0;
|
424
430
|
margin-bottom: 0;
|
425
431
|
vertical-align: middle;
|
426
432
|
}
|
433
|
+
// Remove float and margin, set to inline-block
|
434
|
+
.form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
|
435
|
+
float: left;
|
436
|
+
margin-left: 0;
|
437
|
+
margin-right: 3px;
|
438
|
+
}
|
439
|
+
|
440
|
+
|
427
441
|
|
428
442
|
// Margin to space out fieldsets
|
429
443
|
.control-group {
|
@@ -455,6 +469,15 @@ legend + .control-group {
|
|
455
469
|
// Move over all input controls and content
|
456
470
|
.controls {
|
457
471
|
margin-left: 160px;
|
472
|
+
/* Super jank IE7 fix to ensure the inputs in .input-append and input-prepend don't inherit the margin of the parent, in this case .controls */
|
473
|
+
*display: inline-block;
|
474
|
+
*margin-left: 0;
|
475
|
+
*padding-left: 20px;
|
476
|
+
}
|
477
|
+
// Remove bottom margin on block level help text since that's accounted for on .control-group
|
478
|
+
.help-block {
|
479
|
+
margin-top: $baseLineHeight / 2;
|
480
|
+
margin-bottom: 0;
|
458
481
|
}
|
459
482
|
// Move over buttons in .form-actions to align with .controls
|
460
483
|
.form-actions {
|