bootstrap-more 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (107) hide show
  1. data/.gitignore +18 -0
  2. data/Gemfile +4 -0
  3. data/LICENSE.txt +22 -0
  4. data/README.md +46 -0
  5. data/Rakefile +1 -0
  6. data/app/assets/fonts/glyphicons-halflings-regular.eot +0 -0
  7. data/app/assets/fonts/glyphicons-halflings-regular.svg +229 -0
  8. data/app/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
  9. data/app/assets/fonts/glyphicons-halflings-regular.woff +0 -0
  10. data/app/assets/javascripts/bootstrap/affix.js +126 -0
  11. data/app/assets/javascripts/bootstrap/alert.js +98 -0
  12. data/app/assets/javascripts/bootstrap/button.js +109 -0
  13. data/app/assets/javascripts/bootstrap/carousel.js +217 -0
  14. data/app/assets/javascripts/bootstrap/collapse.js +179 -0
  15. data/app/assets/javascripts/bootstrap/dropdown.js +154 -0
  16. data/app/assets/javascripts/bootstrap/modal.js +246 -0
  17. data/app/assets/javascripts/bootstrap/popover.js +117 -0
  18. data/app/assets/javascripts/bootstrap/scrollspy.js +158 -0
  19. data/app/assets/javascripts/bootstrap/tab.js +135 -0
  20. data/app/assets/javascripts/bootstrap/tooltip.js +386 -0
  21. data/app/assets/javascripts/bootstrap/transition.js +56 -0
  22. data/app/assets/javascripts/bootstrap.js +12 -0
  23. data/app/assets/stylesheets/_bootstrap-more.scss +1 -0
  24. data/app/assets/stylesheets/bootstrap/_alerts.scss +67 -0
  25. data/app/assets/stylesheets/bootstrap/_badges.scss +51 -0
  26. data/app/assets/stylesheets/bootstrap/_breadcrumbs.scss +23 -0
  27. data/app/assets/stylesheets/bootstrap/_button-groups.scss +260 -0
  28. data/app/assets/stylesheets/bootstrap/_buttons.scss +165 -0
  29. data/app/assets/stylesheets/bootstrap/_carousel.scss +231 -0
  30. data/app/assets/stylesheets/bootstrap/_close.scss +35 -0
  31. data/app/assets/stylesheets/bootstrap/_code.scss +53 -0
  32. data/app/assets/stylesheets/bootstrap/_component-animations.scss +29 -0
  33. data/app/assets/stylesheets/bootstrap/_config.scss +19 -0
  34. data/app/assets/stylesheets/bootstrap/_dropdowns.scss +203 -0
  35. data/app/assets/stylesheets/bootstrap/_forms.scss +371 -0
  36. data/app/assets/stylesheets/bootstrap/_glyphicons.scss +237 -0
  37. data/app/assets/stylesheets/bootstrap/_grid.scss +93 -0
  38. data/app/assets/stylesheets/bootstrap/_input-groups.scss +146 -0
  39. data/app/assets/stylesheets/bootstrap/_jumbotron.scss +40 -0
  40. data/app/assets/stylesheets/bootstrap/_labels.scss +58 -0
  41. data/app/assets/stylesheets/bootstrap/_list-group.scss +95 -0
  42. data/app/assets/stylesheets/bootstrap/_media.scss +56 -0
  43. data/app/assets/stylesheets/bootstrap/_mixins.scss +882 -0
  44. data/app/assets/stylesheets/bootstrap/_modals.scss +132 -0
  45. data/app/assets/stylesheets/bootstrap/_navbar.scss +628 -0
  46. data/app/assets/stylesheets/bootstrap/_navs.scss +262 -0
  47. data/app/assets/stylesheets/bootstrap/_normalize.scss +406 -0
  48. data/app/assets/stylesheets/bootstrap/_pager.scss +55 -0
  49. data/app/assets/stylesheets/bootstrap/_pagination.scss +85 -0
  50. data/app/assets/stylesheets/bootstrap/_panels.scss +172 -0
  51. data/app/assets/stylesheets/bootstrap/_popovers.scss +133 -0
  52. data/app/assets/stylesheets/bootstrap/_print.scss +105 -0
  53. data/app/assets/stylesheets/bootstrap/_progress-bars.scss +92 -0
  54. data/app/assets/stylesheets/bootstrap/_responsive-utilities.scss +198 -0
  55. data/app/assets/stylesheets/bootstrap/_scaffolding.scss +119 -0
  56. data/app/assets/stylesheets/bootstrap/_tables.scss +244 -0
  57. data/app/assets/stylesheets/bootstrap/_theme.scss +247 -0
  58. data/app/assets/stylesheets/bootstrap/_thumbnails.scss +32 -0
  59. data/app/assets/stylesheets/bootstrap/_tooltip.scss +95 -0
  60. data/app/assets/stylesheets/bootstrap/_type.scss +279 -0
  61. data/app/assets/stylesheets/bootstrap/_utilities.scss +56 -0
  62. data/app/assets/stylesheets/bootstrap/_variables.scss +665 -0
  63. data/app/assets/stylesheets/bootstrap/_wells.scss +29 -0
  64. data/app/assets/stylesheets/bootstrap/bootstrap.scss +50 -0
  65. data/bootstrap-more.gemspec +23 -0
  66. data/docs/.gitignore +17 -0
  67. data/docs/.ruby-gemset +1 -0
  68. data/docs/.ruby-version +1 -0
  69. data/docs/Gemfile +9 -0
  70. data/docs/README.md +8 -0
  71. data/docs/Rakefile +1 -0
  72. data/docs/config.rb +98 -0
  73. data/docs/index.html.erb +9 -0
  74. data/docs/source/about.html.erb +92 -0
  75. data/docs/source/assets/javascripts/application.js +103 -0
  76. data/docs/source/assets/javascripts/bootstrap.js +12 -0
  77. data/docs/source/assets/javascripts/vendor/.gitkeep +0 -0
  78. data/docs/source/assets/javascripts/vendor/holder.js +404 -0
  79. data/docs/source/assets/javascripts/vendor/ie8-responsive-file-warning.js +12 -0
  80. data/docs/source/assets/stylesheets/_settings.scss +656 -0
  81. data/docs/source/assets/stylesheets/bootstrap.scss +2 -0
  82. data/docs/source/assets/stylesheets/pygments-manni.css +66 -0
  83. data/docs/source/assets/stylesheets/styles.scss +1198 -0
  84. data/docs/source/components.html.erb +3607 -0
  85. data/docs/source/css.html.erb +2585 -0
  86. data/docs/source/customize.html.erb +1715 -0
  87. data/docs/source/getting-started.html.erb +1010 -0
  88. data/docs/source/includes/_ads.erb +1 -0
  89. data/docs/source/includes/_footer.erb +23 -0
  90. data/docs/source/includes/_header.erb +39 -0
  91. data/docs/source/includes/_nav-about.erb +12 -0
  92. data/docs/source/includes/_nav-components.erb +137 -0
  93. data/docs/source/includes/_nav-css.erb +99 -0
  94. data/docs/source/includes/_nav-customize.erb +40 -0
  95. data/docs/source/includes/_nav-getting-started.erb +44 -0
  96. data/docs/source/includes/_nav-javascript.erb +88 -0
  97. data/docs/source/includes/_nav-main.erb +34 -0
  98. data/docs/source/includes/_old-bs-docs.erb +8 -0
  99. data/docs/source/includes/_social-buttons.erb +16 -0
  100. data/docs/source/index.html.erb +17 -0
  101. data/docs/source/javascript.html.erb +1946 -0
  102. data/docs/source/layouts/default.html.erb +75 -0
  103. data/docs/source/layouts/home.html.erb +20 -0
  104. data/docs/source/layouts/layout.html.erb +81 -0
  105. data/lib/bootstrap-more/version.rb +5 -0
  106. data/lib/bootstrap-more.rb +7 -0
  107. metadata +185 -0
