rails_admin 3.0.0.beta2 → 3.0.0.rc

Sign up to get free protection for your applications and to get access to all the features.
Files changed (250) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -2
  3. data/Rakefile +11 -0
  4. data/app/assets/javascripts/rails_admin.js +4 -4
  5. data/app/assets/stylesheets/rails_admin.scss +31 -0
  6. data/app/controllers/rails_admin/application_controller.rb +1 -1
  7. data/app/controllers/rails_admin/main_controller.rb +10 -18
  8. data/app/helpers/rails_admin/application_helper.rb +12 -13
  9. data/app/helpers/rails_admin/form_builder.rb +3 -3
  10. data/app/helpers/rails_admin/main_helper.rb +1 -1
  11. data/app/views/kaminari/ra-twitter-bootstrap/_gap.html.erb +2 -2
  12. data/app/views/kaminari/ra-twitter-bootstrap/_next_page.html.erb +4 -4
  13. data/app/views/kaminari/ra-twitter-bootstrap/_page.html.erb +4 -4
  14. data/app/views/kaminari/ra-twitter-bootstrap/_paginator.html.erb +12 -10
  15. data/app/views/kaminari/ra-twitter-bootstrap/_prev_page.html.erb +4 -4
  16. data/app/views/kaminari/ra-twitter-bootstrap/without_count/_next_page.html.erb +4 -4
  17. data/app/views/kaminari/ra-twitter-bootstrap/without_count/_paginator.html.erb +6 -4
  18. data/app/views/kaminari/ra-twitter-bootstrap/without_count/_prev_page.html.erb +4 -4
  19. data/app/views/layouts/rails_admin/_navigation.html.erb +12 -16
  20. data/app/views/layouts/rails_admin/_secondary_navigation.html.erb +8 -8
  21. data/app/views/layouts/rails_admin/_sidebar_navigation.html.erb +1 -5
  22. data/app/views/layouts/rails_admin/application.html.erb +4 -7
  23. data/app/views/layouts/rails_admin/{pjax.html.erb → content.html.erb} +7 -5
  24. data/app/views/layouts/rails_admin/modal.js.erb +1 -1
  25. data/app/views/rails_admin/main/_dashboard_history.html.erb +1 -1
  26. data/app/views/rails_admin/main/_delete_notice.html.erb +2 -2
  27. data/app/views/rails_admin/main/_form_boolean.html.erb +6 -8
  28. data/app/views/rails_admin/main/_form_colorpicker.html.erb +5 -1
  29. data/app/views/rails_admin/main/_form_datetime.html.erb +8 -7
  30. data/app/views/rails_admin/main/_form_enumeration.html.erb +5 -1
  31. data/app/views/rails_admin/main/_form_file_upload.html.erb +1 -1
  32. data/app/views/rails_admin/main/_form_filtering_multiselect.html.erb +14 -14
  33. data/app/views/rails_admin/main/_form_filtering_select.html.erb +16 -21
  34. data/app/views/rails_admin/main/_form_multiple_file_upload.html.erb +1 -1
  35. data/app/views/rails_admin/main/_form_nested_many.html.erb +4 -4
  36. data/app/views/rails_admin/main/_form_nested_one.html.erb +4 -4
  37. data/app/views/rails_admin/main/_form_polymorphic_association.html.erb +11 -6
  38. data/app/views/rails_admin/main/_submit_buttons.html.erb +8 -8
  39. data/app/views/rails_admin/main/bulk_delete.html.erb +1 -1
  40. data/app/views/rails_admin/main/dashboard.html.erb +4 -4
  41. data/app/views/rails_admin/main/delete.html.erb +1 -1
  42. data/app/views/rails_admin/main/edit.html.erb +1 -1
  43. data/app/views/rails_admin/main/export.html.erb +35 -32
  44. data/app/views/rails_admin/main/history.html.erb +16 -14
  45. data/app/views/rails_admin/main/index.html.erb +38 -35
  46. data/app/views/rails_admin/main/new.html.erb +1 -1
  47. data/config/locales/rails_admin.en.yml +0 -1
  48. data/lib/generators/rails_admin/install_generator.rb +0 -1
  49. data/lib/generators/rails_admin/templates/webpack.config.js +0 -3
  50. data/lib/rails_admin/adapters/active_record/object_extension.rb +1 -1
  51. data/lib/rails_admin/adapters/active_record/property.rb +1 -1
  52. data/lib/rails_admin/adapters/active_record.rb +7 -3
  53. data/lib/rails_admin/adapters/mongoid/property.rb +3 -3
  54. data/lib/rails_admin/adapters/mongoid.rb +2 -2
  55. data/lib/rails_admin/config/actions/base.rb +1 -6
  56. data/lib/rails_admin/config/actions/dashboard.rb +13 -9
  57. data/lib/rails_admin/config/actions/delete.rb +4 -0
  58. data/lib/rails_admin/config/actions/edit.rb +4 -0
  59. data/lib/rails_admin/config/actions/new.rb +5 -0
  60. data/lib/rails_admin/config/actions/show_in_app.rb +0 -4
  61. data/lib/rails_admin/config/fields/association.rb +6 -1
  62. data/lib/rails_admin/config/fields/base.rb +1 -1
  63. data/lib/rails_admin/config/fields/types/action_text.rb +1 -1
  64. data/lib/rails_admin/config/fields/types/date.rb +7 -0
  65. data/lib/rails_admin/config/fields/types/datetime.rb +9 -4
  66. data/lib/rails_admin/config/fields/types/has_many_association.rb +4 -0
  67. data/lib/rails_admin/config/fields/types/has_one_association.rb +4 -0
  68. data/lib/rails_admin/config/fields/types/time.rb +9 -0
  69. data/lib/rails_admin/config/has_fields.rb +4 -0
  70. data/lib/rails_admin/config/model.rb +8 -0
  71. data/lib/rails_admin/config/sections/list.rb +4 -4
  72. data/lib/rails_admin/config.rb +4 -1
  73. data/lib/rails_admin/engine.rb +2 -5
  74. data/lib/rails_admin/support/datetime.rb +50 -53
  75. data/lib/rails_admin/support/esmodule_preprocessor.rb +2 -1
  76. data/lib/rails_admin/version.rb +1 -1
  77. data/package.json +7 -5
  78. data/src/rails_admin/base.js +3 -6
  79. data/src/rails_admin/filter-box.js +36 -37
  80. data/src/rails_admin/filtering-select.js +3 -6
  81. data/src/rails_admin/i18n.js +0 -3
  82. data/src/rails_admin/nested-form-hooks.js +16 -8
  83. data/src/rails_admin/remote-form.js +18 -15
  84. data/src/rails_admin/styles/base/theming.scss +80 -155
  85. data/src/rails_admin/styles/base/variables.scss +2 -0
  86. data/src/rails_admin/styles/base.scss +8 -45
  87. data/src/rails_admin/styles/filtering-multiselect.scss +2 -2
  88. data/src/rails_admin/styles/filtering-select.scss +1 -1
  89. data/src/rails_admin/styles/widgets.scss +1 -10
  90. data/src/rails_admin/ui.js +4 -54
  91. data/src/rails_admin/widgets.js +38 -48
  92. data/vendor/assets/javascripts/rails_admin/bootstrap.js +5046 -0
  93. data/vendor/assets/javascripts/rails_admin/flatpickr-with-locales.js +10683 -0
  94. data/vendor/assets/javascripts/rails_admin/popper.js +1974 -0
  95. data/vendor/assets/stylesheets/rails_admin/bootstrap/_accordion.scss +118 -0
  96. data/vendor/assets/stylesheets/rails_admin/bootstrap/_alert.scss +57 -0
  97. data/vendor/assets/stylesheets/rails_admin/bootstrap/_badge.scss +29 -0
  98. data/vendor/assets/stylesheets/rails_admin/bootstrap/_breadcrumb.scss +28 -0
  99. data/vendor/assets/stylesheets/rails_admin/bootstrap/_button-group.scss +139 -0
  100. data/vendor/assets/stylesheets/rails_admin/bootstrap/_buttons.scss +64 -110
  101. data/vendor/assets/stylesheets/rails_admin/bootstrap/_card.scss +216 -0
  102. data/vendor/assets/stylesheets/rails_admin/bootstrap/_carousel.scss +162 -176
  103. data/vendor/assets/stylesheets/rails_admin/bootstrap/_close.scss +31 -26
  104. data/vendor/assets/stylesheets/rails_admin/bootstrap/_containers.scss +41 -0
  105. data/vendor/assets/stylesheets/rails_admin/bootstrap/_dropdown.scss +240 -0
  106. data/vendor/assets/stylesheets/rails_admin/bootstrap/_forms.scss +9 -538
  107. data/vendor/assets/stylesheets/rails_admin/bootstrap/_functions.scss +302 -0
  108. data/vendor/assets/stylesheets/rails_admin/bootstrap/_grid.scss +18 -69
  109. data/vendor/assets/stylesheets/rails_admin/bootstrap/_helpers.scss +9 -0
  110. data/vendor/assets/stylesheets/rails_admin/bootstrap/_images.scss +42 -0
  111. data/vendor/assets/stylesheets/rails_admin/bootstrap/_list-group.scss +127 -84
  112. data/vendor/assets/stylesheets/rails_admin/bootstrap/_mixins.scss +26 -22
  113. data/vendor/assets/stylesheets/rails_admin/bootstrap/_modal.scss +209 -0
  114. data/vendor/assets/stylesheets/rails_admin/bootstrap/_nav.scss +139 -0
  115. data/vendor/assets/stylesheets/rails_admin/bootstrap/_navbar.scss +218 -542
  116. data/vendor/assets/stylesheets/rails_admin/bootstrap/_offcanvas.scss +83 -0
  117. data/vendor/assets/stylesheets/rails_admin/bootstrap/_pagination.scss +46 -70
  118. data/vendor/assets/stylesheets/rails_admin/bootstrap/_placeholders.scss +51 -0
  119. data/vendor/assets/stylesheets/rails_admin/bootstrap/_popover.scss +158 -0
  120. data/vendor/assets/stylesheets/rails_admin/bootstrap/_progress.scss +48 -0
  121. data/vendor/assets/stylesheets/rails_admin/bootstrap/_reboot.scss +625 -0
  122. data/vendor/assets/stylesheets/rails_admin/bootstrap/_root.scss +54 -0
  123. data/vendor/assets/stylesheets/rails_admin/bootstrap/_spinners.scss +69 -0
  124. data/vendor/assets/stylesheets/rails_admin/bootstrap/_tables.scss +100 -178
  125. data/vendor/assets/stylesheets/rails_admin/bootstrap/_toasts.scss +51 -0
  126. data/vendor/assets/stylesheets/rails_admin/bootstrap/_tooltip.scss +97 -77
  127. data/vendor/assets/stylesheets/rails_admin/bootstrap/_transitions.scss +27 -0
  128. data/vendor/assets/stylesheets/rails_admin/bootstrap/_type.scss +54 -254
  129. data/vendor/assets/stylesheets/rails_admin/bootstrap/_utilities.scss +628 -55
  130. data/vendor/assets/stylesheets/rails_admin/bootstrap/_variables.scss +1572 -781
  131. data/vendor/assets/stylesheets/rails_admin/bootstrap/bootstrap.scss +38 -35
  132. data/vendor/assets/stylesheets/rails_admin/bootstrap/forms/_floating-labels.scss +63 -0
  133. data/vendor/assets/stylesheets/rails_admin/bootstrap/forms/_form-check.scss +152 -0
  134. data/vendor/assets/stylesheets/rails_admin/bootstrap/forms/_form-control.scss +219 -0
  135. data/vendor/assets/stylesheets/rails_admin/bootstrap/forms/_form-range.scss +91 -0
  136. data/vendor/assets/stylesheets/rails_admin/bootstrap/forms/_form-select.scss +72 -0
  137. data/vendor/assets/stylesheets/rails_admin/bootstrap/forms/_form-text.scss +11 -0
  138. data/vendor/assets/stylesheets/rails_admin/bootstrap/forms/_input-group.scss +121 -0
  139. data/vendor/assets/stylesheets/rails_admin/bootstrap/forms/_labels.scss +36 -0
  140. data/vendor/assets/stylesheets/rails_admin/bootstrap/forms/_validation.scss +12 -0
  141. data/vendor/assets/stylesheets/rails_admin/bootstrap/helpers/_clearfix.scss +3 -0
  142. data/vendor/assets/stylesheets/rails_admin/bootstrap/helpers/_colored-links.scss +12 -0
  143. data/vendor/assets/stylesheets/rails_admin/bootstrap/helpers/_position.scss +30 -0
  144. data/vendor/assets/stylesheets/rails_admin/bootstrap/helpers/_ratio.scss +26 -0
  145. data/vendor/assets/stylesheets/rails_admin/bootstrap/helpers/_stacks.scss +15 -0
  146. data/vendor/assets/stylesheets/rails_admin/bootstrap/helpers/_stretched-link.scss +15 -0
  147. data/vendor/assets/stylesheets/rails_admin/bootstrap/helpers/_text-truncation.scss +7 -0
  148. data/vendor/assets/stylesheets/rails_admin/bootstrap/helpers/_visually-hidden.scss +8 -0
  149. data/vendor/assets/stylesheets/rails_admin/bootstrap/helpers/_vr.scss +8 -0
  150. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_alert.scss +11 -0
  151. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_backdrop.scss +14 -0
  152. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_border-radius.scss +72 -12
  153. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_box-shadow.scss +18 -0
  154. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_breakpoints.scss +127 -0
  155. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_buttons.scss +113 -30
  156. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_caret.scss +64 -0
  157. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_clearfix.scss +5 -18
  158. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_color-scheme.scss +7 -0
  159. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_container.scss +9 -0
  160. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_deprecate.scss +10 -0
  161. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_forms.scss +130 -70
  162. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_gradients.scss +27 -38
  163. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_grid.scss +127 -98
  164. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_image.scss +6 -24
  165. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_list-group.scss +13 -20
  166. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_lists.scss +7 -0
  167. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_pagination.scss +24 -16
  168. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_reset-text.scss +17 -0
  169. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_resize.scss +1 -1
  170. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_table-variants.scss +21 -0
  171. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/{_text-overflow.scss → _text-truncate.scss} +2 -2
  172. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_transition.scss +26 -0
  173. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_utilities.scss +89 -0
  174. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_visually-hidden.scss +29 -0
  175. data/vendor/assets/stylesheets/rails_admin/bootstrap/utilities/_api.scss +47 -0
  176. data/vendor/assets/stylesheets/rails_admin/bootstrap/vendor/_rfs.scss +354 -0
  177. data/vendor/assets/stylesheets/rails_admin/flatpickr.css +791 -0
  178. metadata +80 -91
  179. data/app/assets/stylesheets/rails_admin.scss.erb +0 -76
  180. data/lib/generators/rails_admin/templates/environment.js +0 -6
  181. data/src/rails_admin/styles/themes/cerulean/mixins.scss +0 -0
  182. data/src/rails_admin/styles/themes/cerulean/theming.scss +0 -135
  183. data/src/rails_admin/styles/themes/cerulean/variables.scss +0 -830
  184. data/src/rails_admin/styles/themes/default/mixins.scss +0 -8
  185. data/src/rails_admin/styles/themes/default/theming.scss +0 -11
  186. data/src/rails_admin/styles/themes/default/variables.scss +0 -12
  187. data/src/rails_admin/vendor/jquery.pjax.js +0 -899
  188. data/vendor/assets/javascripts/rails_admin/bootstrap/bootstrap-affix.js +0 -164
  189. data/vendor/assets/javascripts/rails_admin/bootstrap/bootstrap-alert.js +0 -95
  190. data/vendor/assets/javascripts/rails_admin/bootstrap/bootstrap-button.js +0 -125
  191. data/vendor/assets/javascripts/rails_admin/bootstrap/bootstrap-carousel.js +0 -246
  192. data/vendor/assets/javascripts/rails_admin/bootstrap/bootstrap-collapse.js +0 -212
  193. data/vendor/assets/javascripts/rails_admin/bootstrap/bootstrap-dropdown.js +0 -165
  194. data/vendor/assets/javascripts/rails_admin/bootstrap/bootstrap-modal.js +0 -358
  195. data/vendor/assets/javascripts/rails_admin/bootstrap/bootstrap-popover.js +0 -123
  196. data/vendor/assets/javascripts/rails_admin/bootstrap/bootstrap-scrollspy.js +0 -172
  197. data/vendor/assets/javascripts/rails_admin/bootstrap/bootstrap-tab.js +0 -155
  198. data/vendor/assets/javascripts/rails_admin/bootstrap/bootstrap-tooltip.js +0 -677
  199. data/vendor/assets/javascripts/rails_admin/bootstrap/bootstrap-transition.js +0 -59
  200. data/vendor/assets/javascripts/rails_admin/bootstrap/bootstrap-typeahead.js +0 -1782
  201. data/vendor/assets/javascripts/rails_admin/bootstrap/bootstrap.js +0 -13
  202. data/vendor/assets/javascripts/rails_admin/bootstrap-datetimepicker.js +0 -2611
  203. data/vendor/assets/javascripts/rails_admin/jquery.pjax.js +0 -898
  204. data/vendor/assets/javascripts/rails_admin/moment-with-locales.js +0 -18085
  205. data/vendor/assets/stylesheets/rails_admin/_bootstrap-datetimepicker.scss +0 -343
  206. data/vendor/assets/stylesheets/rails_admin/bootstrap/_alerts.scss +0 -68
  207. data/vendor/assets/stylesheets/rails_admin/bootstrap/_badges.scss +0 -57
  208. data/vendor/assets/stylesheets/rails_admin/bootstrap/_breadcrumbs.scss +0 -26
  209. data/vendor/assets/stylesheets/rails_admin/bootstrap/_button-groups.scss +0 -240
  210. data/vendor/assets/stylesheets/rails_admin/bootstrap/_code.scss +0 -68
  211. data/vendor/assets/stylesheets/rails_admin/bootstrap/_component-animations.scss +0 -35
  212. data/vendor/assets/stylesheets/rails_admin/bootstrap/_dropdowns.scss +0 -215
  213. data/vendor/assets/stylesheets/rails_admin/bootstrap/_glyphicons.scss +0 -237
  214. data/vendor/assets/stylesheets/rails_admin/bootstrap/_input-groups.scss +0 -166
  215. data/vendor/assets/stylesheets/rails_admin/bootstrap/_jumbotron.scss +0 -48
  216. data/vendor/assets/stylesheets/rails_admin/bootstrap/_labels.scss +0 -66
  217. data/vendor/assets/stylesheets/rails_admin/bootstrap/_media.scss +0 -56
  218. data/vendor/assets/stylesheets/rails_admin/bootstrap/_modals.scss +0 -150
  219. data/vendor/assets/stylesheets/rails_admin/bootstrap/_navs.scss +0 -242
  220. data/vendor/assets/stylesheets/rails_admin/bootstrap/_normalize.scss +0 -425
  221. data/vendor/assets/stylesheets/rails_admin/bootstrap/_pager.scss +0 -55
  222. data/vendor/assets/stylesheets/rails_admin/bootstrap/_panels.scss +0 -243
  223. data/vendor/assets/stylesheets/rails_admin/bootstrap/_popovers.scss +0 -133
  224. data/vendor/assets/stylesheets/rails_admin/bootstrap/_print.scss +0 -101
  225. data/vendor/assets/stylesheets/rails_admin/bootstrap/_progress-bars.scss +0 -105
  226. data/vendor/assets/stylesheets/rails_admin/bootstrap/_responsive-embed.scss +0 -34
  227. data/vendor/assets/stylesheets/rails_admin/bootstrap/_responsive-utilities.scss +0 -174
  228. data/vendor/assets/stylesheets/rails_admin/bootstrap/_scaffolding.scss +0 -150
  229. data/vendor/assets/stylesheets/rails_admin/bootstrap/_theme.scss +0 -258
  230. data/vendor/assets/stylesheets/rails_admin/bootstrap/_thumbnails.scss +0 -38
  231. data/vendor/assets/stylesheets/rails_admin/bootstrap/_wells.scss +0 -29
  232. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_alerts.scss +0 -14
  233. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_background-variant.scss +0 -11
  234. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_center-block.scss +0 -7
  235. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_grid-framework.scss +0 -81
  236. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_hide-text.scss +0 -21
  237. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_labels.scss +0 -12
  238. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_nav-divider.scss +0 -10
  239. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_nav-vertical-align.scss +0 -9
  240. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_opacity.scss +0 -8
  241. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_panels.scss +0 -24
  242. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_progress-bar.scss +0 -10
  243. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_reset-filter.scss +0 -8
  244. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_responsive-visibility.scss +0 -21
  245. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_size.scss +0 -10
  246. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_tab-focus.scss +0 -9
  247. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_table-row.scss +0 -28
  248. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_text-emphasis.scss +0 -11
  249. data/vendor/assets/stylesheets/rails_admin/bootstrap/mixins/_vendor-prefixes.scss +0 -219
  250. data/vendor/assets/stylesheets/rails_admin/bootstrap-datetimepicker-build.scss +0 -16
