jekyll-theme-digitalebrain 0.1.3 → 0.1.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (166) hide show
  1. checksums.yaml +4 -4
  2. metadata +1 -165
  3. data/_config.yml +0 -49
  4. data/_includes/_footer.html +0 -68
  5. data/_includes/_head.html +0 -29
  6. data/_includes/_navbar.html +0 -20
  7. data/_layouts/default.html +0 -41
  8. data/_layouts/page.html +0 -39
  9. data/_layouts/post.html +0 -5
  10. data/_sass/bootstrap/_alert.scss +0 -51
  11. data/_sass/bootstrap/_badge.scss +0 -47
  12. data/_sass/bootstrap/_breadcrumb.scss +0 -41
  13. data/_sass/bootstrap/_button-group.scss +0 -172
  14. data/_sass/bootstrap/_buttons.scss +0 -144
  15. data/_sass/bootstrap/_card.scss +0 -301
  16. data/_sass/bootstrap/_carousel.scss +0 -235
  17. data/_sass/bootstrap/_close.scss +0 -34
  18. data/_sass/bootstrap/_code.scss +0 -56
  19. data/_sass/bootstrap/_custom-forms.scss +0 -420
  20. data/_sass/bootstrap/_dropdown.scss +0 -166
  21. data/_sass/bootstrap/_forms.scss +0 -335
  22. data/_sass/bootstrap/_functions.scss +0 -86
  23. data/_sass/bootstrap/_grid.scss +0 -52
  24. data/_sass/bootstrap/_images.scss +0 -42
  25. data/_sass/bootstrap/_input-group.scss +0 -159
  26. data/_sass/bootstrap/_jumbotron.scss +0 -16
  27. data/_sass/bootstrap/_list-group.scss +0 -115
  28. data/_sass/bootstrap/_media.scss +0 -8
  29. data/_sass/bootstrap/_mixins.scss +0 -41
  30. data/_sass/bootstrap/_modal.scss +0 -168
  31. data/_sass/bootstrap/_nav.scss +0 -118
  32. data/_sass/bootstrap/_navbar.scss +0 -299
  33. data/_sass/bootstrap/_pagination.scss +0 -78
  34. data/_sass/bootstrap/_popover.scss +0 -183
  35. data/_sass/bootstrap/_print.scss +0 -124
  36. data/_sass/bootstrap/_progress.scss +0 -34
  37. data/_sass/bootstrap/_reboot.scss +0 -482
  38. data/_sass/bootstrap/_root.scss +0 -19
  39. data/_sass/bootstrap/_tables.scss +0 -188
  40. data/_sass/bootstrap/_tooltip.scss +0 -115
  41. data/_sass/bootstrap/_transitions.scss +0 -22
  42. data/_sass/bootstrap/_type.scss +0 -125
  43. data/_sass/bootstrap/_utilities.scss +0 -15
  44. data/_sass/bootstrap/_variables.scss +0 -930
  45. data/_sass/bootstrap/bootstrap-grid.scss +0 -32
  46. data/_sass/bootstrap/bootstrap-reboot.scss +0 -12
  47. data/_sass/bootstrap/bootstrap.scss +0 -42
  48. data/_sass/bootstrap/mixins/_alert.scss +0 -13
  49. data/_sass/bootstrap/mixins/_background-variant.scss +0 -21
  50. data/_sass/bootstrap/mixins/_badge.scss +0 -12
  51. data/_sass/bootstrap/mixins/_border-radius.scss +0 -35
  52. data/_sass/bootstrap/mixins/_box-shadow.scss +0 -5
  53. data/_sass/bootstrap/mixins/_breakpoints.scss +0 -123
  54. data/_sass/bootstrap/mixins/_buttons.scss +0 -109
  55. data/_sass/bootstrap/mixins/_caret.scss +0 -66
  56. data/_sass/bootstrap/mixins/_clearfix.scss +0 -7
  57. data/_sass/bootstrap/mixins/_float.scss +0 -11
  58. data/_sass/bootstrap/mixins/_forms.scss +0 -137
  59. data/_sass/bootstrap/mixins/_gradients.scss +0 -45
  60. data/_sass/bootstrap/mixins/_grid-framework.scss +0 -67
  61. data/_sass/bootstrap/mixins/_grid.scss +0 -52
  62. data/_sass/bootstrap/mixins/_hover.scss +0 -37
  63. data/_sass/bootstrap/mixins/_image.scss +0 -36
  64. data/_sass/bootstrap/mixins/_list-group.scss +0 -21
  65. data/_sass/bootstrap/mixins/_lists.scss +0 -7
  66. data/_sass/bootstrap/mixins/_nav-divider.scss +0 -10
  67. data/_sass/bootstrap/mixins/_pagination.scss +0 -22
  68. data/_sass/bootstrap/mixins/_reset-text.scss +0 -17
  69. data/_sass/bootstrap/mixins/_resize.scss +0 -6
  70. data/_sass/bootstrap/mixins/_screen-reader.scss +0 -33
  71. data/_sass/bootstrap/mixins/_size.scss +0 -6
  72. data/_sass/bootstrap/mixins/_table-row.scss +0 -30
  73. data/_sass/bootstrap/mixins/_text-emphasis.scss +0 -14
  74. data/_sass/bootstrap/mixins/_text-hide.scss +0 -11
  75. data/_sass/bootstrap/mixins/_text-truncate.scss +0 -8
  76. data/_sass/bootstrap/mixins/_transition.scss +0 -13
  77. data/_sass/bootstrap/mixins/_visibility.scss +0 -7
  78. data/_sass/bootstrap/utilities/_align.scss +0 -8
  79. data/_sass/bootstrap/utilities/_background.scss +0 -19
  80. data/_sass/bootstrap/utilities/_borders.scss +0 -59
  81. data/_sass/bootstrap/utilities/_clearfix.scss +0 -3
  82. data/_sass/bootstrap/utilities/_display.scss +0 -38
  83. data/_sass/bootstrap/utilities/_embed.scss +0 -52
  84. data/_sass/bootstrap/utilities/_flex.scss +0 -51
  85. data/_sass/bootstrap/utilities/_float.scss +0 -9
  86. data/_sass/bootstrap/utilities/_position.scss +0 -37
  87. data/_sass/bootstrap/utilities/_screenreaders.scss +0 -11
  88. data/_sass/bootstrap/utilities/_shadows.scss +0 -6
  89. data/_sass/bootstrap/utilities/_sizing.scss +0 -12
  90. data/_sass/bootstrap/utilities/_spacing.scss +0 -51
  91. data/_sass/bootstrap/utilities/_text.scss +0 -58
  92. data/_sass/bootstrap/utilities/_visibility.scss +0 -11
  93. data/_sass/style.scss +0 -1569
  94. data/about.md +0 -10
  95. data/assets/.DS_Store +0 -0
  96. data/assets/css/Flaticon.woff +0 -0
  97. data/assets/css/Flaticon.woff2 +0 -0
  98. data/assets/css/_flaticon.scss +0 -70
  99. data/assets/css/ajax-loader.gif +0 -0
  100. data/assets/css/animate.css +0 -3377
  101. data/assets/css/aos.css +0 -2
  102. data/assets/css/bootstrap-datepicker.css +0 -512
  103. data/assets/css/bootstrap.min.css +0 -7
  104. data/assets/css/bootstrap/bootstrap-grid.css +0 -1708
  105. data/assets/css/bootstrap/bootstrap-reboot.css +0 -272
  106. data/assets/css/content.css +0 -101
  107. data/assets/css/css/bootstrap-reboot.css +0 -272
  108. data/assets/css/css/mixins/_text-hide.css +0 -0
  109. data/assets/css/flaticon.css +0 -47
  110. data/assets/css/icomoon.css +0 -4919
  111. data/assets/css/ionicons.min.css +0 -11
  112. data/assets/css/jquery.timepicker.css +0 -72
  113. data/assets/css/magnific-popup.css +0 -351
  114. data/assets/css/open-iconic-bootstrap.min.css +0 -1
  115. data/assets/css/owl.carousel.min.css +0 -6
  116. data/assets/css/owl.theme.default.min.css +0 -15
  117. data/assets/css/style.css +0 -8488
  118. data/assets/fonts/flaticon/backup.txt +0 -1
  119. data/assets/fonts/flaticon/font/Flaticon.eot +0 -0
  120. data/assets/fonts/flaticon/font/Flaticon.svg +0 -303
  121. data/assets/fonts/flaticon/font/Flaticon.ttf +0 -0
  122. data/assets/fonts/flaticon/font/Flaticon.woff +0 -0
  123. data/assets/fonts/flaticon/font/Flaticon.woff2 +0 -0
  124. data/assets/fonts/flaticon/font/_flaticon.scss +0 -70
  125. data/assets/fonts/flaticon/font/flaticon.css +0 -47
  126. data/assets/fonts/flaticon/font/flaticon.html +0 -530
  127. data/assets/fonts/flaticon/license/license.pdf +0 -0
  128. data/assets/fonts/icomoon/icomoon.eot +0 -0
  129. data/assets/fonts/icomoon/icomoon.svg +0 -1530
  130. data/assets/fonts/icomoon/icomoon.ttf +0 -0
  131. data/assets/fonts/icomoon/icomoon.woff +0 -0
  132. data/assets/fonts/ionicons/css/_ionicons.scss +0 -1480
  133. data/assets/fonts/ionicons/css/ionicons.min.css +0 -11
  134. data/assets/fonts/ionicons/fonts/ionicons.eot +0 -0
  135. data/assets/fonts/ionicons/fonts/ionicons.svg +0 -2094
  136. data/assets/fonts/ionicons/fonts/ionicons.ttf +0 -0
  137. data/assets/fonts/ionicons/fonts/ionicons.woff +0 -0
  138. data/assets/fonts/ionicons/fonts/ionicons.woff2 +0 -0
  139. data/assets/fonts/open-iconic/open-iconic.eot +0 -0
  140. data/assets/fonts/open-iconic/open-iconic.otf +0 -0
  141. data/assets/fonts/open-iconic/open-iconic.svg +0 -543
  142. data/assets/fonts/open-iconic/open-iconic.ttf +0 -0
  143. data/assets/fonts/open-iconic/open-iconic.woff +0 -0
  144. data/assets/images/.DS_Store +0 -0
  145. data/assets/images/bg_1.jpg +0 -0
  146. data/assets/images/bg_1_.jpg +0 -0
  147. data/assets/images/bubbles_.jpg +0 -0
  148. data/assets/images/favicon.png +0 -0
  149. data/assets/images/loc.png +0 -0
  150. data/assets/js/aos.js +0 -2
  151. data/assets/js/bootstrap-datepicker.js +0 -1671
  152. data/assets/js/bootstrap.min.js +0 -7
  153. data/assets/js/google-map.js +0 -62
  154. data/assets/js/jquery-3.2.1.min.js +0 -4
  155. data/assets/js/jquery-migrate-3.0.1.min.js +0 -215
  156. data/assets/js/jquery.animateNumber.min.js +0 -8
  157. data/assets/js/jquery.easing.1.3.js +0 -205
  158. data/assets/js/jquery.magnific-popup.min.js +0 -4
  159. data/assets/js/jquery.min.js +0 -10253
  160. data/assets/js/jquery.stellar.min.js +0 -2
  161. data/assets/js/jquery.timepicker.min.js +0 -7
  162. data/assets/js/jquery.waypoints.min.js +0 -7
  163. data/assets/js/main.js +0 -346
  164. data/assets/js/owl.carousel.min.js +0 -7
  165. data/assets/js/popper.min.js +0 -5
  166. data/index.md +0 -4