@@ -0,0 +1,35 @@
1
+ //
2
+ // Close icons
3
+ // --------------------------------------------------
4
+
5
+
6
+ .close {
7
+ float: right;
8
+ font-size: ($font-size-base * 1.5);
9
+ font-weight: $close-font-weight;
10
+ line-height: 1;
11
+ color: $close-color;
12
+ text-shadow: $close-text-shadow;
13
+ @include opacity(.2);
14
+
15
+ &:hover,
16
+ &:focus {
17
+ color: $close-color;
18
+ text-decoration: none;
19
+ cursor: pointer;
20
+ @include opacity(.5);
21
+ }
22
+
23
+ // [converter] extracted button& to button.close
24
+ }
25
+
26
+ // Additional properties for button version
27
+ // iOS requires the button element instead of an anchor tag.
28
+ // If you want the anchor version, it requires `href="#"`.
29
+ button.close {
30
+ padding: 0;
31
+ cursor: pointer;
32
+ background: transparent;
33
+ border: 0;
34
+ -webkit-appearance: none;
35
+ }
@@ -0,0 +1,53 @@
1
+ //
2
+ // Code (inline and block)
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Inline and block code styles
7
+ code,
8
+ kbd,
9
+ pre,
10
+ samp {
11
+ font-family: $font-family-monospace;
12
+ }
13
+
14
+ // Inline code
15
+ code {
16
+ padding: 2px 4px;
17
+ font-size: 90%;
18
+ color: $code-color;
19
+ background-color: $code-bg;
20
+ white-space: nowrap;
21
+ border-radius: $border-radius-base;
22
+ }
23
+
24
+ // Blocks of code
25
+ pre {
26
+ display: block;
27
+ padding: (($line-height-computed - 1) / 2);
28
+ margin: 0 0 ($line-height-computed / 2);
29
+ font-size: ($font-size-base - 1); // 14px to 13px
30
+ line-height: $line-height-base;
31
+ word-break: break-all;
32
+ word-wrap: break-word;
33
+ color: $pre-color;
34
+ background-color: $pre-bg;
35
+ border: 1px solid $pre-border-color;
36
+ border-radius: $border-radius-base;
37
+
38
+ // Account for some code outputs that place code tags in pre tags
39
+ code {
40
+ padding: 0;
41
+ font-size: inherit;
42
+ color: inherit;
43
+ white-space: pre-wrap;
44
+ background-color: transparent;
45
+ border-radius: 0;
46
+ }
47
+ }
48
+
49
+ // Enable scrollable blocks of code
50
+ .pre-scrollable {
51
+ max-height: $pre-scrollable-max-height;
52
+ overflow-y: scroll;
53
+ }
@@ -0,0 +1,29 @@
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
+ }
@@ -0,0 +1,19 @@
1
+ //
2
+ // Variables
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Global values
7
+ // --------------------------------------------------
8
+
9
+ // Reset
10
+ // -------------------------
11
+
12
+ $include-html-reset: true !default;
13
+ $include-print-reset: true !default;
14
+
15
+
16
+ // Defaults
17
+ $include-html-basics: true !default;
18
+ $include-html-classes: true !default;
19
+ $include-html-colors: true !default;
@@ -0,0 +1,203 @@
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
+ }
20
+
21
+ // The dropdown wrapper (div)
22
+ .dropdown {
23
+ position: relative;
24
+ }
25
+
26
+ // Prevent the focus on the dropdown toggle when closing dropdowns
27
+ .dropdown-toggle:focus {
28
+ outline: 0;
29
+ }
30
+
31
+ // The dropdown menu (ul)
32
+ .dropdown-menu {
33
+ position: absolute;
34
+ top: 100%;
35
+ left: 0;
36
+ z-index: $zindex-dropdown;
37
+ display: none; // none by default, but block on "open" of the menu
38
+ float: left;
39
+ min-width: 160px;
40
+ padding: 5px 0;
41
+ margin: 2px 0 0; // override default ul
42
+ list-style: none;
43
+ font-size: $font-size-base;
44
+ background-color: $dropdown-bg;
45
+
46
+ @include validate-enabled-border-width($dropdown-border-width) {
47
+ border: $dropdown-border-width $dropdown-border-style $dropdown-border-color-fallback; // IE8 fallback
48
+ border: $dropdown-border-width $dropdown-border-style $dropdown-border-color;
49
+ }
50
+
51
+ @if $enable-border-radius != false { @if $dropdown-border-radius != false {
52
+ border-radius: $dropdown-border-radius;
53
+ } }
54
+
55
+ @if $enable-box-shadow != false { @if $dropdown-box-shadow != false {
56
+ @include box-shadow($dropdown-box-shadow);
57
+ } }
58
+
59
+ background-clip: padding-box;
60
+
61
+ // Aligns the dropdown menu to right
62
+ &.pull-right {
63
+ right: 0;
64
+ left: auto;
65
+ }
66
+
67
+ // Dividers (basically an hr) within the dropdown
68
+ .divider {
69
+ @include nav-divider($dropdown-divider-bg);
70
+ }
71
+
72
+ // Links within the dropdown menu
73
+ > li > a {
74
+ display: block;
75
+ padding: 3px 20px;
76
+ clear: both;
77
+ font-weight: normal;
78
+ line-height: $line-height-base;
79
+ color: $dropdown-link-color;
80
+ white-space: nowrap; // prevent links from randomly breaking onto new lines
81
+ }
82
+ }
83
+
84
+ // Hover/Focus state
85
+ .dropdown-menu > li > a {
86
+ &:hover,
87
+ &:focus {
88
+ text-decoration: none;
89
+ color: $dropdown-link-hover-color;
90
+ background-color: $dropdown-link-hover-bg;
91
+ }
92
+ }
93
+
94
+ // Active state
95
+ .dropdown-menu > .active > a {
96
+ &,
97
+ &:hover,
98
+ &:focus {
99
+ color: $dropdown-link-active-color;
100
+ text-decoration: none;
101
+ outline: 0;
102
+ background-color: $dropdown-link-active-bg;
103
+ }
104
+ }
105
+
106
+ // Disabled state
107
+ //
108
+ // Gray out text and ensure the hover/focus state remains gray
109
+
110
+ .dropdown-menu > .disabled > a {
111
+ &,
112
+ &:hover,
113
+ &:focus {
114
+ color: $dropdown-link-disabled-color;
115
+ }
116
+ }
117
+ // Nuke hover/focus effects
118
+ .dropdown-menu > .disabled > a {
119
+ &:hover,
120
+ &:focus {
121
+ text-decoration: none;
122
+ background-color: transparent;
123
+ background-image: none; // Remove CSS gradient
124
+ @include reset-filter();
125
+ cursor: not-allowed;
126
+ }
127
+ }
128
+
129
+ // Open state for the dropdown
130
+ .open {
131
+ // Show the menu
132
+ > .dropdown-menu {
133
+ display: block;
134
+ }
135
+
136
+ // Remove the outline when :focus is triggered
137
+ > a {
138
+ outline: 0;
139
+ }
140
+ }
141
+
142
+ // Dropdown section headers
143
+ .dropdown-header {
144
+ display: block;
145
+ padding: 3px 20px;
146
+ font-size: $font-size-small;
147
+ line-height: $line-height-base;
148
+ color: $dropdown-header-color;
149
+ }
150
+
151
+ // Backdrop to catch body clicks on mobile, etc.
152
+ .dropdown-backdrop {
153
+ position: fixed;
154
+ left: 0;
155
+ right: 0;
156
+ bottom: 0;
157
+ top: 0;
158
+ z-index: $zindex-dropdown - 10;
159
+ }
160
+
161
+ // Right aligned dropdowns
162
+ .pull-right > .dropdown-menu {
163
+ right: 0;
164
+ left: auto;
165
+ }
166
+
167
+ // Allow for dropdowns to go bottom up (aka, dropup-menu)
168
+ //
169
+ // Just add .dropup after the standard .dropdown class and you're set, bro.
170
+ // TODO: abstract this so that the navbar fixed styles are not placed here?
171
+
172
+ .dropup,
173
+ .navbar-fixed-bottom .dropdown {
174
+ // Reverse the caret
175
+ .caret {
176
+ // Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once this
177
+ // gets fixed, restore `border-top: 0;`.
178
+ border-top: 0 dotted;
179
+ border-bottom: $caret-width-base solid $dropdown-caret-color;
180
+ content: "";
181
+ }
182
+ // Different positioning for bottom up menu
183
+ .dropdown-menu {
184
+ top: auto;
185
+ bottom: 100%;
186
+ margin-bottom: 1px;
187
+ }
188
+ }
189
+
190
+
191
+ // Component alignment
192
+ //
193
+ // Reiterate per navbar.less and the modified component alignment there.
194
+
195
+ @media (min-width: $grid-float-breakpoint) {
196
+ .navbar-right {
197
+ .dropdown-menu {
198
+ right: 0;
199
+ left: auto;
200
+ }
201
+ }
202
+ }
203
+
@@ -0,0 +1,371 @@
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
+ // Adjust output element
86
+ output {
87
+ display: block;
88
+ padding-top: ($padding-base-vertical + 1);
89
+ font-size: $font-size-base;
90
+ line-height: $line-height-base;
91
+ color: $input-color;
92
+ vertical-align: middle;
93
+ }
94
+
95
+
96
+ // Common form controls
97
+ //
98
+ // Shared size and type resets for form controls. Apply `.form-control` to any
99
+ // of the following form controls:
100
+ //
101
+ // select
102
+ // textarea
103
+ // input[type="text"]
104
+ // input[type="password"]
105
+ // input[type="datetime"]
106
+ // input[type="datetime-local"]
107
+ // input[type="date"]
108
+ // input[type="month"]
109
+ // input[type="time"]
110
+ // input[type="week"]
111
+ // input[type="number"]
112
+ // input[type="email"]
113
+ // input[type="url"]
114
+ // input[type="search"]
115
+ // input[type="tel"]
116
+ // input[type="color"]
117
+
118
+ .form-control {
119
+ display: block;
120
+ width: 100%;
121
+ height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
122
+ padding: $padding-base-vertical $padding-base-horizontal;
123
+ font-size: $font-size-base;
124
+ line-height: $line-height-base;
125
+ color: $input-color;
126
+ vertical-align: middle;
127
+ background-color: $input-bg;
128
+ background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
129
+
130
+ @include validate-enabled-border-width($input-border-width) {
131
+ border: $input-border-width $input-border-style $input-border-color;
132
+ }
133
+ @include validate-enabled-border-radius($input-border-radius) {
134
+ border-radius: $input-border-radius;
135
+ }
136
+ @include validate-enabled-box-shadow($input-box-shadow) {
137
+ @include box-shadow($input-box-shadow);
138
+ }
139
+
140
+ @include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s);
141
+
142
+ // Customize the `:focus` state to imitate native WebKit styles.
143
+ @include form-control-focus();
144
+
145
+ // Placeholder
146
+ //
147
+ // Placeholder text gets special styles because when browsers invalidate entire
148
+ // lines if it doesn't understand a selector/
149
+ @include placeholder();
150
+
151
+ // Disabled and read-only inputs
152
+ // Note: HTML5 says that controls under a fieldset > legend:first-child won't
153
+ // be disabled if the fieldset is disabled. Due to implementation difficulty,
154
+ // we don't honor that edge case; we style them as disabled anyway.
155
+ &[disabled],
156
+ &[readonly],
157
+ fieldset[disabled] & {
158
+ cursor: not-allowed;
159
+ background-color: $input-bg-disabled;
160
+ }
161
+
162
+ // [converter] extracted textarea& to textarea.form-control
163
+ }
164
+
165
+ // Reset height for `textarea`s
166
+ textarea.form-control {
167
+ height: auto;
168
+ }
169
+
170
+
171
+ // Form groups
172
+ //
173
+ // Designed to help with the organization and spacing of vertical forms. For
174
+ // horizontal forms, use the predefined grid classes.
175
+
176
+ .form-group {
177
+ margin-bottom: 15px;
178
+ }
179
+
180
+
181
+ // Checkboxes and radios
182
+ //
183
+ // Indent the labels to position radios/checkboxes as hanging controls.
184
+
185
+ .radio,
186
+ .checkbox {
187
+ display: block;
188
+ min-height: $line-height-computed; // clear the floating input if there is no label text
189
+ margin-top: 10px;
190
+ margin-bottom: 10px;
191
+ padding-left: 20px;
192
+ vertical-align: middle;
193
+ label {
194
+ display: inline;
195
+ margin-bottom: 0;
196
+ font-weight: normal;
197
+ cursor: pointer;
198
+ }
199
+ }
200
+ .radio input[type="radio"],
201
+ .radio-inline input[type="radio"],
202
+ .checkbox input[type="checkbox"],
203
+ .checkbox-inline input[type="checkbox"] {
204
+ float: left;
205
+ margin-left: -20px;
206
+ }
207
+ .radio + .radio,
208
+ .checkbox + .checkbox {
209
+ margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing
210
+ }
211
+
212
+ // Radios and checkboxes on same line
213
+ .radio-inline,
214
+ .checkbox-inline {
215
+ display: inline-block;
216
+ padding-left: 20px;
217
+ margin-bottom: 0;
218
+ vertical-align: middle;
219
+ font-weight: normal;
220
+ cursor: pointer;
221
+ }
222
+ .radio-inline + .radio-inline,
223
+ .checkbox-inline + .checkbox-inline {
224
+ margin-top: 0;
225
+ margin-left: 10px; // space out consecutive inline controls
226
+ }
227
+
228
+ // Apply same disabled cursor tweak as for inputs
229
+ //
230
+ // Note: Neither radios nor checkboxes can be readonly.
231
+ input[type="radio"],
232
+ input[type="checkbox"],
233
+ .radio,
234
+ .radio-inline,
235
+ .checkbox,
236
+ .checkbox-inline {
237
+ &[disabled],
238
+ fieldset[disabled] & {
239
+ cursor: not-allowed;
240
+ }
241
+ }
242
+
243
+ // Form control sizing
244
+
245
+ @include input-size('.input-sm', $input-height-small, $padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
246
+
247
+ @include input-size('.input-lg', $input-height-large, $padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large);
248
+
249
+
250
+ // Form control feedback states
251
+ //
252
+ // Apply contextual and semantic states to individual form controls.
253
+
254
+ // Warning
255
+ .has-warning {
256
+ @include form-control-validation($state-warning-text, $state-warning-text, $state-warning-bg);
257
+ }
258
+ // Error
259
+ .has-error {
260
+ @include form-control-validation($state-danger-text, $state-danger-text, $state-danger-bg);
261
+ }
262
+ // Success
263
+ .has-success {
264
+ @include form-control-validation($state-success-text, $state-success-text, $state-success-bg);
265
+ }
266
+
267
+
268
+ // Static form control text
269
+ //
270
+ // Apply class to a `p` element to make any string of text align with labels in
271
+ // a horizontal form layout.
272
+
273
+ .form-control-static {
274
+ margin-bottom: 0; // Remove default margin from `p`
275
+ }
276
+
277
+
278
+ // Help text
279
+ //
280
+ // Apply to any element you wish to create light text for placement immediately
281
+ // below a form control. Use for general help, formatting, or instructional text.
282
+
283
+ .help-block {
284
+ display: block; // account for any element using help-block
285
+ margin-top: 5px;
286
+ margin-bottom: 10px;
287
+ color: lighten($text-color, 25%); // lighten the text some for contrast
288
+ }
289
+
290
+
291
+
292
+ // Inline forms
293
+ //
294
+ // Make forms appear inline(-block) by adding the `.form-inline` class. Inline
295
+ // forms begin stacked on extra small (mobile) devices and then go inline when
296
+ // viewports reach <768px.
297
+ //
298
+ // Requires wrapping inputs and labels with `.form-group` for proper display of
299
+ // default HTML form controls and our custom form controls (e.g., input groups).
300
+ //
301
+ // Heads up! This is mixin-ed into `.navbar-form` in navbars.less.
302
+
303
+ .form-inline {
304
+
305
+ // Kick in the inline
306
+ @media (min-width: $screen-sm) {
307
+ // Inline-block all the things for "inline"
308
+ .form-group {
309
+ display: inline-block;
310
+ margin-bottom: 0;
311
+ vertical-align: middle;
312
+ }
313
+
314
+ // In navbar-form, allow folks to *not* use `.form-group`
315
+ .form-control {
316
+ display: inline-block;
317
+ }
318
+
319
+ // Remove default margin on radios/checkboxes that were used for stacking, and
320
+ // then undo the floating of radios and checkboxes to match (which also avoids
321
+ // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
322
+ .radio,
323
+ .checkbox {
324
+ display: inline-block;
325
+ margin-top: 0;
326
+ margin-bottom: 0;
327
+ padding-left: 0;
328
+ }
329
+ .radio input[type="radio"],
330
+ .checkbox input[type="checkbox"] {
331
+ float: none;
332
+ margin-left: 0;
333
+ }
334
+ }
335
+ }
336
+
337
+
338
+ // Horizontal forms
339
+ //
340
+ // Horizontal forms are built on grid classes and allow you to create forms with
341
+ // labels on the left and inputs on the right.
342
+
343
+ .form-horizontal {
344
+
345
+ // Consistent vertical alignment of labels, radios, and checkboxes
346
+ .control-label,
347
+ .radio,
348
+ .checkbox,
349
+ .radio-inline,
350
+ .checkbox-inline {
351
+ margin-top: 0;
352
+ margin-bottom: 0;
353
+ padding-top: ($padding-base-vertical + 1); // Default padding plus a border
354
+ }
355
+
356
+ // Make form groups behave like rows
357
+ .form-group {
358
+ @include make-row();
359
+ }
360
+
361
+ .form-control-static {
362
+ padding-top: ($padding-base-vertical + 1);
363
+ }
364
+
365
+ // Only right align form labels here when the columns stop stacking
366
+ @media (min-width: $screen-sm-min) {
367
+ .control-label {
368
+ text-align: right;
369
+ }
370
+ }
371
+ }