bootstrap-sass-rails 3.0.0.3 → 3.1.0.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 +1 -1
- data/README.md +24 -113
- data/app/assets/javascripts/twitter/bootstrap/affix.js +1 -126
- data/app/assets/javascripts/twitter/bootstrap/alert.js +1 -98
- data/app/assets/javascripts/twitter/bootstrap/button.js +1 -109
- data/app/assets/javascripts/twitter/bootstrap/carousel.js +1 -217
- data/app/assets/javascripts/twitter/bootstrap/collapse.js +1 -179
- data/app/assets/javascripts/twitter/bootstrap/dropdown.js +1 -154
- data/app/assets/javascripts/twitter/bootstrap/modal.js +1 -246
- data/app/assets/javascripts/twitter/bootstrap/popover.js +1 -117
- data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +1 -158
- data/app/assets/javascripts/twitter/bootstrap/tab.js +1 -135
- data/app/assets/javascripts/twitter/bootstrap/tooltip.js +1 -386
- data/app/assets/javascripts/twitter/bootstrap/transition.js +1 -56
- data/app/assets/javascripts/twitter/bootstrap.js +1 -12
- data/app/assets/stylesheets/twitter/bootstrap/_alerts.scss +1 -67
- data/app/assets/stylesheets/twitter/bootstrap/_badges.scss +1 -51
- data/app/assets/stylesheets/twitter/bootstrap/_breadcrumbs.scss +1 -23
- data/app/assets/stylesheets/twitter/bootstrap/_button-groups.scss +1 -248
- data/app/assets/stylesheets/twitter/bootstrap/_buttons.scss +1 -160
- data/app/assets/stylesheets/twitter/bootstrap/_carousel.scss +1 -209
- data/app/assets/stylesheets/twitter/bootstrap/_close.scss +1 -33
- data/app/assets/stylesheets/twitter/bootstrap/_code.scss +1 -56
- data/app/assets/stylesheets/twitter/bootstrap/_component-animations.scss +1 -29
- data/app/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +1 -193
- data/app/assets/stylesheets/twitter/bootstrap/_forms.scss +1 -350
- data/app/assets/stylesheets/twitter/bootstrap/_glyphicons.scss +1 -232
- data/app/assets/stylesheets/twitter/bootstrap/_grid.scss +1 -346
- data/app/assets/stylesheets/twitter/bootstrap/_input-groups.scss +1 -127
- data/app/assets/stylesheets/twitter/bootstrap/_jumbotron.scss +1 -40
- data/app/assets/stylesheets/twitter/bootstrap/_labels.scss +1 -58
- data/app/assets/stylesheets/twitter/bootstrap/_list-group.scss +1 -89
- data/app/assets/stylesheets/twitter/bootstrap/_media.scss +1 -56
- data/app/assets/stylesheets/twitter/bootstrap/_mixins.scss +1 -736
- data/app/assets/stylesheets/twitter/bootstrap/_modals.scss +1 -145
- data/app/assets/stylesheets/twitter/bootstrap/_navbar.scss +1 -625
- data/app/assets/stylesheets/twitter/bootstrap/_navs.scss +1 -229
- data/app/assets/stylesheets/twitter/bootstrap/_normalize.scss +1 -396
- data/app/assets/stylesheets/twitter/bootstrap/_pager.scss +1 -55
- data/app/assets/stylesheets/twitter/bootstrap/_pagination.scss +1 -83
- data/app/assets/stylesheets/twitter/bootstrap/_panels.scss +1 -148
- data/app/assets/stylesheets/twitter/bootstrap/_popovers.scss +1 -133
- data/app/assets/stylesheets/twitter/bootstrap/_print.scss +1 -100
- data/app/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +1 -95
- data/app/assets/stylesheets/twitter/bootstrap/_responsive-utilities.scss +1 -209
- data/app/assets/stylesheets/twitter/bootstrap/_scaffolding.scss +1 -130
- data/app/assets/stylesheets/twitter/bootstrap/_tables.scss +1 -236
- data/app/assets/stylesheets/twitter/bootstrap/_theme.scss +1 -232
- data/app/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +1 -31
- data/app/assets/stylesheets/twitter/bootstrap/_tooltip.scss +1 -95
- data/app/assets/stylesheets/twitter/bootstrap/_type.scss +1 -238
- data/app/assets/stylesheets/twitter/bootstrap/_utilities.scss +1 -42
- data/app/assets/stylesheets/twitter/bootstrap/_variables.scss +1 -620
- data/app/assets/stylesheets/twitter/bootstrap/_wells.scss +1 -29
- data/app/assets/stylesheets/twitter/bootstrap.css.scss +1 -59
- data/lib/bootstrap/sass/rails/engine.rb +4 -1
- data/lib/bootstrap/sass/rails/version.rb +2 -1
- data/lib/bootstrap-sass-rails.rb +1 -1
- data/lib/generators/bootstrap/customize_generator.rb +37 -0
- data/lib/generators/bootstrap/templates/USAGE +23 -0
- data/lib/generators/bootstrap/templates/bootstrap-custom.css.scss +18 -0
- data/lib/generators/bootstrap/templates/bootstrap-custom.js +3 -0
- data/test/cases/less_to_sass_spec.rb +1 -1
- data/test/cases/usage_css_spec.rb +0 -3
- metadata +60 -18
- checksums.yaml +0 -15
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.eot +0 -0
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.svg +0 -228
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.ttf +0 -0
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.woff +0 -0
- data/lib/bootstrap/sass/extensions/functions.rb +0 -15
- data/lib/bootstrap/sass/extensions.rb +0 -5
@@ -1,29 +1 @@
|
|
1
|
-
|
2
|
-
// Component animations
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
// Heads up!
|
6
|
-
//
|
7
|
-
// We don't use the `.opacity()` mixin here since it causes a bug with text
|
8
|
-
// fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552.
|
9
|
-
|
10
|
-
.fade {
|
11
|
-
opacity: 0;
|
12
|
-
@include transition(opacity .15s linear);
|
13
|
-
&.in {
|
14
|
-
opacity: 1;
|
15
|
-
}
|
16
|
-
}
|
17
|
-
|
18
|
-
.collapse {
|
19
|
-
display: none;
|
20
|
-
&.in {
|
21
|
-
display: block;
|
22
|
-
}
|
23
|
-
}
|
24
|
-
.collapsing {
|
25
|
-
position: relative;
|
26
|
-
height: 0;
|
27
|
-
overflow: hidden;
|
28
|
-
@include transition(height .35s ease);
|
29
|
-
}
|
1
|
+
@import "bootstrap/component-animations";
|
@@ -1,193 +1 @@
|
|
1
|
-
|
2
|
-
// Dropdown menus
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
// Dropdown arrow/caret
|
7
|
-
.caret {
|
8
|
-
display: inline-block;
|
9
|
-
width: 0;
|
10
|
-
height: 0;
|
11
|
-
margin-left: 2px;
|
12
|
-
vertical-align: middle;
|
13
|
-
border-top: $caret-width-base solid $dropdown-caret-color;
|
14
|
-
border-right: $caret-width-base solid transparent;
|
15
|
-
border-left: $caret-width-base solid transparent;
|
16
|
-
// Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once fixed,
|
17
|
-
// we can just straight up remove this.
|
18
|
-
border-bottom: 0 dotted;
|
19
|
-
content: "";
|
20
|
-
}
|
21
|
-
|
22
|
-
// The dropdown wrapper (div)
|
23
|
-
.dropdown {
|
24
|
-
position: relative;
|
25
|
-
}
|
26
|
-
|
27
|
-
// Prevent the focus on the dropdown toggle when closing dropdowns
|
28
|
-
.dropdown-toggle:focus {
|
29
|
-
outline: 0;
|
30
|
-
}
|
31
|
-
|
32
|
-
// The dropdown menu (ul)
|
33
|
-
.dropdown-menu {
|
34
|
-
position: absolute;
|
35
|
-
top: 100%;
|
36
|
-
left: 0;
|
37
|
-
z-index: $zindex-dropdown;
|
38
|
-
display: none; // none by default, but block on "open" of the menu
|
39
|
-
float: left;
|
40
|
-
min-width: 160px;
|
41
|
-
padding: 5px 0;
|
42
|
-
margin: 2px 0 0; // override default ul
|
43
|
-
list-style: none;
|
44
|
-
font-size: $font-size-base;
|
45
|
-
background-color: $dropdown-bg;
|
46
|
-
border: 1px solid $dropdown-fallback-border; // IE8 fallback
|
47
|
-
border: 1px solid $dropdown-border;
|
48
|
-
border-radius: $border-radius-base;
|
49
|
-
@include box-shadow(0 6px 12px rgba(0,0,0,.175));
|
50
|
-
background-clip: padding-box;
|
51
|
-
|
52
|
-
// Aligns the dropdown menu to right
|
53
|
-
&.pull-right {
|
54
|
-
right: 0;
|
55
|
-
left: auto;
|
56
|
-
}
|
57
|
-
|
58
|
-
// Dividers (basically an hr) within the dropdown
|
59
|
-
.divider {
|
60
|
-
@include nav-divider($dropdown-divider-bg);
|
61
|
-
}
|
62
|
-
|
63
|
-
// Links within the dropdown menu
|
64
|
-
> li > a {
|
65
|
-
display: block;
|
66
|
-
padding: 3px 20px;
|
67
|
-
clear: both;
|
68
|
-
font-weight: normal;
|
69
|
-
line-height: $line-height-base;
|
70
|
-
color: $dropdown-link-color;
|
71
|
-
white-space: nowrap; // prevent links from randomly breaking onto new lines
|
72
|
-
}
|
73
|
-
}
|
74
|
-
|
75
|
-
// Hover/Focus state
|
76
|
-
.dropdown-menu > li > a {
|
77
|
-
&:hover,
|
78
|
-
&:focus {
|
79
|
-
text-decoration: none;
|
80
|
-
color: $dropdown-link-hover-color;
|
81
|
-
background-color: $dropdown-link-hover-bg;
|
82
|
-
}
|
83
|
-
}
|
84
|
-
|
85
|
-
// Active state
|
86
|
-
.dropdown-menu > .active > a {
|
87
|
-
&,
|
88
|
-
&:hover,
|
89
|
-
&:focus {
|
90
|
-
color: $dropdown-link-active-color;
|
91
|
-
text-decoration: none;
|
92
|
-
outline: 0;
|
93
|
-
background-color: $dropdown-link-active-bg;
|
94
|
-
}
|
95
|
-
}
|
96
|
-
|
97
|
-
// Disabled state
|
98
|
-
//
|
99
|
-
// Gray out text and ensure the hover/focus state remains gray
|
100
|
-
|
101
|
-
.dropdown-menu > .disabled > a {
|
102
|
-
&,
|
103
|
-
&:hover,
|
104
|
-
&:focus {
|
105
|
-
color: $dropdown-link-disabled-color;
|
106
|
-
}
|
107
|
-
}
|
108
|
-
// Nuke hover/focus effects
|
109
|
-
.dropdown-menu > .disabled > a {
|
110
|
-
&:hover,
|
111
|
-
&:focus {
|
112
|
-
text-decoration: none;
|
113
|
-
background-color: transparent;
|
114
|
-
background-image: none; // Remove CSS gradient
|
115
|
-
@include reset-filter();
|
116
|
-
cursor: not-allowed;
|
117
|
-
}
|
118
|
-
}
|
119
|
-
|
120
|
-
// Open state for the dropdown
|
121
|
-
.open {
|
122
|
-
// Show the menu
|
123
|
-
> .dropdown-menu {
|
124
|
-
display: block;
|
125
|
-
}
|
126
|
-
|
127
|
-
// Remove the outline when :focus is triggered
|
128
|
-
> a {
|
129
|
-
outline: 0;
|
130
|
-
}
|
131
|
-
}
|
132
|
-
|
133
|
-
// Dropdown section headers
|
134
|
-
.dropdown-header {
|
135
|
-
display: block;
|
136
|
-
padding: 3px 20px;
|
137
|
-
font-size: $font-size-small;
|
138
|
-
line-height: $line-height-base;
|
139
|
-
color: $dropdown-header-color;
|
140
|
-
}
|
141
|
-
|
142
|
-
// Backdrop to catch body clicks on mobile, etc.
|
143
|
-
.dropdown-backdrop {
|
144
|
-
position: fixed;
|
145
|
-
left: 0;
|
146
|
-
right: 0;
|
147
|
-
bottom: 0;
|
148
|
-
top: 0;
|
149
|
-
z-index: $zindex-dropdown - 10;
|
150
|
-
}
|
151
|
-
|
152
|
-
// Right aligned dropdowns
|
153
|
-
.pull-right > .dropdown-menu {
|
154
|
-
right: 0;
|
155
|
-
left: auto;
|
156
|
-
}
|
157
|
-
|
158
|
-
// Allow for dropdowns to go bottom up (aka, dropup-menu)
|
159
|
-
//
|
160
|
-
// Just add .dropup after the standard .dropdown class and you're set, bro.
|
161
|
-
// TODO: abstract this so that the navbar fixed styles are not placed here?
|
162
|
-
|
163
|
-
.dropup,
|
164
|
-
.navbar-fixed-bottom .dropdown {
|
165
|
-
// Reverse the caret
|
166
|
-
.caret {
|
167
|
-
// Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once this
|
168
|
-
// gets fixed, restore `border-top: 0;`.
|
169
|
-
border-top: 0 dotted;
|
170
|
-
border-bottom: 4px solid $dropdown-caret-color;
|
171
|
-
content: "";
|
172
|
-
}
|
173
|
-
// Different positioning for bottom up menu
|
174
|
-
.dropdown-menu {
|
175
|
-
top: auto;
|
176
|
-
bottom: 100%;
|
177
|
-
margin-bottom: 1px;
|
178
|
-
}
|
179
|
-
}
|
180
|
-
|
181
|
-
|
182
|
-
// Component alignment
|
183
|
-
//
|
184
|
-
// Reiterate per navbar.less and the modified component alignment there.
|
185
|
-
|
186
|
-
@media (min-width: $grid-float-breakpoint) {
|
187
|
-
.navbar-right {
|
188
|
-
.dropdown-menu {
|
189
|
-
right: 0;
|
190
|
-
left: auto;
|
191
|
-
}
|
192
|
-
}
|
193
|
-
}
|
1
|
+
@import "bootstrap/dropdowns";
|
@@ -1,350 +1 @@
|
|
1
|
-
|
2
|
-
// Forms
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
// Normalize non-controls
|
7
|
-
//
|
8
|
-
// Restyle and baseline non-control form elements.
|
9
|
-
|
10
|
-
fieldset {
|
11
|
-
padding: 0;
|
12
|
-
margin: 0;
|
13
|
-
border: 0;
|
14
|
-
}
|
15
|
-
|
16
|
-
legend {
|
17
|
-
display: block;
|
18
|
-
width: 100%;
|
19
|
-
padding: 0;
|
20
|
-
margin-bottom: $line-height-computed;
|
21
|
-
font-size: ($font-size-base * 1.5);
|
22
|
-
line-height: inherit;
|
23
|
-
color: $legend-color;
|
24
|
-
border: 0;
|
25
|
-
border-bottom: 1px solid $legend-border-color;
|
26
|
-
}
|
27
|
-
|
28
|
-
label {
|
29
|
-
display: inline-block;
|
30
|
-
margin-bottom: 5px;
|
31
|
-
font-weight: bold;
|
32
|
-
}
|
33
|
-
|
34
|
-
|
35
|
-
// Normalize form controls
|
36
|
-
|
37
|
-
// Override content-box in Normalize (* isn't specific enough)
|
38
|
-
input[type="search"] {
|
39
|
-
@include box-sizing(border-box);
|
40
|
-
}
|
41
|
-
|
42
|
-
// Position radios and checkboxes better
|
43
|
-
input[type="radio"],
|
44
|
-
input[type="checkbox"] {
|
45
|
-
margin: 4px 0 0;
|
46
|
-
margin-top: 1px \9; /* IE8-9 */
|
47
|
-
line-height: normal;
|
48
|
-
}
|
49
|
-
|
50
|
-
// Set the height of select and file controls to match text inputs
|
51
|
-
input[type="file"] {
|
52
|
-
display: block;
|
53
|
-
}
|
54
|
-
|
55
|
-
// Make multiple select elements height not fixed
|
56
|
-
select[multiple],
|
57
|
-
select[size] {
|
58
|
-
height: auto;
|
59
|
-
}
|
60
|
-
|
61
|
-
// Fix optgroup Firefox bug per https://github.com/twbs/bootstrap/issues/7611
|
62
|
-
select optgroup {
|
63
|
-
font-size: inherit;
|
64
|
-
font-style: inherit;
|
65
|
-
font-family: inherit;
|
66
|
-
}
|
67
|
-
|
68
|
-
// Focus for select, file, radio, and checkbox
|
69
|
-
input[type="file"]:focus,
|
70
|
-
input[type="radio"]:focus,
|
71
|
-
input[type="checkbox"]:focus {
|
72
|
-
@include tab-focus();
|
73
|
-
}
|
74
|
-
|
75
|
-
// Fix for Chrome number input
|
76
|
-
// Setting certain font-sizes causes the `I` bar to appear on hover of the bottom increment button.
|
77
|
-
// See https://github.com/twbs/bootstrap/issues/8350 for more.
|
78
|
-
input[type="number"] {
|
79
|
-
&::-webkit-outer-spin-button,
|
80
|
-
&::-webkit-inner-spin-button {
|
81
|
-
height: auto;
|
82
|
-
}
|
83
|
-
}
|
84
|
-
|
85
|
-
|
86
|
-
// Placeholder
|
87
|
-
//
|
88
|
-
// Placeholder text gets special styles because when browsers invalidate entire
|
89
|
-
// lines if it doesn't understand a selector/
|
90
|
-
.form-control {
|
91
|
-
@include placeholder();
|
92
|
-
}
|
93
|
-
|
94
|
-
|
95
|
-
// Common form controls
|
96
|
-
//
|
97
|
-
// Shared size and type resets for form controls. Apply `.form-control` to any
|
98
|
-
// of the following form controls:
|
99
|
-
//
|
100
|
-
// select
|
101
|
-
// textarea
|
102
|
-
// input[type="text"]
|
103
|
-
// input[type="password"]
|
104
|
-
// input[type="datetime"]
|
105
|
-
// input[type="datetime-local"]
|
106
|
-
// input[type="date"]
|
107
|
-
// input[type="month"]
|
108
|
-
// input[type="time"]
|
109
|
-
// input[type="week"]
|
110
|
-
// input[type="number"]
|
111
|
-
// input[type="email"]
|
112
|
-
// input[type="url"]
|
113
|
-
// input[type="search"]
|
114
|
-
// input[type="tel"]
|
115
|
-
// input[type="color"]
|
116
|
-
|
117
|
-
.form-control {
|
118
|
-
display: block;
|
119
|
-
width: 100%;
|
120
|
-
height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
|
121
|
-
padding: $padding-base-vertical $padding-base-horizontal;
|
122
|
-
font-size: $font-size-base;
|
123
|
-
line-height: $line-height-base;
|
124
|
-
color: $input-color;
|
125
|
-
vertical-align: middle;
|
126
|
-
background-color: $input-bg;
|
127
|
-
border: 1px solid $input-border;
|
128
|
-
border-radius: $input-border-radius;
|
129
|
-
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
|
130
|
-
@include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s);
|
131
|
-
|
132
|
-
// Customize the `:focus` state to imitate native WebKit styles.
|
133
|
-
@include form-control-focus();
|
134
|
-
|
135
|
-
// Disabled and read-only inputs
|
136
|
-
// Note: HTML5 says that controls under a fieldset > legend:first-child won't
|
137
|
-
// be disabled if the fieldset is disabled. Due to implementation difficulty,
|
138
|
-
// we don't honor that edge case; we style them as disabled anyway.
|
139
|
-
&[disabled],
|
140
|
-
&[readonly],
|
141
|
-
fieldset[disabled] & {
|
142
|
-
cursor: not-allowed;
|
143
|
-
background-color: $input-bg-disabled;
|
144
|
-
}
|
145
|
-
}
|
146
|
-
|
147
|
-
// Reset height for `textarea`s
|
148
|
-
textarea.form-control {
|
149
|
-
height: auto;
|
150
|
-
}
|
151
|
-
|
152
|
-
|
153
|
-
// Form groups
|
154
|
-
//
|
155
|
-
// Designed to help with the organization and spacing of vertical forms. For
|
156
|
-
// horizontal forms, use the predefined grid classes.
|
157
|
-
|
158
|
-
.form-group {
|
159
|
-
margin-bottom: 15px;
|
160
|
-
}
|
161
|
-
|
162
|
-
|
163
|
-
// Checkboxes and radios
|
164
|
-
//
|
165
|
-
// Indent the labels to position radios/checkboxes as hanging controls.
|
166
|
-
|
167
|
-
.radio,
|
168
|
-
.checkbox {
|
169
|
-
display: block;
|
170
|
-
min-height: $line-height-computed; // clear the floating input if there is no label text
|
171
|
-
margin-top: 10px;
|
172
|
-
margin-bottom: 10px;
|
173
|
-
padding-left: 20px;
|
174
|
-
vertical-align: middle;
|
175
|
-
label {
|
176
|
-
display: inline;
|
177
|
-
margin-bottom: 0;
|
178
|
-
font-weight: normal;
|
179
|
-
cursor: pointer;
|
180
|
-
}
|
181
|
-
}
|
182
|
-
.radio input[type="radio"],
|
183
|
-
.radio-inline input[type="radio"],
|
184
|
-
.checkbox input[type="checkbox"],
|
185
|
-
.checkbox-inline input[type="checkbox"] {
|
186
|
-
float: left;
|
187
|
-
margin-left: -20px;
|
188
|
-
}
|
189
|
-
.radio + .radio,
|
190
|
-
.checkbox + .checkbox {
|
191
|
-
margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing
|
192
|
-
}
|
193
|
-
|
194
|
-
// Radios and checkboxes on same line
|
195
|
-
.radio-inline,
|
196
|
-
.checkbox-inline {
|
197
|
-
display: inline-block;
|
198
|
-
padding-left: 20px;
|
199
|
-
margin-bottom: 0;
|
200
|
-
vertical-align: middle;
|
201
|
-
font-weight: normal;
|
202
|
-
cursor: pointer;
|
203
|
-
}
|
204
|
-
.radio-inline + .radio-inline,
|
205
|
-
.checkbox-inline + .checkbox-inline {
|
206
|
-
margin-top: 0;
|
207
|
-
margin-left: 10px; // space out consecutive inline controls
|
208
|
-
}
|
209
|
-
|
210
|
-
// Apply same disabled cursor tweak as for inputs
|
211
|
-
//
|
212
|
-
// Note: Neither radios nor checkboxes can be readonly.
|
213
|
-
input[type="radio"],
|
214
|
-
input[type="checkbox"],
|
215
|
-
.radio,
|
216
|
-
.radio-inline,
|
217
|
-
.checkbox,
|
218
|
-
.checkbox-inline {
|
219
|
-
&[disabled],
|
220
|
-
fieldset[disabled] & {
|
221
|
-
cursor: not-allowed;
|
222
|
-
}
|
223
|
-
}
|
224
|
-
|
225
|
-
// Form control sizing
|
226
|
-
|
227
|
-
@include input-size('.input-sm', $input-height-small, $padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
|
228
|
-
|
229
|
-
@include input-size('.input-lg', $input-height-large, $padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large);
|
230
|
-
|
231
|
-
|
232
|
-
// Form control feedback states
|
233
|
-
//
|
234
|
-
// Apply contextual and semantic states to individual form controls.
|
235
|
-
|
236
|
-
// Warning
|
237
|
-
.has-warning {
|
238
|
-
@include form-control-validation($state-warning-text, $state-warning-text, $state-warning-bg);
|
239
|
-
}
|
240
|
-
// Error
|
241
|
-
.has-error {
|
242
|
-
@include form-control-validation($state-danger-text, $state-danger-text, $state-danger-bg);
|
243
|
-
}
|
244
|
-
// Success
|
245
|
-
.has-success {
|
246
|
-
@include form-control-validation($state-success-text, $state-success-text, $state-success-bg);
|
247
|
-
}
|
248
|
-
|
249
|
-
|
250
|
-
// Static form control text
|
251
|
-
//
|
252
|
-
// Apply class to a `p` element to make any string of text align with labels in
|
253
|
-
// a horizontal form layout.
|
254
|
-
|
255
|
-
.form-control-static {
|
256
|
-
margin-bottom: 0; // Remove default margin from `p`
|
257
|
-
padding-top: ($padding-base-vertical + 1);
|
258
|
-
}
|
259
|
-
|
260
|
-
|
261
|
-
// Help text
|
262
|
-
//
|
263
|
-
// Apply to any element you wish to create light text for placement immediately
|
264
|
-
// below a form control. Use for general help, formatting, or instructional text.
|
265
|
-
|
266
|
-
.help-block {
|
267
|
-
display: block; // account for any element using help-block
|
268
|
-
margin-top: 5px;
|
269
|
-
margin-bottom: 10px;
|
270
|
-
color: lighten($text-color, 25%); // lighten the text some for contrast
|
271
|
-
}
|
272
|
-
|
273
|
-
|
274
|
-
|
275
|
-
// Inline forms
|
276
|
-
//
|
277
|
-
// Make forms appear inline(-block) by adding the `.form-inline` class. Inline
|
278
|
-
// forms begin stacked on extra small (mobile) devices and then go inline when
|
279
|
-
// viewports reach <768px.
|
280
|
-
//
|
281
|
-
// Requires wrapping inputs and labels with `.form-group` for proper display of
|
282
|
-
// default HTML form controls and our custom form controls (e.g., input groups).
|
283
|
-
//
|
284
|
-
// Heads up! This is mixin-ed into `.navbar-form` in navbars.less.
|
285
|
-
|
286
|
-
.form-inline {
|
287
|
-
|
288
|
-
// Kick in the inline
|
289
|
-
@media (min-width: $screen-tablet) {
|
290
|
-
// Inline-block all the things for "inline"
|
291
|
-
.form-group {
|
292
|
-
display: inline-block;
|
293
|
-
margin-bottom: 0;
|
294
|
-
vertical-align: middle;
|
295
|
-
}
|
296
|
-
|
297
|
-
// In navbar-form, allow folks to *not* use `.form-group`
|
298
|
-
.form-control {
|
299
|
-
display: inline-block;
|
300
|
-
}
|
301
|
-
|
302
|
-
// Remove default margin on radios/checkboxes that were used for stacking, and
|
303
|
-
// then undo the floating of radios and checkboxes to match (which also avoids
|
304
|
-
// a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
|
305
|
-
.radio,
|
306
|
-
.checkbox {
|
307
|
-
display: inline-block;
|
308
|
-
margin-top: 0;
|
309
|
-
margin-bottom: 0;
|
310
|
-
padding-left: 0;
|
311
|
-
}
|
312
|
-
.radio input[type="radio"],
|
313
|
-
.checkbox input[type="checkbox"] {
|
314
|
-
float: none;
|
315
|
-
margin-left: 0;
|
316
|
-
}
|
317
|
-
}
|
318
|
-
}
|
319
|
-
|
320
|
-
|
321
|
-
// Horizontal forms
|
322
|
-
//
|
323
|
-
// Horizontal forms are built on grid classes and allow you to create forms with
|
324
|
-
// labels on the left and inputs on the right.
|
325
|
-
|
326
|
-
.form-horizontal {
|
327
|
-
|
328
|
-
// Consistent vertical alignment of labels, radios, and checkboxes
|
329
|
-
.control-label,
|
330
|
-
.radio,
|
331
|
-
.checkbox,
|
332
|
-
.radio-inline,
|
333
|
-
.checkbox-inline {
|
334
|
-
margin-top: 0;
|
335
|
-
margin-bottom: 0;
|
336
|
-
padding-top: ($padding-base-vertical + 1); // Default padding plus a border
|
337
|
-
}
|
338
|
-
|
339
|
-
// Make form groups behave like rows
|
340
|
-
.form-group {
|
341
|
-
@include make-row();
|
342
|
-
}
|
343
|
-
|
344
|
-
// Only right align form labels here when the columns stop stacking
|
345
|
-
@media (min-width: $screen-tablet) {
|
346
|
-
.control-label {
|
347
|
-
text-align: right;
|
348
|
-
}
|
349
|
-
}
|
350
|
-
}
|
1
|
+
@import "bootstrap/forms";
|