bootstrap-more 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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
+ }