my_assets 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (114) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +43 -0
  4. data/lib/my_assets/version.rb +3 -0
  5. data/lib/my_assets.rb +7 -0
  6. data/vendor/assets/fonts/FontAwesome.otf +0 -0
  7. data/vendor/assets/fonts/fontawesome-webfont.eot +0 -0
  8. data/vendor/assets/fonts/fontawesome-webfont.svg +2671 -0
  9. data/vendor/assets/fonts/fontawesome-webfont.ttf +0 -0
  10. data/vendor/assets/fonts/fontawesome-webfont.woff +0 -0
  11. data/vendor/assets/fonts/fontawesome-webfont.woff2 +0 -0
  12. data/vendor/assets/javascripts/bootstrap/alert.js +203 -0
  13. data/vendor/assets/javascripts/bootstrap/button.js +191 -0
  14. data/vendor/assets/javascripts/bootstrap/carousel.js +566 -0
  15. data/vendor/assets/javascripts/bootstrap/collapse.js +430 -0
  16. data/vendor/assets/javascripts/bootstrap/dropdown.js +551 -0
  17. data/vendor/assets/javascripts/bootstrap/modal.js +633 -0
  18. data/vendor/assets/javascripts/bootstrap/popover.js +265 -0
  19. data/vendor/assets/javascripts/bootstrap/scrollspy.js +378 -0
  20. data/vendor/assets/javascripts/bootstrap/tab.js +277 -0
  21. data/vendor/assets/javascripts/bootstrap/tooltip.js +733 -0
  22. data/vendor/assets/javascripts/bootstrap/util.js +143 -0
  23. data/vendor/assets/javascripts/bootstrap.js +6 -0
  24. data/vendor/assets/javascripts/data-confirm-modal.js +351 -0
  25. data/vendor/assets/javascripts/datatables.js +360 -0
  26. data/vendor/assets/javascripts/jquery.js +4 -0
  27. data/vendor/assets/javascripts/notify.js +625 -0
  28. data/vendor/assets/javascripts/popper.js +5 -0
  29. data/vendor/assets/javascripts/select2.js +1 -0
  30. data/vendor/assets/stylesheets/bootstrap/_alert.scss +51 -0
  31. data/vendor/assets/stylesheets/bootstrap/_badge.scss +47 -0
  32. data/vendor/assets/stylesheets/bootstrap/_breadcrumb.scss +41 -0
  33. data/vendor/assets/stylesheets/bootstrap/_button-group.scss +172 -0
  34. data/vendor/assets/stylesheets/bootstrap/_buttons.scss +143 -0
  35. data/vendor/assets/stylesheets/bootstrap/_card.scss +301 -0
  36. data/vendor/assets/stylesheets/bootstrap/_carousel.scss +236 -0
  37. data/vendor/assets/stylesheets/bootstrap/_close.scss +35 -0
  38. data/vendor/assets/stylesheets/bootstrap/_code.scss +48 -0
  39. data/vendor/assets/stylesheets/bootstrap/_custom-forms.scss +433 -0
  40. data/vendor/assets/stylesheets/bootstrap/_dropdown.scss +166 -0
  41. data/vendor/assets/stylesheets/bootstrap/_forms.scss +333 -0
  42. data/vendor/assets/stylesheets/bootstrap/_functions.scss +86 -0
  43. data/vendor/assets/stylesheets/bootstrap/_grid.scss +52 -0
  44. data/vendor/assets/stylesheets/bootstrap/_images.scss +42 -0
  45. data/vendor/assets/stylesheets/bootstrap/_input-group.scss +173 -0
  46. data/vendor/assets/stylesheets/bootstrap/_jumbotron.scss +16 -0
  47. data/vendor/assets/stylesheets/bootstrap/_list-group.scss +115 -0
  48. data/vendor/assets/stylesheets/bootstrap/_media.scss +8 -0
  49. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +41 -0
  50. data/vendor/assets/stylesheets/bootstrap/_modal.scss +180 -0
  51. data/vendor/assets/stylesheets/bootstrap/_nav.scss +118 -0
  52. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +299 -0
  53. data/vendor/assets/stylesheets/bootstrap/_pagination.scss +78 -0
  54. data/vendor/assets/stylesheets/bootstrap/_popover.scss +183 -0
  55. data/vendor/assets/stylesheets/bootstrap/_print.scss +141 -0
  56. data/vendor/assets/stylesheets/bootstrap/_progress.scss +34 -0
  57. data/vendor/assets/stylesheets/bootstrap/_reboot.scss +483 -0
  58. data/vendor/assets/stylesheets/bootstrap/_root.scss +19 -0
  59. data/vendor/assets/stylesheets/bootstrap/_tables.scss +187 -0
  60. data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +115 -0
  61. data/vendor/assets/stylesheets/bootstrap/_transitions.scss +22 -0
  62. data/vendor/assets/stylesheets/bootstrap/_type.scss +125 -0
  63. data/vendor/assets/stylesheets/bootstrap/_utilities.scss +15 -0
  64. data/vendor/assets/stylesheets/bootstrap/_variables.scss +952 -0
  65. data/vendor/assets/stylesheets/bootstrap/mixins/_alert.scss +13 -0
  66. data/vendor/assets/stylesheets/bootstrap/mixins/_background-variant.scss +21 -0
  67. data/vendor/assets/stylesheets/bootstrap/mixins/_badge.scss +12 -0
  68. data/vendor/assets/stylesheets/bootstrap/mixins/_border-radius.scss +35 -0
  69. data/vendor/assets/stylesheets/bootstrap/mixins/_box-shadow.scss +5 -0
  70. data/vendor/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +123 -0
  71. data/vendor/assets/stylesheets/bootstrap/mixins/_buttons.scss +109 -0
  72. data/vendor/assets/stylesheets/bootstrap/mixins/_caret.scss +66 -0
  73. data/vendor/assets/stylesheets/bootstrap/mixins/_clearfix.scss +7 -0
  74. data/vendor/assets/stylesheets/bootstrap/mixins/_float.scss +11 -0
  75. data/vendor/assets/stylesheets/bootstrap/mixins/_forms.scss +147 -0
  76. data/vendor/assets/stylesheets/bootstrap/mixins/_gradients.scss +45 -0
  77. data/vendor/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +67 -0
  78. data/vendor/assets/stylesheets/bootstrap/mixins/_grid.scss +52 -0
  79. data/vendor/assets/stylesheets/bootstrap/mixins/_hover.scss +37 -0
  80. data/vendor/assets/stylesheets/bootstrap/mixins/_image.scss +36 -0
  81. data/vendor/assets/stylesheets/bootstrap/mixins/_list-group.scss +21 -0
  82. data/vendor/assets/stylesheets/bootstrap/mixins/_lists.scss +7 -0
  83. data/vendor/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
  84. data/vendor/assets/stylesheets/bootstrap/mixins/_pagination.scss +22 -0
  85. data/vendor/assets/stylesheets/bootstrap/mixins/_reset-text.scss +17 -0
  86. data/vendor/assets/stylesheets/bootstrap/mixins/_resize.scss +6 -0
  87. data/vendor/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +33 -0
  88. data/vendor/assets/stylesheets/bootstrap/mixins/_size.scss +6 -0
  89. data/vendor/assets/stylesheets/bootstrap/mixins/_table-row.scss +30 -0
  90. data/vendor/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +14 -0
  91. data/vendor/assets/stylesheets/bootstrap/mixins/_text-hide.scss +13 -0
  92. data/vendor/assets/stylesheets/bootstrap/mixins/_text-truncate.scss +8 -0
  93. data/vendor/assets/stylesheets/bootstrap/mixins/_transition.scss +13 -0
  94. data/vendor/assets/stylesheets/bootstrap/mixins/_visibility.scss +7 -0
  95. data/vendor/assets/stylesheets/bootstrap/utilities/_align.scss +8 -0
  96. data/vendor/assets/stylesheets/bootstrap/utilities/_background.scss +19 -0
  97. data/vendor/assets/stylesheets/bootstrap/utilities/_borders.scss +59 -0
  98. data/vendor/assets/stylesheets/bootstrap/utilities/_clearfix.scss +3 -0
  99. data/vendor/assets/stylesheets/bootstrap/utilities/_display.scss +38 -0
  100. data/vendor/assets/stylesheets/bootstrap/utilities/_embed.scss +52 -0
  101. data/vendor/assets/stylesheets/bootstrap/utilities/_flex.scss +51 -0
  102. data/vendor/assets/stylesheets/bootstrap/utilities/_float.scss +9 -0
  103. data/vendor/assets/stylesheets/bootstrap/utilities/_position.scss +37 -0
  104. data/vendor/assets/stylesheets/bootstrap/utilities/_screenreaders.scss +11 -0
  105. data/vendor/assets/stylesheets/bootstrap/utilities/_shadows.scss +6 -0
  106. data/vendor/assets/stylesheets/bootstrap/utilities/_sizing.scss +12 -0
  107. data/vendor/assets/stylesheets/bootstrap/utilities/_spacing.scss +51 -0
  108. data/vendor/assets/stylesheets/bootstrap/utilities/_text.scss +58 -0
  109. data/vendor/assets/stylesheets/bootstrap/utilities/_visibility.scss +11 -0
  110. data/vendor/assets/stylesheets/bootstrap.scss +42 -0
  111. data/vendor/assets/stylesheets/datatables.css +1004 -0
  112. data/vendor/assets/stylesheets/font-awesome.css.erb +2342 -0
  113. data/vendor/assets/stylesheets/select2.css +484 -0
  114. metadata +186 -0
