apx-docs-theme 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (101) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +39 -0
  4. data/_includes/footer.html +10 -0
  5. data/_includes/head.html +14 -0
  6. data/_includes/js_files.html +8 -0
  7. data/_includes/pages_nav.html +40 -0
  8. data/_includes/section_nav.html +52 -0
  9. data/_includes/toc.html +87 -0
  10. data/_includes/topnav.html +37 -0
  11. data/_layouts/default.html +20 -0
  12. data/_layouts/docs.html +36 -0
  13. data/_layouts/page.html +15 -0
  14. data/_layouts/post.html +43 -0
  15. data/_sass/_bootstrap.scss +56 -0
  16. data/_sass/_syntax-highlighting.scss +71 -0
  17. data/_sass/_typeahead.scss +59 -0
  18. data/_sass/bootstrap/_alerts.scss +73 -0
  19. data/_sass/bootstrap/_badges.scss +68 -0
  20. data/_sass/bootstrap/_breadcrumbs.scss +28 -0
  21. data/_sass/bootstrap/_button-groups.scss +244 -0
  22. data/_sass/bootstrap/_buttons.scss +168 -0
  23. data/_sass/bootstrap/_carousel.scss +270 -0
  24. data/_sass/bootstrap/_close.scss +36 -0
  25. data/_sass/bootstrap/_code.scss +69 -0
  26. data/_sass/bootstrap/_component-animations.scss +37 -0
  27. data/_sass/bootstrap/_dropdowns.scss +216 -0
  28. data/_sass/bootstrap/_forms.scss +617 -0
  29. data/_sass/bootstrap/_glyphicons.scss +307 -0
  30. data/_sass/bootstrap/_grid.scss +84 -0
  31. data/_sass/bootstrap/_input-groups.scss +171 -0
  32. data/_sass/bootstrap/_jumbotron.scss +54 -0
  33. data/_sass/bootstrap/_labels.scss +66 -0
  34. data/_sass/bootstrap/_list-group.scss +130 -0
  35. data/_sass/bootstrap/_media.scss +66 -0
  36. data/_sass/bootstrap/_mixins.scss +40 -0
  37. data/_sass/bootstrap/_modals.scss +150 -0
  38. data/_sass/bootstrap/_navbar.scss +662 -0
  39. data/_sass/bootstrap/_navs.scss +242 -0
  40. data/_sass/bootstrap/_normalize.scss +424 -0
  41. data/_sass/bootstrap/_pager.scss +54 -0
  42. data/_sass/bootstrap/_pagination.scss +89 -0
  43. data/_sass/bootstrap/_panels.scss +271 -0
  44. data/_sass/bootstrap/_popovers.scss +131 -0
  45. data/_sass/bootstrap/_print.scss +101 -0
  46. data/_sass/bootstrap/_progress-bars.scss +87 -0
  47. data/_sass/bootstrap/_responsive-embed.scss +35 -0
  48. data/_sass/bootstrap/_responsive-utilities.scss +179 -0
  49. data/_sass/bootstrap/_scaffolding.scss +161 -0
  50. data/_sass/bootstrap/_tables.scss +234 -0
  51. data/_sass/bootstrap/_theme.scss +291 -0
  52. data/_sass/bootstrap/_thumbnails.scss +38 -0
  53. data/_sass/bootstrap/_tooltip.scss +101 -0
  54. data/_sass/bootstrap/_type.scss +298 -0
  55. data/_sass/bootstrap/_utilities.scss +55 -0
  56. data/_sass/bootstrap/_variables.scss +874 -0
  57. data/_sass/bootstrap/_wells.scss +29 -0
  58. data/_sass/bootstrap/mixins/_alerts.scss +14 -0
  59. data/_sass/bootstrap/mixins/_background-variant.scss +12 -0
  60. data/_sass/bootstrap/mixins/_border-radius.scss +18 -0
  61. data/_sass/bootstrap/mixins/_buttons.scss +65 -0
  62. data/_sass/bootstrap/mixins/_center-block.scss +7 -0
  63. data/_sass/bootstrap/mixins/_clearfix.scss +22 -0
  64. data/_sass/bootstrap/mixins/_forms.scss +88 -0
  65. data/_sass/bootstrap/mixins/_gradients.scss +58 -0
  66. data/_sass/bootstrap/mixins/_grid-framework.scss +81 -0
  67. data/_sass/bootstrap/mixins/_grid.scss +122 -0
  68. data/_sass/bootstrap/mixins/_hide-text.scss +21 -0
  69. data/_sass/bootstrap/mixins/_image.scss +33 -0
  70. data/_sass/bootstrap/mixins/_labels.scss +12 -0
  71. data/_sass/bootstrap/mixins/_list-group.scss +32 -0
  72. data/_sass/bootstrap/mixins/_nav-divider.scss +10 -0
  73. data/_sass/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  74. data/_sass/bootstrap/mixins/_opacity.scss +8 -0
  75. data/_sass/bootstrap/mixins/_pagination.scss +24 -0
  76. data/_sass/bootstrap/mixins/_panels.scss +24 -0
  77. data/_sass/bootstrap/mixins/_progress-bar.scss +10 -0
  78. data/_sass/bootstrap/mixins/_reset-filter.scss +8 -0
  79. data/_sass/bootstrap/mixins/_reset-text.scss +18 -0
  80. data/_sass/bootstrap/mixins/_resize.scss +6 -0
  81. data/_sass/bootstrap/mixins/_responsive-visibility.scss +21 -0
  82. data/_sass/bootstrap/mixins/_size.scss +10 -0
  83. data/_sass/bootstrap/mixins/_tab-focus.scss +9 -0
  84. data/_sass/bootstrap/mixins/_table-row.scss +28 -0
  85. data/_sass/bootstrap/mixins/_text-emphasis.scss +12 -0
  86. data/_sass/bootstrap/mixins/_text-overflow.scss +8 -0
  87. data/_sass/bootstrap/mixins/_vendor-prefixes.scss +222 -0
  88. data/assets/css/font-awesome.min.css +4 -0
  89. data/assets/css/main.scss +94 -0
  90. data/assets/fonts/FontAwesome.otf +0 -0
  91. data/assets/fonts/fontawesome-webfont.eot +0 -0
  92. data/assets/fonts/fontawesome-webfont.svg +2671 -0
  93. data/assets/fonts/fontawesome-webfont.ttf +0 -0
  94. data/assets/fonts/fontawesome-webfont.woff +0 -0
  95. data/assets/fonts/fontawesome-webfont.woff2 +0 -0
  96. data/assets/img/bg.jpg +0 -0
  97. data/assets/img/logo.png +0 -0
  98. data/assets/js/bootstrap.min.js +7 -0
  99. data/assets/js/main.js +34 -0
  100. data/assets/js/typeahead.bundle.min.js +8 -0
  101. metadata +255 -0