@@ -1,166 +0,0 @@
1
- // The dropdown wrapper (`<div>`)
2
- .dropup,
3
- .dropright,
4
- .dropdown,
5
- .dropleft {
6
- position: relative;
7
- }
8
-
9
- .dropdown-toggle {
10
- // Generate the caret automatically
11
- @include caret;
12
- }
13
-
14
- // The dropdown menu
15
- .dropdown-menu {
16
- position: absolute;
17
- top: 100%;
18
- left: 0;
19
- z-index: $zindex-dropdown;
20
- display: none; // none by default, but block on "open" of the menu
21
- float: left;
22
- min-width: $dropdown-min-width;
23
- padding: $dropdown-padding-y 0;
24
- margin: $dropdown-spacer 0 0; // override default ul
25
- font-size: $font-size-base; // Redeclare because nesting can cause inheritance issues
26
- color: $body-color;
27
- text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
28
- list-style: none;
29
- background-color: $dropdown-bg;
30
- background-clip: padding-box;
31
- border: $dropdown-border-width solid $dropdown-border-color;
32
- @include border-radius($dropdown-border-radius);
33
- @include box-shadow($dropdown-box-shadow);
34
- }
35
-
36
- .dropdown-menu-right {
37
- right: 0;
38
- left: auto;
39
- }
40
-
41
- // Allow for dropdowns to go bottom up (aka, dropup-menu)
42
- // Just add .dropup after the standard .dropdown class and you're set.
43
- .dropup {
44
- .dropdown-menu {
45
- top: auto;
46
- bottom: 100%;
47
- margin-top: 0;
48
- margin-bottom: $dropdown-spacer;
49
- }
50
-
51
- .dropdown-toggle {
52
- @include caret(up);
53
- }
54
- }
55
-
56
- .dropright {
57
- .dropdown-menu {
58
- top: 0;
59
- right: auto;
60
- left: 100%;
61
- margin-top: 0;
62
- margin-left: $dropdown-spacer;
63
- }
64
-
65
- .dropdown-toggle {
66
- @include caret(right);
67
- &::after {
68
- vertical-align: 0;
69
- }
70
- }
71
- }
72
-
73
- .dropleft {
74
- .dropdown-menu {
75
- top: 0;
76
- right: 100%;
77
- left: auto;
78
- margin-top: 0;
79
- margin-right: $dropdown-spacer;
80
- }
81
-
82
- .dropdown-toggle {
83
- @include caret(left);
84
- &::before {
85
- vertical-align: 0;
86
- }
87
- }
88
- }
89
-
90
- // When enabled Popper.js, reset basic dropdown position
91
- // stylelint-disable no-duplicate-selectors
92
- .dropdown-menu {
93
- &[x-placement^="top"],
94
- &[x-placement^="right"],
95
- &[x-placement^="bottom"],
96
- &[x-placement^="left"] {
97
- right: auto;
98
- bottom: auto;
99
- }
100
- }
101
- // stylelint-enable no-duplicate-selectors
102
-
103
- // Dividers (basically an `<hr>`) within the dropdown
104
- .dropdown-divider {
105
- @include nav-divider($dropdown-divider-bg);
106
- }
107
-
108
- // Links, buttons, and more within the dropdown menu
109
- //
110
- // `<button>`-specific styles are denoted with `// For <button>s`
111
- .dropdown-item {
112
- display: block;
113
- width: 100%; // For `<button>`s
114
- padding: $dropdown-item-padding-y $dropdown-item-padding-x;
115
- clear: both;
116
- font-weight: $font-weight-normal;
117
- color: $dropdown-link-color;
118
- text-align: inherit; // For `<button>`s
119
- white-space: nowrap; // prevent links from randomly breaking onto new lines
120
- background-color: transparent; // For `<button>`s
121
- border: 0; // For `<button>`s
122
-
123
- @include hover-focus {
124
- color: $dropdown-link-hover-color;
125
- text-decoration: none;
126
- @include gradient-bg($dropdown-link-hover-bg);
127
- }
128
-
129
- &.active,
130
- &:active {
131
- color: $dropdown-link-active-color;
132
- text-decoration: none;
133
- @include gradient-bg($dropdown-link-active-bg);
134
- }
135
-
136
- &.disabled,
137
- &:disabled {
138
- color: $dropdown-link-disabled-color;
139
- background-color: transparent;
140
- // Remove CSS gradients if they're enabled
141
- @if $enable-gradients {
142
- background-image: none;
143
- }
144
- }
145
- }
146
-
147
- .dropdown-menu.show {
148
- display: block;
149
- }
150
-
151
- // Dropdown section headers
152
- .dropdown-header {
153
- display: block;
154
- padding: $dropdown-padding-y $dropdown-item-padding-x;
155
- margin-bottom: 0; // for use with heading elements
156
- font-size: $font-size-sm;
157
- color: $dropdown-header-color;
158
- white-space: nowrap; // as with > li > a
159
- }
160
-
161
- // Dropdown text
162
- .dropdown-item-text {
163
- display: block;
164
- padding: $dropdown-item-padding-y $dropdown-item-padding-x;
165
- color: $dropdown-link-color;
166
- }
@@ -1,335 +0,0 @@
1
- // stylelint-disable selector-no-qualifying-type
2
-
3
- //
4
- // Textual form controls
5
- //
6
-
7
- .form-control {
8
- display: block;
9
- width: 100%;
10
- padding: $input-padding-y $input-padding-x;
11
- font-size: $font-size-base;
12
- line-height: $input-line-height;
13
- color: $input-color;
14
- background-color: $input-bg;
15
- background-clip: padding-box;
16
- border: $input-border-width solid $input-border-color;
17
-
18
- // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
19
- @if $enable-rounded {
20
- // Manually use the if/else instead of the mixin to account for iOS override
21
- border-radius: $input-border-radius;
22
- } @else {
23
- // Otherwise undo the iOS default
24
- border-radius: 0;
25
- }
26
-
27
- @include box-shadow($input-box-shadow);
28
- @include transition($input-transition);
29
-
30
- // Unstyle the caret on `<select>`s in IE10+.
31
- &::-ms-expand {
32
- background-color: transparent;
33
- border: 0;
34
- }
35
-
36
- // Customize the `:focus` state to imitate native WebKit styles.
37
- @include form-control-focus();
38
-
39
- // Placeholder
40
- &::placeholder {
41
- color: $input-placeholder-color;
42
- // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
43
- opacity: 1;
44
- }
45
-
46
- // Disabled and read-only inputs
47
- //
48
- // HTML5 says that controls under a fieldset > legend:first-child won't be
49
- // disabled if the fieldset is disabled. Due to implementation difficulty, we
50
- // don't honor that edge case; we style them as disabled anyway.
51
- &:disabled,
52
- &[readonly] {
53
- background-color: $input-disabled-bg;
54
- // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
55
- opacity: 1;
56
- }
57
- }
58
-
59
- select.form-control {
60
- &:not([size]):not([multiple]) {
61
- height: $input-height;
62
- }
63
-
64
- &:focus::-ms-value {
65
- // Suppress the nested default white text on blue background highlight given to
66
- // the selected option text when the (still closed) <select> receives focus
67
- // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to
68
- // match the appearance of the native widget.
69
- // See https://github.com/twbs/bootstrap/issues/19398.
70
- color: $input-color;
71
- background-color: $input-bg;
72
- }
73
- }
74
-
75
- // Make file inputs better match text inputs by forcing them to new lines.
76
- .form-control-file,
77
- .form-control-range {
78
- display: block;
79
- width: 100%;
80
- }
81
-
82
-
83
- //
84
- // Labels
85
- //
86
-
87
- // For use with horizontal and inline forms, when you need the label (or legend)
88
- // text to align with the form controls.
89
- .col-form-label {
90
- padding-top: calc(#{$input-padding-y} + #{$input-border-width});
91
- padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});
92
- margin-bottom: 0; // Override the `<label>/<legend>` default
93
- font-size: inherit; // Override the `<legend>` default
94
- line-height: $input-line-height;
95
- }
96
-
97
- .col-form-label-lg {
98
- padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});
99
- padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});
100
- font-size: $font-size-lg;
101
- line-height: $input-line-height-lg;
102
- }
103
-
104
- .col-form-label-sm {
105
- padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});
106
- padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});
107
- font-size: $font-size-sm;
108
- line-height: $input-line-height-sm;
109
- }
110
-
111
-
112
- // Readonly controls as plain text
113
- //
114
- // Apply class to a readonly input to make it appear like regular plain
115
- // text (without any border, background color, focus indicator)
116
-
117
- .form-control-plaintext {
118
- display: block;
119
- width: 100%;
120
- padding-top: $input-padding-y;
121
- padding-bottom: $input-padding-y;
122
- margin-bottom: 0; // match inputs if this class comes on inputs with default margins
123
- line-height: $input-line-height;
124
- color: $input-plaintext-color;
125
- background-color: transparent;
126
- border: solid transparent;
127
- border-width: $input-border-width 0;
128
-
129
- &.form-control-sm,
130
- &.form-control-lg {
131
- padding-right: 0;
132
- padding-left: 0;
133
- }
134
- }
135
-
136
-
137
- // Form control sizing
138
- //
139
- // Build on `.form-control` with modifier classes to decrease or increase the
140
- // height and font-size of form controls.
141
- //
142
- // The `.form-group-* form-control` variations are sadly duplicated to avoid the
143
- // issue documented in https://github.com/twbs/bootstrap/issues/15074.
144
-
145
- .form-control-sm {
146
- padding: $input-padding-y-sm $input-padding-x-sm;
147
- font-size: $font-size-sm;
148
- line-height: $input-line-height-sm;
149
- @include border-radius($input-border-radius-sm);
150
- }
151
-
152
- select.form-control-sm {
153
- &:not([size]):not([multiple]) {
154
- height: $input-height-sm;
155
- }
156
- }
157
-
158
- .form-control-lg {
159
- padding: $input-padding-y-lg $input-padding-x-lg;
160
- font-size: $font-size-lg;
161
- line-height: $input-line-height-lg;
162
- @include border-radius($input-border-radius-lg);
163
- }
164
-
165
- select.form-control-lg {
166
- &:not([size]):not([multiple]) {
167
- height: $input-height-lg;
168
- }
169
- }
170
-
171
-
172
- // Form groups
173
- //
174
- // Designed to help with the organization and spacing of vertical forms. For
175
- // horizontal forms, use the predefined grid classes.
176
-
177
- .form-group {
178
- margin-bottom: $form-group-margin-bottom;
179
- }
180
-
181
- .form-text {
182
- display: block;
183
- margin-top: $form-text-margin-top;
184
- }
185
-
186
-
187
- // Form grid
188
- //
189
- // Special replacement for our grid system's `.row` for tighter form layouts.
190
-
191
- .form-row {
192
- display: flex;
193
- flex-wrap: wrap;
194
- margin-right: -5px;
195
- margin-left: -5px;
196
-
197
- > .col,
198
- > [class*="col-"] {
199
- padding-right: 5px;
200
- padding-left: 5px;
201
- }
202
- }
203
-
204
-
205
- // Checkboxes and radios
206
- //
207
- // Indent the labels to position radios/checkboxes as hanging controls.
208
-
209
- .form-check {
210
- position: relative;
211
- display: block;
212
- padding-left: $form-check-input-gutter;
213
- }
214
-
215
- .form-check-input {
216
- position: absolute;
217
- margin-top: $form-check-input-margin-y;
218
- margin-left: -$form-check-input-gutter;
219
-
220
- &:disabled ~ .form-check-label {
221
- color: $text-muted;
222
- }
223
- }
224
-
225
- .form-check-label {
226
- margin-bottom: 0; // Override default `<label>` bottom margin
227
- }
228
-
229
- .form-check-inline {
230
- display: inline-flex;
231
- align-items: center;
232
- padding-left: 0; // Override base .form-check
233
- margin-right: $form-check-inline-margin-x;
234
-
235
- // Undo .form-check-input defaults and add some `margin-right`.
236
- .form-check-input {
237
- position: static;
238
- margin-top: 0;
239
- margin-right: $form-check-inline-input-margin-x;
240
- margin-left: 0;
241
- }
242
- }
243
-
244
-
245
- // Form validation
246
- //
247
- // Provide feedback to users when form field values are valid or invalid. Works
248
- // primarily for client-side validation via scoped `:invalid` and `:valid`
249
- // pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for
250
- // server side validation.
251
-
252
- @include form-validation-state("valid", $form-feedback-valid-color);
253
- @include form-validation-state("invalid", $form-feedback-invalid-color);
254
-
255
- // Inline forms
256
- //
257
- // Make forms appear inline(-block) by adding the `.form-inline` class. Inline
258
- // forms begin stacked on extra small (mobile) devices and then go inline when
259
- // viewports reach <768px.
260
- //
261
- // Requires wrapping inputs and labels with `.form-group` for proper display of
262
- // default HTML form controls and our custom form controls (e.g., input groups).
263
-
264
- .form-inline {
265
- display: flex;
266
- flex-flow: row wrap;
267
- align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)
268
-
269
- // Because we use flex, the initial sizing of checkboxes is collapsed and
270
- // doesn't occupy the full-width (which is what we want for xs grid tier),
271
- // so we force that here.
272
- .form-check {
273
- width: 100%;
274
- }
275
-
276
- // Kick in the inline
277
- @include media-breakpoint-up(sm) {
278
- label {
279
- display: flex;
280
- align-items: center;
281
- justify-content: center;
282
- margin-bottom: 0;
283
- }
284
-
285
- // Inline-block all the things for "inline"
286
- .form-group {
287
- display: flex;
288
- flex: 0 0 auto;
289
- flex-flow: row wrap;
290
- align-items: center;
291
- margin-bottom: 0;
292
- }
293
-
294
- // Allow folks to *not* use `.form-group`
295
- .form-control {
296
- display: inline-block;
297
- width: auto; // Prevent labels from stacking above inputs in `.form-group`
298
- vertical-align: middle;
299
- }
300
-
301
- // Make static controls behave like regular ones
302
- .form-control-plaintext {
303
- display: inline-block;
304
- }
305
-
306
- .input-group,
307
- .custom-select {
308
- width: auto;
309
- }
310
-
311
- // Remove default margin on radios/checkboxes that were used for stacking, and
312
- // then undo the floating of radios and checkboxes to match.
313
- .form-check {
314
- display: flex;
315
- align-items: center;
316
- justify-content: center;
317
- width: auto;
318
- padding-left: 0;
319
- }
320
- .form-check-input {
321
- position: relative;
322
- margin-top: 0;
323
- margin-right: $form-check-input-margin-x;
324
- margin-left: 0;
325
- }
326
-
327
- .custom-control {
328
- align-items: center;
329
- justify-content: center;
330
- }
331
- .custom-control-label {
332
- margin-bottom: 0;
333
- }
334
- }
335
- }