@@ -0,0 +1,333 @@
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
+ height: $input-height;
11
+ padding: $input-padding-y $input-padding-x;
12
+ font-size: $font-size-base;
13
+ line-height: $input-line-height;
14
+ color: $input-color;
15
+ background-color: $input-bg;
16
+ background-clip: padding-box;
17
+ border: $input-border-width solid $input-border-color;
18
+
19
+ // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
20
+ @if $enable-rounded {
21
+ // Manually use the if/else instead of the mixin to account for iOS override
22
+ border-radius: $input-border-radius;
23
+ } @else {
24
+ // Otherwise undo the iOS default
25
+ border-radius: 0;
26
+ }
27
+
28
+ @include box-shadow($input-box-shadow);
29
+ @include transition($input-transition);
30
+
31
+ // Unstyle the caret on `<select>`s in IE10+.
32
+ &::-ms-expand {
33
+ background-color: transparent;
34
+ border: 0;
35
+ }
36
+
37
+ // Customize the `:focus` state to imitate native WebKit styles.
38
+ @include form-control-focus();
39
+
40
+ // Placeholder
41
+ &::placeholder {
42
+ color: $input-placeholder-color;
43
+ // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
44
+ opacity: 1;
45
+ }
46
+
47
+ // Disabled and read-only inputs
48
+ //
49
+ // HTML5 says that controls under a fieldset > legend:first-child won't be
50
+ // disabled if the fieldset is disabled. Due to implementation difficulty, we
51
+ // don't honor that edge case; we style them as disabled anyway.
52
+ &:disabled,
53
+ &[readonly] {
54
+ background-color: $input-disabled-bg;
55
+ // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
56
+ opacity: 1;
57
+ }
58
+ }
59
+
60
+ select.form-control {
61
+ &:focus::-ms-value {
62
+ // Suppress the nested default white text on blue background highlight given to
63
+ // the selected option text when the (still closed) <select> receives focus
64
+ // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to
65
+ // match the appearance of the native widget.
66
+ // See https://github.com/twbs/bootstrap/issues/19398.
67
+ color: $input-color;
68
+ background-color: $input-bg;
69
+ }
70
+ }
71
+
72
+ // Make file inputs better match text inputs by forcing them to new lines.
73
+ .form-control-file,
74
+ .form-control-range {
75
+ display: block;
76
+ width: 100%;
77
+ }
78
+
79
+
80
+ //
81
+ // Labels
82
+ //
83
+
84
+ // For use with horizontal and inline forms, when you need the label (or legend)
85
+ // text to align with the form controls.
86
+ .col-form-label {
87
+ padding-top: calc(#{$input-padding-y} + #{$input-border-width});
88
+ padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});
89
+ margin-bottom: 0; // Override the `<label>/<legend>` default
90
+ font-size: inherit; // Override the `<legend>` default
91
+ line-height: $input-line-height;
92
+ }
93
+
94
+ .col-form-label-lg {
95
+ padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});
96
+ padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});
97
+ font-size: $font-size-lg;
98
+ line-height: $input-line-height-lg;
99
+ }
100
+
101
+ .col-form-label-sm {
102
+ padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});
103
+ padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});
104
+ font-size: $font-size-sm;
105
+ line-height: $input-line-height-sm;
106
+ }
107
+
108
+
109
+ // Readonly controls as plain text
110
+ //
111
+ // Apply class to a readonly input to make it appear like regular plain
112
+ // text (without any border, background color, focus indicator)
113
+
114
+ .form-control-plaintext {
115
+ display: block;
116
+ width: 100%;
117
+ padding-top: $input-padding-y;
118
+ padding-bottom: $input-padding-y;
119
+ margin-bottom: 0; // match inputs if this class comes on inputs with default margins
120
+ line-height: $input-line-height;
121
+ color: $input-plaintext-color;
122
+ background-color: transparent;
123
+ border: solid transparent;
124
+ border-width: $input-border-width 0;
125
+
126
+ &.form-control-sm,
127
+ &.form-control-lg {
128
+ padding-right: 0;
129
+ padding-left: 0;
130
+ }
131
+ }
132
+
133
+
134
+ // Form control sizing
135
+ //
136
+ // Build on `.form-control` with modifier classes to decrease or increase the
137
+ // height and font-size of form controls.
138
+ //
139
+ // Repeated in `_input_group.scss` to avoid Sass extend issues.
140
+
141
+ .form-control-sm {
142
+ height: $input-height-sm;
143
+ padding: $input-padding-y-sm $input-padding-x-sm;
144
+ font-size: $font-size-sm;
145
+ line-height: $input-line-height-sm;
146
+ @include border-radius($input-border-radius-sm);
147
+ }
148
+
149
+ .form-control-lg {
150
+ height: $input-height-lg;
151
+ padding: $input-padding-y-lg $input-padding-x-lg;
152
+ font-size: $font-size-lg;
153
+ line-height: $input-line-height-lg;
154
+ @include border-radius($input-border-radius-lg);
155
+ }
156
+
157
+ // stylelint-disable no-duplicate-selectors
158
+ select.form-control {
159
+ &[size],
160
+ &[multiple] {
161
+ height: auto;
162
+ }
163
+ }
164
+
165
+ textarea.form-control {
166
+ height: auto;
167
+ }
168
+ // stylelint-enable no-duplicate-selectors
169
+
170
+ // Form groups
171
+ //
172
+ // Designed to help with the organization and spacing of vertical forms. For
173
+ // horizontal forms, use the predefined grid classes.
174
+
175
+ .form-group {
176
+ margin-bottom: $form-group-margin-bottom;
177
+ }
178
+
179
+ .form-text {
180
+ display: block;
181
+ margin-top: $form-text-margin-top;
182
+ }
183
+
184
+
185
+ // Form grid
186
+ //
187
+ // Special replacement for our grid system's `.row` for tighter form layouts.
188
+
189
+ .form-row {
190
+ display: flex;
191
+ flex-wrap: wrap;
192
+ margin-right: -5px;
193
+ margin-left: -5px;
194
+
195
+ > .col,
196
+ > [class*="col-"] {
197
+ padding-right: 5px;
198
+ padding-left: 5px;
199
+ }
200
+ }
201
+
202
+
203
+ // Checkboxes and radios
204
+ //
205
+ // Indent the labels to position radios/checkboxes as hanging controls.
206
+
207
+ .form-check {
208
+ position: relative;
209
+ display: block;
210
+ padding-left: $form-check-input-gutter;
211
+ }
212
+
213
+ .form-check-input {
214
+ position: absolute;
215
+ margin-top: $form-check-input-margin-y;
216
+ margin-left: -$form-check-input-gutter;
217
+
218
+ &:disabled ~ .form-check-label {
219
+ color: $text-muted;
220
+ }
221
+ }
222
+
223
+ .form-check-label {
224
+ margin-bottom: 0; // Override default `<label>` bottom margin
225
+ }
226
+
227
+ .form-check-inline {
228
+ display: inline-flex;
229
+ align-items: center;
230
+ padding-left: 0; // Override base .form-check
231
+ margin-right: $form-check-inline-margin-x;
232
+
233
+ // Undo .form-check-input defaults and add some `margin-right`.
234
+ .form-check-input {
235
+ position: static;
236
+ margin-top: 0;
237
+ margin-right: $form-check-inline-input-margin-x;
238
+ margin-left: 0;
239
+ }
240
+ }
241
+
242
+
243
+ // Form validation
244
+ //
245
+ // Provide feedback to users when form field values are valid or invalid. Works
246
+ // primarily for client-side validation via scoped `:invalid` and `:valid`
247
+ // pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for
248
+ // server side validation.
249
+
250
+ @include form-validation-state("valid", $form-feedback-valid-color);
251
+ @include form-validation-state("invalid", $form-feedback-invalid-color);
252
+
253
+ // Inline forms
254
+ //
255
+ // Make forms appear inline(-block) by adding the `.form-inline` class. Inline
256
+ // forms begin stacked on extra small (mobile) devices and then go inline when
257
+ // viewports reach <768px.
258
+ //
259
+ // Requires wrapping inputs and labels with `.form-group` for proper display of
260
+ // default HTML form controls and our custom form controls (e.g., input groups).
261
+
262
+ .form-inline {
263
+ display: flex;
264
+ flex-flow: row wrap;
265
+ align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)
266
+
267
+ // Because we use flex, the initial sizing of checkboxes is collapsed and
268
+ // doesn't occupy the full-width (which is what we want for xs grid tier),
269
+ // so we force that here.
270
+ .form-check {
271
+ width: 100%;
272
+ }
273
+
274
+ // Kick in the inline
275
+ @include media-breakpoint-up(sm) {
276
+ label {
277
+ display: flex;
278
+ align-items: center;
279
+ justify-content: center;
280
+ margin-bottom: 0;
281
+ }
282
+
283
+ // Inline-block all the things for "inline"
284
+ .form-group {
285
+ display: flex;
286
+ flex: 0 0 auto;
287
+ flex-flow: row wrap;
288
+ align-items: center;
289
+ margin-bottom: 0;
290
+ }
291
+
292
+ // Allow folks to *not* use `.form-group`
293
+ .form-control {
294
+ display: inline-block;
295
+ width: auto; // Prevent labels from stacking above inputs in `.form-group`
296
+ vertical-align: middle;
297
+ }
298
+
299
+ // Make static controls behave like regular ones
300
+ .form-control-plaintext {
301
+ display: inline-block;
302
+ }
303
+
304
+ .input-group,
305
+ .custom-select {
306
+ width: auto;
307
+ }
308
+
309
+ // Remove default margin on radios/checkboxes that were used for stacking, and
310
+ // then undo the floating of radios and checkboxes to match.
311
+ .form-check {
312
+ display: flex;
313
+ align-items: center;
314
+ justify-content: center;
315
+ width: auto;
316
+ padding-left: 0;
317
+ }
318
+ .form-check-input {
319
+ position: relative;
320
+ margin-top: 0;
321
+ margin-right: $form-check-input-margin-x;
322
+ margin-left: 0;
323
+ }
324
+
325
+ .custom-control {
326
+ align-items: center;
327
+ justify-content: center;
328
+ }
329
+ .custom-control-label {
330
+ margin-bottom: 0;
331
+ }
332
+ }
333
+ }
@@ -0,0 +1,86 @@
1
+ // Bootstrap functions
2
+ //
3
+ // Utility mixins and functions for evaluating source code across our variables, maps, and mixins.
4
+
5
+ // Ascending
6
+ // Used to evaluate Sass maps like our grid breakpoints.
7
+ @mixin _assert-ascending($map, $map-name) {
8
+ $prev-key: null;
9
+ $prev-num: null;
10
+ @each $key, $num in $map {
11
+ @if $prev-num == null {
12
+ // Do nothing
13
+ } @else if not comparable($prev-num, $num) {
14
+ @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
15
+ } @else if $prev-num >= $num {
16
+ @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
17
+ }
18
+ $prev-key: $key;
19
+ $prev-num: $num;
20
+ }
21
+ }
22
+
23
+ // Starts at zero
24
+ // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
25
+ @mixin _assert-starts-at-zero($map) {
26
+ $values: map-values($map);
27
+ $first-value: nth($values, 1);
28
+ @if $first-value != 0 {
29
+ @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
30
+ }
31
+ }
32
+
33
+ // Replace `$search` with `$replace` in `$string`
34
+ // Used on our SVG icon backgrounds for custom forms.
35
+ //
36
+ // @author Hugo Giraudel
37
+ // @param {String} $string - Initial string
38
+ // @param {String} $search - Substring to replace
39
+ // @param {String} $replace ('') - New value
40
+ // @return {String} - Updated string
41
+ @function str-replace($string, $search, $replace: "") {
42
+ $index: str-index($string, $search);
43
+
44
+ @if $index {
45
+ @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
46
+ }
47
+
48
+ @return $string;
49
+ }
50
+
51
+ // Color contrast
52
+ @function color-yiq($color) {
53
+ $r: red($color);
54
+ $g: green($color);
55
+ $b: blue($color);
56
+
57
+ $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
58
+
59
+ @if ($yiq >= $yiq-contrasted-threshold) {
60
+ @return $yiq-text-dark;
61
+ } @else {
62
+ @return $yiq-text-light;
63
+ }
64
+ }
65
+
66
+ // Retrieve color Sass maps
67
+ @function color($key: "blue") {
68
+ @return map-get($colors, $key);
69
+ }
70
+
71
+ @function theme-color($key: "primary") {
72
+ @return map-get($theme-colors, $key);
73
+ }
74
+
75
+ @function gray($key: "100") {
76
+ @return map-get($grays, $key);
77
+ }
78
+
79
+ // Request a theme color level
80
+ @function theme-color-level($color-name: "primary", $level: 0) {
81
+ $color: theme-color($color-name);
82
+ $color-base: if($level > 0, $black, $white);
83
+ $level: abs($level);
84
+
85
+ @return mix($color-base, $color, $level * $theme-color-interval);
86
+ }
@@ -0,0 +1,52 @@
1
+ // Container widths
2
+ //
3
+ // Set the container width, and override it for fixed navbars in media queries.
4
+
5
+ @if $enable-grid-classes {
6
+ .container {
7
+ @include make-container();
8
+ @include make-container-max-widths();
9
+ }
10
+ }
11
+
12
+ // Fluid container
13
+ //
14
+ // Utilizes the mixin meant for fixed width containers, but with 100% width for
15
+ // fluid, full width layouts.
16
+
17
+ @if $enable-grid-classes {
18
+ .container-fluid {
19
+ @include make-container();
20
+ }
21
+ }
22
+
23
+ // Row
24
+ //
25
+ // Rows contain and clear the floats of your columns.
26
+
27
+ @if $enable-grid-classes {
28
+ .row {
29
+ @include make-row();
30
+ }
31
+
32
+ // Remove the negative margin from default .row, then the horizontal padding
33
+ // from all immediate children columns (to prevent runaway style inheritance).
34
+ .no-gutters {
35
+ margin-right: 0;
36
+ margin-left: 0;
37
+
38
+ > .col,
39
+ > [class*="col-"] {
40
+ padding-right: 0;
41
+ padding-left: 0;
42
+ }
43
+ }
44
+ }
45
+
46
+ // Columns
47
+ //
48
+ // Common styles for small and large grid columns
49
+
50
+ @if $enable-grid-classes {
51
+ @include make-grid-columns();
52
+ }
@@ -0,0 +1,42 @@
1
+ // Responsive images (ensure images don't scale beyond their parents)
2
+ //
3
+ // This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.
4
+ // We previously tried the "images are responsive by default" approach in Bootstrap v2,
5
+ // and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)
6
+ // which weren't expecting the images within themselves to be involuntarily resized.
7
+ // See also https://github.com/twbs/bootstrap/issues/18178
8
+ .img-fluid {
9
+ @include img-fluid;
10
+ }
11
+
12
+
13
+ // Image thumbnails
14
+ .img-thumbnail {
15
+ padding: $thumbnail-padding;
16
+ background-color: $thumbnail-bg;
17
+ border: $thumbnail-border-width solid $thumbnail-border-color;
18
+ @include border-radius($thumbnail-border-radius);
19
+ @include box-shadow($thumbnail-box-shadow);
20
+
21
+ // Keep them at most 100% wide
22
+ @include img-fluid;
23
+ }
24
+
25
+ //
26
+ // Figures
27
+ //
28
+
29
+ .figure {
30
+ // Ensures the caption's text aligns with the image.
31
+ display: inline-block;
32
+ }
33
+
34
+ .figure-img {
35
+ margin-bottom: ($spacer / 2);
36
+ line-height: 1;
37
+ }
38
+
39
+ .figure-caption {
40
+ font-size: $figure-caption-font-size;
41
+ color: $figure-caption-color;
42
+ }
@@ -0,0 +1,173 @@
1
+ // stylelint-disable selector-no-qualifying-type
2
+
3
+ //
4
+ // Base styles
5
+ //
6
+
7
+ .input-group {
8
+ position: relative;
9
+ display: flex;
10
+ flex-wrap: wrap; // For form validation feedback
11
+ align-items: stretch;
12
+ width: 100%;
13
+
14
+ > .form-control,
15
+ > .custom-select,
16
+ > .custom-file {
17
+ position: relative; // For focus state's z-index
18
+ flex: 1 1 auto;
19
+ // Add width 1% and flex-basis auto to ensure that button will not wrap out
20
+ // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.
21
+ width: 1%;
22
+ margin-bottom: 0;
23
+
24
+ + .form-control,
25
+ + .custom-select,
26
+ + .custom-file {
27
+ margin-left: -$input-border-width;
28
+ }
29
+ }
30
+
31
+ // Bring the "active" form control to the top of surrounding elements
32
+ > .form-control:focus,
33
+ > .custom-select:focus,
34
+ > .custom-file .custom-file-input:focus ~ .custom-file-label {
35
+ z-index: 3;
36
+ }
37
+
38
+ // Bring the custom file input above the label
39
+ > .custom-file .custom-file-input:focus {
40
+ z-index: 4;
41
+ }
42
+
43
+ > .form-control,
44
+ > .custom-select {
45
+ &:not(:last-child) { @include border-right-radius(0); }
46
+ &:not(:first-child) { @include border-left-radius(0); }
47
+ }
48
+
49
+ // Custom file inputs have more complex markup, thus requiring different
50
+ // border-radius overrides.
51
+ > .custom-file {
52
+ display: flex;
53
+ align-items: center;
54
+
55
+ &:not(:last-child) .custom-file-label,
56
+ &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }
57
+ &:not(:first-child) .custom-file-label { @include border-left-radius(0); }
58
+ }
59
+ }
60
+
61
+
62
+ // Prepend and append
63
+ //
64
+ // While it requires one extra layer of HTML for each, dedicated prepend and
65
+ // append elements allow us to 1) be less clever, 2) simplify our selectors, and
66
+ // 3) support HTML5 form validation.
67
+
68
+ .input-group-prepend,
69
+ .input-group-append {
70
+ display: flex;
71
+
72
+ // Ensure buttons are always above inputs for more visually pleasing borders.
73
+ // This isn't needed for `.input-group-text` since it shares the same border-color
74
+ // as our inputs.
75
+ .btn {
76
+ position: relative;
77
+ z-index: 2;
78
+ }
79
+
80
+ .btn + .btn,
81
+ .btn + .input-group-text,
82
+ .input-group-text + .input-group-text,
83
+ .input-group-text + .btn {
84
+ margin-left: -$input-border-width;
85
+ }
86
+ }
87
+
88
+ .input-group-prepend { margin-right: -$input-border-width; }
89
+ .input-group-append { margin-left: -$input-border-width; }
90
+
91
+
92
+ // Textual addons
93
+ //
94
+ // Serves as a catch-all element for any text or radio/checkbox input you wish
95
+ // to prepend or append to an input.
96
+
97
+ .input-group-text {
98
+ display: flex;
99
+ align-items: center;
100
+ padding: $input-padding-y $input-padding-x;
101
+ margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom
102
+ font-size: $font-size-base; // Match inputs
103
+ font-weight: $font-weight-normal;
104
+ line-height: $input-line-height;
105
+ color: $input-group-addon-color;
106
+ text-align: center;
107
+ white-space: nowrap;
108
+ background-color: $input-group-addon-bg;
109
+ border: $input-border-width solid $input-group-addon-border-color;
110
+ @include border-radius($input-border-radius);
111
+
112
+ // Nuke default margins from checkboxes and radios to vertically center within.
113
+ input[type="radio"],
114
+ input[type="checkbox"] {
115
+ margin-top: 0;
116
+ }
117
+ }
118
+
119
+
120
+ // Sizing
121
+ //
122
+ // Remix the default form control sizing classes into new ones for easier
123
+ // manipulation.
124
+
125
+ .input-group-lg > .form-control,
126
+ .input-group-lg > .input-group-prepend > .input-group-text,
127
+ .input-group-lg > .input-group-append > .input-group-text,
128
+ .input-group-lg > .input-group-prepend > .btn,
129
+ .input-group-lg > .input-group-append > .btn {
130
+ height: $input-height-lg;
131
+ padding: $input-padding-y-lg $input-padding-x-lg;
132
+ font-size: $font-size-lg;
133
+ line-height: $input-line-height-lg;
134
+ @include border-radius($input-border-radius-lg);
135
+ }
136
+
137
+ .input-group-sm > .form-control,
138
+ .input-group-sm > .input-group-prepend > .input-group-text,
139
+ .input-group-sm > .input-group-append > .input-group-text,
140
+ .input-group-sm > .input-group-prepend > .btn,
141
+ .input-group-sm > .input-group-append > .btn {
142
+ height: $input-height-sm;
143
+ padding: $input-padding-y-sm $input-padding-x-sm;
144
+ font-size: $font-size-sm;
145
+ line-height: $input-line-height-sm;
146
+ @include border-radius($input-border-radius-sm);
147
+ }
148
+
149
+
150
+ // Prepend and append rounded corners
151
+ //
152
+ // These rulesets must come after the sizing ones to properly override sm and lg
153
+ // border-radius values when extending. They're more specific than we'd like
154
+ // with the `.input-group >` part, but without it, we cannot override the sizing.
155
+
156
+
157
+ .input-group > .input-group-prepend > .btn,
158
+ .input-group > .input-group-prepend > .input-group-text,
159
+ .input-group > .input-group-append:not(:last-child) > .btn,
160
+ .input-group > .input-group-append:not(:last-child) > .input-group-text,
161
+ .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
162
+ .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
163
+ @include border-right-radius(0);
164
+ }
165
+
166
+ .input-group > .input-group-append > .btn,
167
+ .input-group > .input-group-append > .input-group-text,
168
+ .input-group > .input-group-prepend:not(:first-child) > .btn,
169
+ .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
170
+ .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
171
+ .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
172
+ @include border-left-radius(0);
173
+ }
@@ -0,0 +1,16 @@
1
+ .jumbotron {
2
+ padding: $jumbotron-padding ($jumbotron-padding / 2);
3
+ margin-bottom: $jumbotron-padding;
4
+ background-color: $jumbotron-bg;
5
+ @include border-radius($border-radius-lg);
6
+
7
+ @include media-breakpoint-up(sm) {
8
+ padding: ($jumbotron-padding * 2) $jumbotron-padding;
9
+ }
10
+ }
11
+
12
+ .jumbotron-fluid {
13
+ padding-right: 0;
14
+ padding-left: 0;
15
+ @include border-radius(0);
16
+ }