@@ -0,0 +1,69 @@
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
+ border-radius: $border-radius-base;
21
+ }
22
+
23
+ // User input typically entered via keyboard
24
+ kbd {
25
+ padding: 2px 4px;
26
+ font-size: 90%;
27
+ color: $kbd-color;
28
+ background-color: $kbd-bg;
29
+ border-radius: $border-radius-small;
30
+ box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
31
+
32
+ kbd {
33
+ padding: 0;
34
+ font-size: 100%;
35
+ font-weight: bold;
36
+ box-shadow: none;
37
+ }
38
+ }
39
+
40
+ // Blocks of code
41
+ pre {
42
+ display: block;
43
+ padding: (($line-height-computed - 1) / 2);
44
+ margin: 0 0 ($line-height-computed / 2);
45
+ font-size: ($font-size-base - 1); // 14px to 13px
46
+ line-height: $line-height-base;
47
+ word-break: break-all;
48
+ word-wrap: break-word;
49
+ color: $pre-color;
50
+ background-color: $pre-bg;
51
+ border: 1px solid $pre-border-color;
52
+ border-radius: $border-radius-base;
53
+
54
+ // Account for some code outputs that place code tags in pre tags
55
+ code {
56
+ padding: 0;
57
+ font-size: inherit;
58
+ color: inherit;
59
+ white-space: pre-wrap;
60
+ background-color: transparent;
61
+ border-radius: 0;
62
+ }
63
+ }
64
+
65
+ // Enable scrollable blocks of code
66
+ .pre-scrollable {
67
+ max-height: $pre-scrollable-max-height;
68
+ overflow-y: scroll;
69
+ }
@@ -0,0 +1,37 @@
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/twbs/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
+
21
+ &.in { display: block; }
22
+ // [converter] extracted tr&.in to tr.collapse.in
23
+ // [converter] extracted tbody&.in to tbody.collapse.in
24
+ }
25
+
26
+ tr.collapse.in { display: table-row; }
27
+
28
+ tbody.collapse.in { display: table-row-group; }
29
+
30
+ .collapsing {
31
+ position: relative;
32
+ height: 0;
33
+ overflow: hidden;
34
+ @include transition-property(height, visibility);
35
+ @include transition-duration(.35s);
36
+ @include transition-timing-function(ease);
37
+ }
@@ -0,0 +1,216 @@
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 dashed;
14
+ border-top: $caret-width-base solid \9; // IE8
15
+ border-right: $caret-width-base solid transparent;
16
+ border-left: $caret-width-base solid transparent;
17
+ }
18
+
19
+ // The dropdown wrapper (div)
20
+ .dropup,
21
+ .dropdown {
22
+ position: relative;
23
+ }
24
+
25
+ // Prevent the focus on the dropdown toggle when closing dropdowns
26
+ .dropdown-toggle:focus {
27
+ outline: 0;
28
+ }
29
+
30
+ // The dropdown menu (ul)
31
+ .dropdown-menu {
32
+ position: absolute;
33
+ top: 100%;
34
+ left: 0;
35
+ z-index: $zindex-dropdown;
36
+ display: none; // none by default, but block on "open" of the menu
37
+ float: left;
38
+ min-width: 160px;
39
+ padding: 5px 0;
40
+ margin: 2px 0 0; // override default ul
41
+ list-style: none;
42
+ font-size: $font-size-base;
43
+ text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
44
+ background-color: $dropdown-bg;
45
+ border: 1px solid $dropdown-fallback-border; // IE8 fallback
46
+ border: 1px solid $dropdown-border;
47
+ border-radius: $border-radius-base;
48
+ @include box-shadow(0 6px 12px rgba(0,0,0,.175));
49
+ background-clip: padding-box;
50
+
51
+ // Aligns the dropdown menu to right
52
+ //
53
+ // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`
54
+ &.pull-right {
55
+ right: 0;
56
+ left: auto;
57
+ }
58
+
59
+ // Dividers (basically an hr) within the dropdown
60
+ .divider {
61
+ @include nav-divider($dropdown-divider-bg);
62
+ }
63
+
64
+ // Links within the dropdown menu
65
+ > li > a {
66
+ display: block;
67
+ padding: 3px 20px;
68
+ clear: both;
69
+ font-weight: normal;
70
+ line-height: $line-height-base;
71
+ color: $dropdown-link-color;
72
+ white-space: nowrap; // prevent links from randomly breaking onto new lines
73
+ }
74
+ }
75
+
76
+ // Hover/Focus state
77
+ .dropdown-menu > li > a {
78
+ &:hover,
79
+ &:focus {
80
+ text-decoration: none;
81
+ color: $dropdown-link-hover-color;
82
+ background-color: $dropdown-link-hover-bg;
83
+ }
84
+ }
85
+
86
+ // Active state
87
+ .dropdown-menu > .active > a {
88
+ &,
89
+ &:hover,
90
+ &:focus {
91
+ color: $dropdown-link-active-color;
92
+ text-decoration: none;
93
+ outline: 0;
94
+ background-color: $dropdown-link-active-bg;
95
+ }
96
+ }
97
+
98
+ // Disabled state
99
+ //
100
+ // Gray out text and ensure the hover/focus state remains gray
101
+
102
+ .dropdown-menu > .disabled > a {
103
+ &,
104
+ &:hover,
105
+ &:focus {
106
+ color: $dropdown-link-disabled-color;
107
+ }
108
+
109
+ // Nuke hover/focus effects
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: $cursor-disabled;
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
+ // Menu positioning
134
+ //
135
+ // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
136
+ // menu with the parent.
137
+ .dropdown-menu-right {
138
+ left: auto; // Reset the default from `.dropdown-menu`
139
+ right: 0;
140
+ }
141
+ // With v3, we enabled auto-flipping if you have a dropdown within a right
142
+ // aligned nav component. To enable the undoing of that, we provide an override
143
+ // to restore the default dropdown menu alignment.
144
+ //
145
+ // This is only for left-aligning a dropdown menu within a `.navbar-right` or
146
+ // `.pull-right` nav component.
147
+ .dropdown-menu-left {
148
+ left: 0;
149
+ right: auto;
150
+ }
151
+
152
+ // Dropdown section headers
153
+ .dropdown-header {
154
+ display: block;
155
+ padding: 3px 20px;
156
+ font-size: $font-size-small;
157
+ line-height: $line-height-base;
158
+ color: $dropdown-header-color;
159
+ white-space: nowrap; // as with > li > a
160
+ }
161
+
162
+ // Backdrop to catch body clicks on mobile, etc.
163
+ .dropdown-backdrop {
164
+ position: fixed;
165
+ left: 0;
166
+ right: 0;
167
+ bottom: 0;
168
+ top: 0;
169
+ z-index: ($zindex-dropdown - 10);
170
+ }
171
+
172
+ // Right aligned dropdowns
173
+ .pull-right > .dropdown-menu {
174
+ right: 0;
175
+ left: auto;
176
+ }
177
+
178
+ // Allow for dropdowns to go bottom up (aka, dropup-menu)
179
+ //
180
+ // Just add .dropup after the standard .dropdown class and you're set, bro.
181
+ // TODO: abstract this so that the navbar fixed styles are not placed here?
182
+
183
+ .dropup,
184
+ .navbar-fixed-bottom .dropdown {
185
+ // Reverse the caret
186
+ .caret {
187
+ border-top: 0;
188
+ border-bottom: $caret-width-base dashed;
189
+ border-bottom: $caret-width-base solid \9; // IE8
190
+ content: "";
191
+ }
192
+ // Different positioning for bottom up menu
193
+ .dropdown-menu {
194
+ top: auto;
195
+ bottom: 100%;
196
+ margin-bottom: 2px;
197
+ }
198
+ }
199
+
200
+
201
+ // Component alignment
202
+ //
203
+ // Reiterate per navbar.less and the modified component alignment there.
204
+
205
+ @media (min-width: $grid-float-breakpoint) {
206
+ .navbar-right {
207
+ .dropdown-menu {
208
+ right: 0; left: auto;
209
+ }
210
+ // Necessary for overrides of the default right aligned menu.
211
+ // Will remove come v4 in all likelihood.
212
+ .dropdown-menu-left {
213
+ left: 0; right: auto;
214
+ }
215
+ }
216
+ }
@@ -0,0 +1,617 @@
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
+ // Chrome and Firefox set a `min-width: min-content;` on fieldsets,
15
+ // so we reset that to ensure it behaves more like a standard block element.
16
+ // See https://github.com/twbs/bootstrap/issues/12359.
17
+ min-width: 0;
18
+ }
19
+
20
+ legend {
21
+ display: block;
22
+ width: 100%;
23
+ padding: 0;
24
+ margin-bottom: $line-height-computed;
25
+ font-size: ($font-size-base * 1.5);
26
+ line-height: inherit;
27
+ color: $legend-color;
28
+ border: 0;
29
+ border-bottom: 1px solid $legend-border-color;
30
+ }
31
+
32
+ label {
33
+ display: inline-block;
34
+ max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)
35
+ margin-bottom: 5px;
36
+ font-weight: bold;
37
+ }
38
+
39
+
40
+ // Normalize form controls
41
+ //
42
+ // While most of our form styles require extra classes, some basic normalization
43
+ // is required to ensure optimum display with or without those classes to better
44
+ // address browser inconsistencies.
45
+
46
+ // Override content-box in Normalize (* isn't specific enough)
47
+ input[type="search"] {
48
+ @include box-sizing(border-box);
49
+ }
50
+
51
+ // Position radios and checkboxes better
52
+ input[type="radio"],
53
+ input[type="checkbox"] {
54
+ margin: 4px 0 0;
55
+ margin-top: 1px \9; // IE8-9
56
+ line-height: normal;
57
+ }
58
+
59
+ input[type="file"] {
60
+ display: block;
61
+ }
62
+
63
+ // Make range inputs behave like textual form controls
64
+ input[type="range"] {
65
+ display: block;
66
+ width: 100%;
67
+ }
68
+
69
+ // Make multiple select elements height not fixed
70
+ select[multiple],
71
+ select[size] {
72
+ height: auto;
73
+ }
74
+
75
+ // Focus for file, radio, and checkbox
76
+ input[type="file"]:focus,
77
+ input[type="radio"]:focus,
78
+ input[type="checkbox"]:focus {
79
+ @include tab-focus;
80
+ }
81
+
82
+ // Adjust output element
83
+ output {
84
+ display: block;
85
+ padding-top: ($padding-base-vertical + 1);
86
+ font-size: $font-size-base;
87
+ line-height: $line-height-base;
88
+ color: $input-color;
89
+ }
90
+
91
+
92
+ // Common form controls
93
+ //
94
+ // Shared size and type resets for form controls. Apply `.form-control` to any
95
+ // of the following form controls:
96
+ //
97
+ // select
98
+ // textarea
99
+ // input[type="text"]
100
+ // input[type="password"]
101
+ // input[type="datetime"]
102
+ // input[type="datetime-local"]
103
+ // input[type="date"]
104
+ // input[type="month"]
105
+ // input[type="time"]
106
+ // input[type="week"]
107
+ // input[type="number"]
108
+ // input[type="email"]
109
+ // input[type="url"]
110
+ // input[type="search"]
111
+ // input[type="tel"]
112
+ // input[type="color"]
113
+
114
+ .form-control {
115
+ display: block;
116
+ width: 100%;
117
+ height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
118
+ padding: $padding-base-vertical $padding-base-horizontal;
119
+ font-size: $font-size-base;
120
+ line-height: $line-height-base;
121
+ color: $input-color;
122
+ background-color: $input-bg;
123
+ background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
124
+ border: 1px solid $input-border;
125
+ border-radius: $input-border-radius; // Note: This has no effect on <select>s in some browsers, due to the limited stylability of <select>s in CSS.
126
+ @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
127
+ @include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s);
128
+
129
+ // Customize the `:focus` state to imitate native WebKit styles.
130
+ @include form-control-focus;
131
+
132
+ // Placeholder
133
+ @include placeholder;
134
+
135
+ // Unstyle the caret on `<select>`s in IE10+.
136
+ &::-ms-expand {
137
+ border: 0;
138
+ background-color: transparent;
139
+ }
140
+
141
+ // Disabled and read-only inputs
142
+ //
143
+ // HTML5 says that controls under a fieldset > legend:first-child won't be
144
+ // disabled if the fieldset is disabled. Due to implementation difficulty, we
145
+ // don't honor that edge case; we style them as disabled anyway.
146
+ &[disabled],
147
+ &[readonly],
148
+ fieldset[disabled] & {
149
+ background-color: $input-bg-disabled;
150
+ opacity: 1; // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655
151
+ }
152
+
153
+ &[disabled],
154
+ fieldset[disabled] & {
155
+ cursor: $cursor-disabled;
156
+ }
157
+
158
+ // [converter] extracted textarea& to textarea.form-control
159
+ }
160
+
161
+ // Reset height for `textarea`s
162
+ textarea.form-control {
163
+ height: auto;
164
+ }
165
+
166
+
167
+ // Search inputs in iOS
168
+ //
169
+ // This overrides the extra rounded corners on search inputs in iOS so that our
170
+ // `.form-control` class can properly style them. Note that this cannot simply
171
+ // be added to `.form-control` as it's not specific enough. For details, see
172
+ // https://github.com/twbs/bootstrap/issues/11586.
173
+
174
+ input[type="search"] {
175
+ -webkit-appearance: none;
176
+ }
177
+
178
+
179
+ // Special styles for iOS temporal inputs
180
+ //
181
+ // In Mobile Safari, setting `display: block` on temporal inputs causes the
182
+ // text within the input to become vertically misaligned. As a workaround, we
183
+ // set a pixel line-height that matches the given height of the input, but only
184
+ // for Safari. See https://bugs.webkit.org/show_bug.cgi?id=139848
185
+ //
186
+ // Note that as of 9.3, iOS doesn't support `week`.
187
+
188
+ @media screen and (-webkit-min-device-pixel-ratio: 0) {
189
+ input[type="date"],
190
+ input[type="time"],
191
+ input[type="datetime-local"],
192
+ input[type="month"] {
193
+ &.form-control {
194
+ line-height: $input-height-base;
195
+ }
196
+
197
+ &.input-sm,
198
+ .input-group-sm & {
199
+ line-height: $input-height-small;
200
+ }
201
+
202
+ &.input-lg,
203
+ .input-group-lg & {
204
+ line-height: $input-height-large;
205
+ }
206
+ }
207
+ }
208
+
209
+
210
+ // Form groups
211
+ //
212
+ // Designed to help with the organization and spacing of vertical forms. For
213
+ // horizontal forms, use the predefined grid classes.
214
+
215
+ .form-group {
216
+ margin-bottom: $form-group-margin-bottom;
217
+ }
218
+
219
+
220
+ // Checkboxes and radios
221
+ //
222
+ // Indent the labels to position radios/checkboxes as hanging controls.
223
+
224
+ .radio,
225
+ .checkbox {
226
+ position: relative;
227
+ display: block;
228
+ margin-top: 10px;
229
+ margin-bottom: 10px;
230
+
231
+ label {
232
+ min-height: $line-height-computed; // Ensure the input doesn't jump when there is no text
233
+ padding-left: 20px;
234
+ margin-bottom: 0;
235
+ font-weight: normal;
236
+ cursor: pointer;
237
+ }
238
+ }
239
+ .radio input[type="radio"],
240
+ .radio-inline input[type="radio"],
241
+ .checkbox input[type="checkbox"],
242
+ .checkbox-inline input[type="checkbox"] {
243
+ position: absolute;
244
+ margin-left: -20px;
245
+ margin-top: 4px \9;
246
+ }
247
+
248
+ .radio + .radio,
249
+ .checkbox + .checkbox {
250
+ margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing
251
+ }
252
+
253
+ // Radios and checkboxes on same line
254
+ .radio-inline,
255
+ .checkbox-inline {
256
+ position: relative;
257
+ display: inline-block;
258
+ padding-left: 20px;
259
+ margin-bottom: 0;
260
+ vertical-align: middle;
261
+ font-weight: normal;
262
+ cursor: pointer;
263
+ }
264
+ .radio-inline + .radio-inline,
265
+ .checkbox-inline + .checkbox-inline {
266
+ margin-top: 0;
267
+ margin-left: 10px; // space out consecutive inline controls
268
+ }
269
+
270
+ // Apply same disabled cursor tweak as for inputs
271
+ // Some special care is needed because <label>s don't inherit their parent's `cursor`.
272
+ //
273
+ // Note: Neither radios nor checkboxes can be readonly.
274
+ input[type="radio"],
275
+ input[type="checkbox"] {
276
+ &[disabled],
277
+ &.disabled,
278
+ fieldset[disabled] & {
279
+ cursor: $cursor-disabled;
280
+ }
281
+ }
282
+ // These classes are used directly on <label>s
283
+ .radio-inline,
284
+ .checkbox-inline {
285
+ &.disabled,
286
+ fieldset[disabled] & {
287
+ cursor: $cursor-disabled;
288
+ }
289
+ }
290
+ // These classes are used on elements with <label> descendants
291
+ .radio,
292
+ .checkbox {
293
+ &.disabled,
294
+ fieldset[disabled] & {
295
+ label {
296
+ cursor: $cursor-disabled;
297
+ }
298
+ }
299
+ }
300
+
301
+
302
+ // Static form control text
303
+ //
304
+ // Apply class to a `p` element to make any string of text align with labels in
305
+ // a horizontal form layout.
306
+
307
+ .form-control-static {
308
+ // Size it appropriately next to real form controls
309
+ padding-top: ($padding-base-vertical + 1);
310
+ padding-bottom: ($padding-base-vertical + 1);
311
+ // Remove default margin from `p`
312
+ margin-bottom: 0;
313
+ min-height: ($line-height-computed + $font-size-base);
314
+
315
+ &.input-lg,
316
+ &.input-sm {
317
+ padding-left: 0;
318
+ padding-right: 0;
319
+ }
320
+ }
321
+
322
+
323
+ // Form control sizing
324
+ //
325
+ // Build on `.form-control` with modifier classes to decrease or increase the
326
+ // height and font-size of form controls.
327
+ //
328
+ // The `.form-group-* form-control` variations are sadly duplicated to avoid the
329
+ // issue documented in https://github.com/twbs/bootstrap/issues/15074.
330
+
331
+ @include input-size('.input-sm', $input-height-small, $padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $input-border-radius-small);
332
+ .form-group-sm {
333
+ .form-control {
334
+ height: $input-height-small;
335
+ padding: $padding-small-vertical $padding-small-horizontal;
336
+ font-size: $font-size-small;
337
+ line-height: $line-height-small;
338
+ border-radius: $input-border-radius-small;
339
+ }
340
+ select.form-control {
341
+ height: $input-height-small;
342
+ line-height: $input-height-small;
343
+ }
344
+ textarea.form-control,
345
+ select[multiple].form-control {
346
+ height: auto;
347
+ }
348
+ .form-control-static {
349
+ height: $input-height-small;
350
+ min-height: ($line-height-computed + $font-size-small);
351
+ padding: ($padding-small-vertical + 1) $padding-small-horizontal;
352
+ font-size: $font-size-small;
353
+ line-height: $line-height-small;
354
+ }
355
+ }
356
+
357
+ @include input-size('.input-lg', $input-height-large, $padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $input-border-radius-large);
358
+ .form-group-lg {
359
+ .form-control {
360
+ height: $input-height-large;
361
+ padding: $padding-large-vertical $padding-large-horizontal;
362
+ font-size: $font-size-large;
363
+ line-height: $line-height-large;
364
+ border-radius: $input-border-radius-large;
365
+ }
366
+ select.form-control {
367
+ height: $input-height-large;
368
+ line-height: $input-height-large;
369
+ }
370
+ textarea.form-control,
371
+ select[multiple].form-control {
372
+ height: auto;
373
+ }
374
+ .form-control-static {
375
+ height: $input-height-large;
376
+ min-height: ($line-height-computed + $font-size-large);
377
+ padding: ($padding-large-vertical + 1) $padding-large-horizontal;
378
+ font-size: $font-size-large;
379
+ line-height: $line-height-large;
380
+ }
381
+ }
382
+
383
+
384
+ // Form control feedback states
385
+ //
386
+ // Apply contextual and semantic states to individual form controls.
387
+
388
+ .has-feedback {
389
+ // Enable absolute positioning
390
+ position: relative;
391
+
392
+ // Ensure icons don't overlap text
393
+ .form-control {
394
+ padding-right: ($input-height-base * 1.25);
395
+ }
396
+ }
397
+ // Feedback icon (requires .glyphicon classes)
398
+ .form-control-feedback {
399
+ position: absolute;
400
+ top: 0;
401
+ right: 0;
402
+ z-index: 2; // Ensure icon is above input groups
403
+ display: block;
404
+ width: $input-height-base;
405
+ height: $input-height-base;
406
+ line-height: $input-height-base;
407
+ text-align: center;
408
+ pointer-events: none;
409
+ }
410
+ .input-lg + .form-control-feedback,
411
+ .input-group-lg + .form-control-feedback,
412
+ .form-group-lg .form-control + .form-control-feedback {
413
+ width: $input-height-large;
414
+ height: $input-height-large;
415
+ line-height: $input-height-large;
416
+ }
417
+ .input-sm + .form-control-feedback,
418
+ .input-group-sm + .form-control-feedback,
419
+ .form-group-sm .form-control + .form-control-feedback {
420
+ width: $input-height-small;
421
+ height: $input-height-small;
422
+ line-height: $input-height-small;
423
+ }
424
+
425
+ // Feedback states
426
+ .has-success {
427
+ @include form-control-validation($state-success-text, $state-success-text, $state-success-bg);
428
+ }
429
+ .has-warning {
430
+ @include form-control-validation($state-warning-text, $state-warning-text, $state-warning-bg);
431
+ }
432
+ .has-error {
433
+ @include form-control-validation($state-danger-text, $state-danger-text, $state-danger-bg);
434
+ }
435
+
436
+ // Reposition feedback icon if input has visible label above
437
+ .has-feedback label {
438
+
439
+ & ~ .form-control-feedback {
440
+ top: ($line-height-computed + 5); // Height of the `label` and its margin
441
+ }
442
+ &.sr-only ~ .form-control-feedback {
443
+ top: 0;
444
+ }
445
+ }
446
+
447
+
448
+ // Help text
449
+ //
450
+ // Apply to any element you wish to create light text for placement immediately
451
+ // below a form control. Use for general help, formatting, or instructional text.
452
+
453
+ .help-block {
454
+ display: block; // account for any element using help-block
455
+ margin-top: 5px;
456
+ margin-bottom: 10px;
457
+ color: lighten($text-color, 25%); // lighten the text some for contrast
458
+ }
459
+
460
+
461
+ // Inline forms
462
+ //
463
+ // Make forms appear inline(-block) by adding the `.form-inline` class. Inline
464
+ // forms begin stacked on extra small (mobile) devices and then go inline when
465
+ // viewports reach <768px.
466
+ //
467
+ // Requires wrapping inputs and labels with `.form-group` for proper display of
468
+ // default HTML form controls and our custom form controls (e.g., input groups).
469
+ //
470
+ // Heads up! This is mixin-ed into `.navbar-form` in navbars.less.
471
+
472
+ // [converter] extracted from `.form-inline` for libsass compatibility
473
+ @mixin form-inline {
474
+
475
+ // Kick in the inline
476
+ @media (min-width: $screen-sm-min) {
477
+ // Inline-block all the things for "inline"
478
+ .form-group {
479
+ display: inline-block;
480
+ margin-bottom: 0;
481
+ vertical-align: middle;
482
+ }
483
+
484
+ // In navbar-form, allow folks to *not* use `.form-group`
485
+ .form-control {
486
+ display: inline-block;
487
+ width: auto; // Prevent labels from stacking above inputs in `.form-group`
488
+ vertical-align: middle;
489
+ }
490
+
491
+ // Make static controls behave like regular ones
492
+ .form-control-static {
493
+ display: inline-block;
494
+ }
495
+
496
+ .input-group {
497
+ display: inline-table;
498
+ vertical-align: middle;
499
+
500
+ .input-group-addon,
501
+ .input-group-btn,
502
+ .form-control {
503
+ width: auto;
504
+ }
505
+ }
506
+
507
+ // Input groups need that 100% width though
508
+ .input-group > .form-control {
509
+ width: 100%;
510
+ }
511
+
512
+ .control-label {
513
+ margin-bottom: 0;
514
+ vertical-align: middle;
515
+ }
516
+
517
+ // Remove default margin on radios/checkboxes that were used for stacking, and
518
+ // then undo the floating of radios and checkboxes to match.
519
+ .radio,
520
+ .checkbox {
521
+ display: inline-block;
522
+ margin-top: 0;
523
+ margin-bottom: 0;
524
+ vertical-align: middle;
525
+
526
+ label {
527
+ padding-left: 0;
528
+ }
529
+ }
530
+ .radio input[type="radio"],
531
+ .checkbox input[type="checkbox"] {
532
+ position: relative;
533
+ margin-left: 0;
534
+ }
535
+
536
+ // Re-override the feedback icon.
537
+ .has-feedback .form-control-feedback {
538
+ top: 0;
539
+ }
540
+ }
541
+ }
542
+ // [converter] extracted as `@mixin form-inline` for libsass compatibility
543
+ .form-inline {
544
+ @include form-inline;
545
+ }
546
+
547
+
548
+
549
+ // Horizontal forms
550
+ //
551
+ // Horizontal forms are built on grid classes and allow you to create forms with
552
+ // labels on the left and inputs on the right.
553
+
554
+ .form-horizontal {
555
+
556
+ // Consistent vertical alignment of radios and checkboxes
557
+ //
558
+ // Labels also get some reset styles, but that is scoped to a media query below.
559
+ .radio,
560
+ .checkbox,
561
+ .radio-inline,
562
+ .checkbox-inline {
563
+ margin-top: 0;
564
+ margin-bottom: 0;
565
+ padding-top: ($padding-base-vertical + 1); // Default padding plus a border
566
+ }
567
+ // Account for padding we're adding to ensure the alignment and of help text
568
+ // and other content below items
569
+ .radio,
570
+ .checkbox {
571
+ min-height: ($line-height-computed + ($padding-base-vertical + 1));
572
+ }
573
+
574
+ // Make form groups behave like rows
575
+ .form-group {
576
+ @include make-row;
577
+ }
578
+
579
+ // Reset spacing and right align labels, but scope to media queries so that
580
+ // labels on narrow viewports stack the same as a default form example.
581
+ @media (min-width: $screen-sm-min) {
582
+ .control-label {
583
+ text-align: right;
584
+ margin-bottom: 0;
585
+ padding-top: ($padding-base-vertical + 1); // Default padding plus a border
586
+ }
587
+ }
588
+
589
+ // Validation states
590
+ //
591
+ // Reposition the icon because it's now within a grid column and columns have
592
+ // `position: relative;` on them. Also accounts for the grid gutter padding.
593
+ .has-feedback .form-control-feedback {
594
+ right: floor(($grid-gutter-width / 2));
595
+ }
596
+
597
+ // Form group sizes
598
+ //
599
+ // Quick utility class for applying `.input-lg` and `.input-sm` styles to the
600
+ // inputs and labels within a `.form-group`.
601
+ .form-group-lg {
602
+ @media (min-width: $screen-sm-min) {
603
+ .control-label {
604
+ padding-top: ($padding-large-vertical + 1);
605
+ font-size: $font-size-large;
606
+ }
607
+ }
608
+ }
609
+ .form-group-sm {
610
+ @media (min-width: $screen-sm-min) {
611
+ .control-label {
612
+ padding-top: ($padding-small-vertical + 1);
613
+ font-size: $font-size-small;
614
+ }
615
+ }
616
+ }
617
+ }