@@ -1,50 +1,53 @@
1
- // Core variables and mixins
1
+ /*!
2
+ * Bootstrap v5.1.3 (https://getbootstrap.com/)
3
+ * Copyright 2011-2021 The Bootstrap Authors
4
+ * Copyright 2011-2021 Twitter, Inc.
5
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6
+ */
7
+
8
+ // scss-docs-start import-stack
9
+ // Configuration
10
+ @import "functions";
2
11
  @import "variables";
3
12
  @import "mixins";
13
+ @import "utilities";
4
14
 
5
- // Reset and dependencies
6
- @import "normalize";
7
- @import "print";
8
- @import "glyphicons";
9
-
10
- // Core CSS
11
- @import "scaffolding";
15
+ // Layout & components
16
+ @import "root";
17
+ @import "reboot";
12
18
  @import "type";
13
- @import "code";
19
+ @import "images";
20
+ @import "containers";
14
21
  @import "grid";
15
22
  @import "tables";
16
23
  @import "forms";
17
24
  @import "buttons";
18
-
19
- // Components
20
- @import "component-animations";
21
- @import "dropdowns";
22
- @import "button-groups";
23
- @import "input-groups";
24
- @import "navs";
25
+ @import "transitions";
26
+ @import "dropdown";
27
+ @import "button-group";
28
+ @import "nav";
25
29
  @import "navbar";
26
- @import "breadcrumbs";
30
+ @import "card";
31
+ @import "accordion";
32
+ @import "breadcrumb";
27
33
  @import "pagination";
28
- @import "pager";
29
- @import "labels";
30
- @import "badges";
31
- @import "jumbotron";
32
- @import "thumbnails";
33
- @import "alerts";
34
- @import "progress-bars";
35
- @import "media";
34
+ @import "badge";
35
+ @import "alert";
36
+ @import "progress";
36
37
  @import "list-group";
37
- @import "panels";
38
- @import "responsive-embed";
39
- @import "wells";
40
38
  @import "close";
41
-
42
- // Components w/ JavaScript
43
- @import "modals";
39
+ @import "toasts";
40
+ @import "modal";
44
41
  @import "tooltip";
45
- @import "popovers";
42
+ @import "popover";
46
43
  @import "carousel";
44
+ @import "spinners";
45
+ @import "offcanvas";
46
+ @import "placeholders";
47
47
 
48
- // Utility classes
49
- @import "utilities";
50
- @import "responsive-utilities";
48
+ // Helpers
49
+ @import "helpers";
50
+
51
+ // Utilities
52
+ @import "utilities/api";
53
+ // scss-docs-end import-stack
@@ -0,0 +1,63 @@
1
+ .form-floating {
2
+ position: relative;
3
+
4
+ > .form-control,
5
+ > .form-select {
6
+ height: $form-floating-height;
7
+ line-height: $form-floating-line-height;
8
+ }
9
+
10
+ > label {
11
+ position: absolute;
12
+ top: 0;
13
+ left: 0;
14
+ height: 100%; // allow textareas
15
+ padding: $form-floating-padding-y $form-floating-padding-x;
16
+ pointer-events: none;
17
+ border: $input-border-width solid transparent; // Required for aligning label's text with the input as it affects inner box model
18
+ transform-origin: 0 0;
19
+ @include transition($form-floating-transition);
20
+ }
21
+
22
+ // stylelint-disable no-duplicate-selectors
23
+ > .form-control {
24
+ padding: $form-floating-padding-y $form-floating-padding-x;
25
+
26
+ &::placeholder {
27
+ color: transparent;
28
+ }
29
+
30
+ &:focus,
31
+ &:not(:placeholder-shown) {
32
+ padding-top: $form-floating-input-padding-t;
33
+ padding-bottom: $form-floating-input-padding-b;
34
+ }
35
+ // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
36
+ &:-webkit-autofill {
37
+ padding-top: $form-floating-input-padding-t;
38
+ padding-bottom: $form-floating-input-padding-b;
39
+ }
40
+ }
41
+
42
+ > .form-select {
43
+ padding-top: $form-floating-input-padding-t;
44
+ padding-bottom: $form-floating-input-padding-b;
45
+ }
46
+
47
+ > .form-control:focus,
48
+ > .form-control:not(:placeholder-shown),
49
+ > .form-select {
50
+ ~ label {
51
+ opacity: $form-floating-label-opacity;
52
+ transform: $form-floating-label-transform;
53
+ }
54
+ }
55
+ // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
56
+ > .form-control:-webkit-autofill {
57
+ ~ label {
58
+ opacity: $form-floating-label-opacity;
59
+ transform: $form-floating-label-transform;
60
+ }
61
+ }
62
+ // stylelint-enable no-duplicate-selectors
63
+ }
@@ -0,0 +1,152 @@
1
+ //
2
+ // Check/radio
3
+ //
4
+
5
+ .form-check {
6
+ display: block;
7
+ min-height: $form-check-min-height;
8
+ padding-left: $form-check-padding-start;
9
+ margin-bottom: $form-check-margin-bottom;
10
+
11
+ .form-check-input {
12
+ float: left;
13
+ margin-left: $form-check-padding-start * -1;
14
+ }
15
+ }
16
+
17
+ .form-check-input {
18
+ width: $form-check-input-width;
19
+ height: $form-check-input-width;
20
+ margin-top: ($line-height-base - $form-check-input-width) * .5; // line-height minus check height
21
+ vertical-align: top;
22
+ background-color: $form-check-input-bg;
23
+ background-repeat: no-repeat;
24
+ background-position: center;
25
+ background-size: contain;
26
+ border: $form-check-input-border;
27
+ appearance: none;
28
+ color-adjust: exact; // Keep themed appearance for print
29
+ @include transition($form-check-transition);
30
+
31
+ &[type="checkbox"] {
32
+ @include border-radius($form-check-input-border-radius);
33
+ }
34
+
35
+ &[type="radio"] {
36
+ // stylelint-disable-next-line property-disallowed-list
37
+ border-radius: $form-check-radio-border-radius;
38
+ }
39
+
40
+ &:active {
41
+ filter: $form-check-input-active-filter;
42
+ }
43
+
44
+ &:focus {
45
+ border-color: $form-check-input-focus-border;
46
+ outline: 0;
47
+ box-shadow: $form-check-input-focus-box-shadow;
48
+ }
49
+
50
+ &:checked {
51
+ background-color: $form-check-input-checked-bg-color;
52
+ border-color: $form-check-input-checked-border-color;
53
+
54
+ &[type="checkbox"] {
55
+ @if $enable-gradients {
56
+ background-image: escape-svg($form-check-input-checked-bg-image), var(--#{$variable-prefix}gradient);
57
+ } @else {
58
+ background-image: escape-svg($form-check-input-checked-bg-image);
59
+ }
60
+ }
61
+
62
+ &[type="radio"] {
63
+ @if $enable-gradients {
64
+ background-image: escape-svg($form-check-radio-checked-bg-image), var(--#{$variable-prefix}gradient);
65
+ } @else {
66
+ background-image: escape-svg($form-check-radio-checked-bg-image);
67
+ }
68
+ }
69
+ }
70
+
71
+ &[type="checkbox"]:indeterminate {
72
+ background-color: $form-check-input-indeterminate-bg-color;
73
+ border-color: $form-check-input-indeterminate-border-color;
74
+
75
+ @if $enable-gradients {
76
+ background-image: escape-svg($form-check-input-indeterminate-bg-image), var(--#{$variable-prefix}gradient);
77
+ } @else {
78
+ background-image: escape-svg($form-check-input-indeterminate-bg-image);
79
+ }
80
+ }
81
+
82
+ &:disabled {
83
+ pointer-events: none;
84
+ filter: none;
85
+ opacity: $form-check-input-disabled-opacity;
86
+ }
87
+
88
+ // Use disabled attribute in addition of :disabled pseudo-class
89
+ // See: https://github.com/twbs/bootstrap/issues/28247
90
+ &[disabled],
91
+ &:disabled {
92
+ ~ .form-check-label {
93
+ opacity: $form-check-label-disabled-opacity;
94
+ }
95
+ }
96
+ }
97
+
98
+ .form-check-label {
99
+ color: $form-check-label-color;
100
+ cursor: $form-check-label-cursor;
101
+ }
102
+
103
+ //
104
+ // Switch
105
+ //
106
+
107
+ .form-switch {
108
+ padding-left: $form-switch-padding-start;
109
+
110
+ .form-check-input {
111
+ width: $form-switch-width;
112
+ margin-left: $form-switch-padding-start * -1;
113
+ background-image: escape-svg($form-switch-bg-image);
114
+ background-position: left center;
115
+ @include border-radius($form-switch-border-radius);
116
+ @include transition($form-switch-transition);
117
+
118
+ &:focus {
119
+ background-image: escape-svg($form-switch-focus-bg-image);
120
+ }
121
+
122
+ &:checked {
123
+ background-position: $form-switch-checked-bg-position;
124
+
125
+ @if $enable-gradients {
126
+ background-image: escape-svg($form-switch-checked-bg-image), var(--#{$variable-prefix}gradient);
127
+ } @else {
128
+ background-image: escape-svg($form-switch-checked-bg-image);
129
+ }
130
+ }
131
+ }
132
+ }
133
+
134
+ .form-check-inline {
135
+ display: inline-block;
136
+ margin-right: $form-check-inline-margin-end;
137
+ }
138
+
139
+ .btn-check {
140
+ position: absolute;
141
+ clip: rect(0, 0, 0, 0);
142
+ pointer-events: none;
143
+
144
+ &[disabled],
145
+ &:disabled {
146
+ + .btn {
147
+ pointer-events: none;
148
+ filter: none;
149
+ opacity: $form-check-btn-check-disabled-opacity;
150
+ }
151
+ }
152
+ }
@@ -0,0 +1,219 @@
1
+ //
2
+ // General form controls (plus a few specific high-level interventions)
3
+ //
4
+
5
+ .form-control {
6
+ display: block;
7
+ width: 100%;
8
+ padding: $input-padding-y $input-padding-x;
9
+ font-family: $input-font-family;
10
+ @include font-size($input-font-size);
11
+ font-weight: $input-font-weight;
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
+ appearance: none; // Fix appearance for date inputs in Safari
18
+
19
+ // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
20
+ @include border-radius($input-border-radius, 0);
21
+
22
+ @include box-shadow($input-box-shadow);
23
+ @include transition($input-transition);
24
+
25
+ &[type="file"] {
26
+ overflow: hidden; // prevent pseudo element button overlap
27
+
28
+ &:not(:disabled):not([readonly]) {
29
+ cursor: pointer;
30
+ }
31
+ }
32
+
33
+ // Customize the `:focus` state to imitate native WebKit styles.
34
+ &:focus {
35
+ color: $input-focus-color;
36
+ background-color: $input-focus-bg;
37
+ border-color: $input-focus-border-color;
38
+ outline: 0;
39
+ @if $enable-shadows {
40
+ @include box-shadow($input-box-shadow, $input-focus-box-shadow);
41
+ } @else {
42
+ // Avoid using mixin so we can pass custom focus shadow properly
43
+ box-shadow: $input-focus-box-shadow;
44
+ }
45
+ }
46
+
47
+ // Add some height to date inputs on iOS
48
+ // https://github.com/twbs/bootstrap/issues/23307
49
+ // TODO: we can remove this workaround once https://bugs.webkit.org/show_bug.cgi?id=198959 is resolved
50
+ &::-webkit-date-and-time-value {
51
+ // Multiply line-height by 1em if it has no unit
52
+ height: if(unit($input-line-height) == "", $input-line-height * 1em, $input-line-height);
53
+ }
54
+
55
+ // Placeholder
56
+ &::placeholder {
57
+ color: $input-placeholder-color;
58
+ // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
59
+ opacity: 1;
60
+ }
61
+
62
+ // Disabled and read-only inputs
63
+ //
64
+ // HTML5 says that controls under a fieldset > legend:first-child won't be
65
+ // disabled if the fieldset is disabled. Due to implementation difficulty, we
66
+ // don't honor that edge case; we style them as disabled anyway.
67
+ &:disabled,
68
+ &[readonly] {
69
+ background-color: $input-disabled-bg;
70
+ border-color: $input-disabled-border-color;
71
+ // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
72
+ opacity: 1;
73
+ }
74
+
75
+ // File input buttons theming
76
+ &::file-selector-button {
77
+ padding: $input-padding-y $input-padding-x;
78
+ margin: (-$input-padding-y) (-$input-padding-x);
79
+ margin-inline-end: $input-padding-x;
80
+ color: $form-file-button-color;
81
+ @include gradient-bg($form-file-button-bg);
82
+ pointer-events: none;
83
+ border-color: inherit;
84
+ border-style: solid;
85
+ border-width: 0;
86
+ border-inline-end-width: $input-border-width;
87
+ border-radius: 0; // stylelint-disable-line property-disallowed-list
88
+ @include transition($btn-transition);
89
+ }
90
+
91
+ &:hover:not(:disabled):not([readonly])::file-selector-button {
92
+ background-color: $form-file-button-hover-bg;
93
+ }
94
+
95
+ &::-webkit-file-upload-button {
96
+ padding: $input-padding-y $input-padding-x;
97
+ margin: (-$input-padding-y) (-$input-padding-x);
98
+ margin-inline-end: $input-padding-x;
99
+ color: $form-file-button-color;
100
+ @include gradient-bg($form-file-button-bg);
101
+ pointer-events: none;
102
+ border-color: inherit;
103
+ border-style: solid;
104
+ border-width: 0;
105
+ border-inline-end-width: $input-border-width;
106
+ border-radius: 0; // stylelint-disable-line property-disallowed-list
107
+ @include transition($btn-transition);
108
+ }
109
+
110
+ &:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
111
+ background-color: $form-file-button-hover-bg;
112
+ }
113
+ }
114
+
115
+ // Readonly controls as plain text
116
+ //
117
+ // Apply class to a readonly input to make it appear like regular plain
118
+ // text (without any border, background color, focus indicator)
119
+
120
+ .form-control-plaintext {
121
+ display: block;
122
+ width: 100%;
123
+ padding: $input-padding-y 0;
124
+ margin-bottom: 0; // match inputs if this class comes on inputs with default margins
125
+ line-height: $input-line-height;
126
+ color: $input-plaintext-color;
127
+ background-color: transparent;
128
+ border: solid transparent;
129
+ border-width: $input-border-width 0;
130
+
131
+ &.form-control-sm,
132
+ &.form-control-lg {
133
+ padding-right: 0;
134
+ padding-left: 0;
135
+ }
136
+ }
137
+
138
+ // Form control sizing
139
+ //
140
+ // Build on `.form-control` with modifier classes to decrease or increase the
141
+ // height and font-size of form controls.
142
+ //
143
+ // Repeated in `_input_group.scss` to avoid Sass extend issues.
144
+
145
+ .form-control-sm {
146
+ min-height: $input-height-sm;
147
+ padding: $input-padding-y-sm $input-padding-x-sm;
148
+ @include font-size($input-font-size-sm);
149
+ @include border-radius($input-border-radius-sm);
150
+
151
+ &::file-selector-button {
152
+ padding: $input-padding-y-sm $input-padding-x-sm;
153
+ margin: (-$input-padding-y-sm) (-$input-padding-x-sm);
154
+ margin-inline-end: $input-padding-x-sm;
155
+ }
156
+
157
+ &::-webkit-file-upload-button {
158
+ padding: $input-padding-y-sm $input-padding-x-sm;
159
+ margin: (-$input-padding-y-sm) (-$input-padding-x-sm);
160
+ margin-inline-end: $input-padding-x-sm;
161
+ }
162
+ }
163
+
164
+ .form-control-lg {
165
+ min-height: $input-height-lg;
166
+ padding: $input-padding-y-lg $input-padding-x-lg;
167
+ @include font-size($input-font-size-lg);
168
+ @include border-radius($input-border-radius-lg);
169
+
170
+ &::file-selector-button {
171
+ padding: $input-padding-y-lg $input-padding-x-lg;
172
+ margin: (-$input-padding-y-lg) (-$input-padding-x-lg);
173
+ margin-inline-end: $input-padding-x-lg;
174
+ }
175
+
176
+ &::-webkit-file-upload-button {
177
+ padding: $input-padding-y-lg $input-padding-x-lg;
178
+ margin: (-$input-padding-y-lg) (-$input-padding-x-lg);
179
+ margin-inline-end: $input-padding-x-lg;
180
+ }
181
+ }
182
+
183
+ // Make sure textareas don't shrink too much when resized
184
+ // https://github.com/twbs/bootstrap/pull/29124
185
+ // stylelint-disable selector-no-qualifying-type
186
+ textarea {
187
+ &.form-control {
188
+ min-height: $input-height;
189
+ }
190
+
191
+ &.form-control-sm {
192
+ min-height: $input-height-sm;
193
+ }
194
+
195
+ &.form-control-lg {
196
+ min-height: $input-height-lg;
197
+ }
198
+ }
199
+ // stylelint-enable selector-no-qualifying-type
200
+
201
+ .form-control-color {
202
+ width: $form-color-width;
203
+ height: auto; // Override fixed browser height
204
+ padding: $input-padding-y;
205
+
206
+ &:not(:disabled):not([readonly]) {
207
+ cursor: pointer;
208
+ }
209
+
210
+ &::-moz-color-swatch {
211
+ height: if(unit($input-line-height) == "", $input-line-height * 1em, $input-line-height);
212
+ @include border-radius($input-border-radius);
213
+ }
214
+
215
+ &::-webkit-color-swatch {
216
+ height: if(unit($input-line-height) == "", $input-line-height * 1em, $input-line-height);
217
+ @include border-radius($input-border-radius);
218
+ }
219
+ }
@@ -0,0 +1,91 @@
1
+ // Range
2
+ //
3
+ // Style range inputs the same across browsers. Vendor-specific rules for pseudo
4
+ // elements cannot be mixed. As such, there are no shared styles for focus or
5
+ // active states on prefixed selectors.
6
+
7
+ .form-range {
8
+ width: 100%;
9
+ height: add($form-range-thumb-height, $form-range-thumb-focus-box-shadow-width * 2);
10
+ padding: 0; // Need to reset padding
11
+ background-color: transparent;
12
+ appearance: none;
13
+
14
+ &:focus {
15
+ outline: 0;
16
+
17
+ // Pseudo-elements must be split across multiple rulesets to have an effect.
18
+ // No box-shadow() mixin for focus accessibility.
19
+ &::-webkit-slider-thumb { box-shadow: $form-range-thumb-focus-box-shadow; }
20
+ &::-moz-range-thumb { box-shadow: $form-range-thumb-focus-box-shadow; }
21
+ }
22
+
23
+ &::-moz-focus-outer {
24
+ border: 0;
25
+ }
26
+
27
+ &::-webkit-slider-thumb {
28
+ width: $form-range-thumb-width;
29
+ height: $form-range-thumb-height;
30
+ margin-top: ($form-range-track-height - $form-range-thumb-height) * .5; // Webkit specific
31
+ @include gradient-bg($form-range-thumb-bg);
32
+ border: $form-range-thumb-border;
33
+ @include border-radius($form-range-thumb-border-radius);
34
+ @include box-shadow($form-range-thumb-box-shadow);
35
+ @include transition($form-range-thumb-transition);
36
+ appearance: none;
37
+
38
+ &:active {
39
+ @include gradient-bg($form-range-thumb-active-bg);
40
+ }
41
+ }
42
+
43
+ &::-webkit-slider-runnable-track {
44
+ width: $form-range-track-width;
45
+ height: $form-range-track-height;
46
+ color: transparent; // Why?
47
+ cursor: $form-range-track-cursor;
48
+ background-color: $form-range-track-bg;
49
+ border-color: transparent;
50
+ @include border-radius($form-range-track-border-radius);
51
+ @include box-shadow($form-range-track-box-shadow);
52
+ }
53
+
54
+ &::-moz-range-thumb {
55
+ width: $form-range-thumb-width;
56
+ height: $form-range-thumb-height;
57
+ @include gradient-bg($form-range-thumb-bg);
58
+ border: $form-range-thumb-border;
59
+ @include border-radius($form-range-thumb-border-radius);
60
+ @include box-shadow($form-range-thumb-box-shadow);
61
+ @include transition($form-range-thumb-transition);
62
+ appearance: none;
63
+
64
+ &:active {
65
+ @include gradient-bg($form-range-thumb-active-bg);
66
+ }
67
+ }
68
+
69
+ &::-moz-range-track {
70
+ width: $form-range-track-width;
71
+ height: $form-range-track-height;
72
+ color: transparent;
73
+ cursor: $form-range-track-cursor;
74
+ background-color: $form-range-track-bg;
75
+ border-color: transparent; // Firefox specific?
76
+ @include border-radius($form-range-track-border-radius);
77
+ @include box-shadow($form-range-track-box-shadow);
78
+ }
79
+
80
+ &:disabled {
81
+ pointer-events: none;
82
+
83
+ &::-webkit-slider-thumb {
84
+ background-color: $form-range-thumb-disabled-bg;
85
+ }
86
+
87
+ &::-moz-range-thumb {
88
+ background-color: $form-range-thumb-disabled-bg;
89
+ }
90
+ }
91
+ }
@@ -0,0 +1,72 @@
1
+ // Select
2
+ //
3
+ // Replaces the browser default select with a custom one, mostly pulled from
4
+ // https://primer.github.io/.
5
+
6
+ .form-select {
7
+ display: block;
8
+ width: 100%;
9
+ padding: $form-select-padding-y $form-select-indicator-padding $form-select-padding-y $form-select-padding-x;
10
+ // stylelint-disable-next-line property-no-vendor-prefix
11
+ -moz-padding-start: subtract($form-select-padding-x, 3px); // See https://github.com/twbs/bootstrap/issues/32636
12
+ font-family: $form-select-font-family;
13
+ @include font-size($form-select-font-size);
14
+ font-weight: $form-select-font-weight;
15
+ line-height: $form-select-line-height;
16
+ color: $form-select-color;
17
+ background-color: $form-select-bg;
18
+ background-image: escape-svg($form-select-indicator);
19
+ background-repeat: no-repeat;
20
+ background-position: $form-select-bg-position;
21
+ background-size: $form-select-bg-size;
22
+ border: $form-select-border-width solid $form-select-border-color;
23
+ @include border-radius($form-select-border-radius, 0);
24
+ @include box-shadow($form-select-box-shadow);
25
+ @include transition($form-select-transition);
26
+ appearance: none;
27
+
28
+ &:focus {
29
+ border-color: $form-select-focus-border-color;
30
+ outline: 0;
31
+ @if $enable-shadows {
32
+ @include box-shadow($form-select-box-shadow, $form-select-focus-box-shadow);
33
+ } @else {
34
+ // Avoid using mixin so we can pass custom focus shadow properly
35
+ box-shadow: $form-select-focus-box-shadow;
36
+ }
37
+ }
38
+
39
+ &[multiple],
40
+ &[size]:not([size="1"]) {
41
+ padding-right: $form-select-padding-x;
42
+ background-image: none;
43
+ }
44
+
45
+ &:disabled {
46
+ color: $form-select-disabled-color;
47
+ background-color: $form-select-disabled-bg;
48
+ border-color: $form-select-disabled-border-color;
49
+ }
50
+
51
+ // Remove outline from select box in FF
52
+ &:-moz-focusring {
53
+ color: transparent;
54
+ text-shadow: 0 0 0 $form-select-color;
55
+ }
56
+ }
57
+
58
+ .form-select-sm {
59
+ padding-top: $form-select-padding-y-sm;
60
+ padding-bottom: $form-select-padding-y-sm;
61
+ padding-left: $form-select-padding-x-sm;
62
+ @include font-size($form-select-font-size-sm);
63
+ @include border-radius($form-select-border-radius-sm);
64
+ }
65
+
66
+ .form-select-lg {
67
+ padding-top: $form-select-padding-y-lg;
68
+ padding-bottom: $form-select-padding-y-lg;
69
+ padding-left: $form-select-padding-x-lg;
70
+ @include font-size($form-select-font-size-lg);
71
+ @include border-radius($form-select-border-radius-lg);
72
+ }
@@ -0,0 +1,11 @@
1
+ //
2
+ // Form text
3
+ //
4
+
5
+ .form-text {
6
+ margin-top: $form-text-margin-top;
7
+ @include font-size($form-text-font-size);
8
+ font-style: $form-text-font-style;
9
+ font-weight: $form-text-font-weight;
10
+ color: $form-text-color;
11
+ }