j1-template 2021.3.2 → 2022.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (198) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/themes/j1/layouts/content_generator_news_panel_posts.html +4 -4
  3. data/_includes/themes/j1/layouts/content_generator_post.html +3 -3
  4. data/_includes/themes/j1/modules/navigator/generator.html +9 -11
  5. data/_includes/themes/j1/modules/search/docsearch.html +1 -1
  6. data/_includes/themes/j1/procedures/global/create_bs_button.proc +5 -5
  7. data/_includes/themes/j1/procedures/global/create_word_cloud.proc +3 -1
  8. data/_includes/themes/j1/procedures/layouts/module_writer.proc +1 -1
  9. data/_includes/themes/j1/procedures/posts/collate_timeline.proc +1 -1
  10. data/_layouts/default.html +66 -22
  11. data/_layouts/home.html +1 -1
  12. data/_layouts/raw.html +2 -1
  13. data/assets/data/article_navigator/index.html +1 -1
  14. data/assets/data/banner.html +6 -12
  15. data/assets/data/cookieconsent.html +11 -11
  16. data/assets/data/{fam.html → fab.html} +41 -24
  17. data/assets/data/gallery_customizer.html +2 -2
  18. data/assets/data/panel.html +12 -18
  19. data/assets/data/private.json +5 -1
  20. data/assets/data/quicklinks.html +4 -5
  21. data/assets/data/themes.bootswatch.json +75 -0
  22. data/assets/data/themes.json +6 -6
  23. data/assets/data/translator.html +15 -15
  24. data/assets/error_pages/HTTP445.html +110 -0
  25. data/assets/themes/j1/adapter/js/bmd.js +1 -1
  26. data/assets/themes/j1/adapter/js/cookieConsent.js +7 -1
  27. data/assets/themes/j1/adapter/js/{fam.js → fab.js} +114 -111
  28. data/assets/themes/j1/adapter/js/j1.js +202 -142
  29. data/assets/themes/j1/adapter/js/mmenu.js +18 -24
  30. data/assets/themes/j1/adapter/js/navigator.js +3 -1
  31. data/assets/themes/j1/adapter/js/toccer.js +37 -76
  32. data/assets/themes/j1/adapter/js/translator.js +6 -0
  33. data/assets/themes/j1/core/country-flags/css/theme/uno.min.css +15 -0
  34. data/assets/themes/j1/core/css/icon-fonts/mdi.css +22307 -0
  35. data/assets/themes/j1/core/css/icon-fonts/mdi.min.css +1 -0
  36. data/assets/themes/j1/core/css/icon-fonts/mdil.css +1222 -0
  37. data/assets/themes/j1/core/css/icon-fonts/mdil.min.css +1 -0
  38. data/assets/themes/j1/core/css/icon-fonts/twemoji.css +4 -0
  39. data/assets/themes/j1/core/css/themes/bootstrap/bootstrap.css +5341 -4730
  40. data/assets/themes/j1/core/css/themes/bootstrap/bootstrap.min.css +3 -1
  41. data/assets/themes/j1/core/css/themes/theme_vapor/bootstrap.css +8301 -0
  42. data/assets/themes/j1/core/css/themes/theme_vapor/bootstrap.min.css +3 -0
  43. data/assets/themes/j1/core/css/themes/uno-dark/bootstrap.css +5293 -4702
  44. data/assets/themes/j1/core/css/themes/uno-dark/bootstrap.min.css +3 -1
  45. data/assets/themes/j1/core/css/themes/uno-light/bootstrap.css +11929 -12546
  46. data/assets/themes/j1/core/css/themes/uno-light/bootstrap.min.css +18 -18
  47. data/assets/themes/j1/core/css/vendor.css +2 -28
  48. data/assets/themes/j1/core/css/vendor.min.css +1 -1
  49. data/assets/themes/j1/core/js/template.js +41 -27
  50. data/assets/themes/j1/core/js/template.min.js +5 -5
  51. data/assets/themes/j1/core/js/template.min.js.map +1 -1
  52. data/assets/themes/j1/modules/bmd/js/bmd.js +2280 -0
  53. data/assets/themes/j1/modules/bmd/js/bmd.min.js +20 -0
  54. data/assets/themes/j1/modules/bootstrap/js/bootstrap.js +5072 -0
  55. data/assets/themes/j1/modules/bootstrap/js/bootstrap.min.js +7 -0
  56. data/assets/themes/j1/modules/bootstrap/js/bootstrap.min.js.map +1 -0
  57. data/assets/themes/j1/modules/cookieConsent/js/cookieConsent.js +19 -17
  58. data/assets/themes/j1/modules/cookieConsent/js/cookieConsent.min.js +1 -1
  59. data/assets/themes/j1/modules/{fam/css/theme/uno/fam.css → fab/css/theme/uno/fab.css} +32 -28
  60. data/assets/themes/j1/modules/{fam/css/theme/uno/fam.min.css → fab/css/theme/uno/fab.min.css} +3 -3
  61. data/assets/themes/j1/modules/{materialize → fab}/js/cash.js +20 -2
  62. data/assets/themes/j1/modules/{fam/js/fam.js → fab/js/fab.js} +4 -2
  63. data/assets/themes/j1/modules/{util → gtag-opt-in}/js/gtag-opt-in.js +15 -1
  64. data/assets/themes/j1/modules/gtag-opt-in/js/gtag-opt-in.min.js +15 -0
  65. data/assets/themes/j1/modules/lightGallery/js/modules/lg-thumbnail.min.js +4 -1
  66. data/assets/themes/j1/modules/materialize/js/bin/materialize.js +12374 -0
  67. data/assets/themes/j1/modules/materialize/js/bin/materialize.min.js +6 -0
  68. data/assets/themes/j1/modules/materialize/js/{tapTarget.js → tapTarget.cash.js} +0 -0
  69. data/assets/themes/j1/modules/materialize/js/tapTarget.jQuery.js +187 -0
  70. data/assets/themes/j1/modules/popper/js/popper.js +1670 -2346
  71. data/assets/themes/j1/modules/popper/js/popper.min.js +6 -4
  72. data/assets/themes/j1/modules/popper/js/popper.min.js.map +1 -1
  73. data/assets/themes/j1/modules/translator/js/translator.js +6 -2
  74. data/assets/themes/j1/modules/translator/js/translator.min.js +1 -1
  75. data/lib/j1/version.rb +1 -1
  76. data/lib/starter_web/Gemfile +1 -1
  77. data/lib/starter_web/_config.yml +21 -24
  78. data/lib/starter_web/_data/blocks/banner.yml +22 -7
  79. data/lib/starter_web/_data/blocks/panel.yml +2 -2
  80. data/lib/starter_web/_data/builder/defaults/blog_navigator.yml +42 -35
  81. data/lib/starter_web/_data/j1_config.yml +1 -1
  82. data/lib/starter_web/_data/layouts/article_navigator.yml +1 -1
  83. data/lib/starter_web/_data/layouts/blog_archive.yml +1 -1
  84. data/lib/starter_web/_data/layouts/collection.yml +1 -1
  85. data/lib/starter_web/_data/layouts/home.yml +5 -5
  86. data/lib/starter_web/_data/layouts/news_panel_posts.yml +1 -1
  87. data/lib/starter_web/_data/layouts/page.yml +1 -1
  88. data/lib/starter_web/_data/layouts/post.yml +1 -1
  89. data/lib/starter_web/_data/modules/defaults/{fam.yml → fab.yml} +8 -7
  90. data/lib/starter_web/_data/modules/defaults/navigator.yml +3 -0
  91. data/lib/starter_web/_data/modules/defaults/rtable.yml +2 -1
  92. data/lib/starter_web/_data/modules/defaults/scoller.yml +33 -0
  93. data/lib/starter_web/_data/modules/defaults/themer.yml +1 -1
  94. data/lib/starter_web/_data/modules/defaults/toccer.yml +5 -4
  95. data/lib/starter_web/_data/modules/{fam.yml → fab.yml} +31 -31
  96. data/lib/starter_web/_data/modules/scroller.yml +2 -2
  97. data/lib/starter_web/_data/modules/toccer.yml +3 -5
  98. data/lib/starter_web/_data/resources.yml +45 -31
  99. data/lib/starter_web/_includes/attributes.asciidoc +48 -48
  100. data/lib/starter_web/_plugins/lunr_index.rb +1 -1
  101. data/lib/starter_web/collections/posts/public/featured/_posts/0000-00-00-welcome-to-j1.adoc.erb +1 -4
  102. data/lib/starter_web/collections/posts/public/featured/_posts/2021-01-01-about-cookies.adoc +2 -2
  103. data/lib/starter_web/collections/posts/public/featured/_posts/2021-02-01-site-generators.adoc +2 -2
  104. data/lib/starter_web/collections/posts/public/featured/_posts/2021-03-03-about-j1.adoc +2 -2
  105. data/lib/starter_web/collections/posts/public/series/_posts/2020-01-01-post-wiki-series.adoc +1 -1
  106. data/lib/starter_web/collections/posts/public/series/_posts/2020-01-02-post-wiki-series.adoc +1 -1
  107. data/lib/starter_web/collections/posts/public/series/_posts/2020-01-03-post-wiki-series.adoc +2 -2
  108. data/lib/starter_web/index.html +1 -1
  109. data/lib/starter_web/package.json +1 -1
  110. data/lib/starter_web/pages/_test_pages/100_side-bar-tester.adoc +244 -0
  111. data/lib/starter_web/pages/_test_pages/_includes/attributes.asciidoc +110 -0
  112. data/lib/starter_web/pages/_test_pages/_includes/documents/100_gistblock.asciidoc +28 -0
  113. data/lib/starter_web/pages/_test_pages/_includes/documents/410_bottom_info.asciidoc +14 -0
  114. data/lib/starter_web/pages/_test_pages/_includes/documents/410_bottom_left_warning.asciidoc +11 -0
  115. data/lib/starter_web/pages/_test_pages/_includes/documents/410_bottom_right_danger.asciidoc +11 -0
  116. data/lib/starter_web/pages/_test_pages/_includes/documents/410_central_success.asciidoc +11 -0
  117. data/lib/starter_web/pages/_test_pages/_includes/documents/410_full_height_left_info.asciidoc +11 -0
  118. data/lib/starter_web/pages/_test_pages/_includes/documents/410_full_height_right_success.asciidoc +11 -0
  119. data/lib/starter_web/pages/_test_pages/_includes/documents/410_table_bs_modal_examples.asciidoc +47 -0
  120. data/lib/starter_web/pages/_test_pages/_includes/documents/410_top_info.asciidoc +11 -0
  121. data/lib/starter_web/pages/_test_pages/_includes/documents/410_top_left_info.asciidoc +11 -0
  122. data/lib/starter_web/pages/_test_pages/_includes/documents/410_top_right_success.asciidoc +11 -0
  123. data/lib/starter_web/pages/_test_pages/_includes/documents/419_advanced_modals_demo.asciidoc +337 -0
  124. data/lib/starter_web/pages/_test_pages/_includes/documents/tables/bs_modal_examples.asciidoc +47 -0
  125. data/lib/starter_web/pages/_test_pages/accordion-01-tester.adoc +220 -0
  126. data/lib/starter_web/pages/_test_pages/accordion-02-tester.adoc +177 -0
  127. data/lib/starter_web/pages/_test_pages/accordion-03-tester.adoc +148 -0
  128. data/lib/starter_web/pages/_test_pages/attribute-changes-01-tester.adoc +226 -0
  129. data/lib/starter_web/pages/_test_pages/backdrop-tester.adoc +109 -0
  130. data/lib/starter_web/pages/_test_pages/button-tester-1.adoc +127 -0
  131. data/lib/starter_web/pages/_test_pages/card-tester.adoc +128 -0
  132. data/lib/starter_web/pages/_test_pages/cookieConsent.adoc +96 -0
  133. data/lib/starter_web/pages/_test_pages/deepl.0.adoc +258 -0
  134. data/lib/starter_web/pages/_test_pages/deepl.adoc +204 -0
  135. data/lib/starter_web/pages/_test_pages/desandro-button.adoc +171 -0
  136. data/lib/starter_web/pages/_test_pages/desandro.adoc +147 -0
  137. data/lib/starter_web/pages/_test_pages/flipcard-1-tester.adoc +308 -0
  138. data/lib/starter_web/pages/_test_pages/formular-01-tester.adoc +167 -0
  139. data/lib/starter_web/pages/_test_pages/formular-02-tester.adoc +727 -0
  140. data/lib/starter_web/pages/_test_pages/google-translate-tester.0.adoc +113 -0
  141. data/lib/starter_web/pages/_test_pages/google-translate-tester.1.adoc +233 -0
  142. data/lib/starter_web/pages/_test_pages/google-translate-tester.3.adoc +149 -0
  143. data/lib/starter_web/pages/_test_pages/google-translate-tester.4.adoc +239 -0
  144. data/lib/starter_web/pages/_test_pages/infinite-scroll-tester-2.adoc +183 -0
  145. data/lib/starter_web/pages/_test_pages/infinite-scroll-tester-3.adoc +235 -0
  146. data/lib/starter_web/pages/_test_pages/infinite-scroll-tester-4.adoc +222 -0
  147. data/lib/starter_web/pages/_test_pages/infinite-scroll-tester-5.adoc +119 -0
  148. data/lib/starter_web/pages/_test_pages/infinite-scroll-tester.1.adoc +236 -0
  149. data/lib/starter_web/pages/_test_pages/infinite-scroll-tester.adoc +225 -0
  150. data/lib/starter_web/pages/_test_pages/list-group-tester.adoc +265 -0
  151. data/lib/starter_web/pages/_test_pages/tictok.adoc +127 -0
  152. data/lib/starter_web/pages/public/about/about_site.adoc +1 -1
  153. data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/000_intro.adoc +1 -1
  154. data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/100_converter.adoc +1 -1
  155. data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/200_themes.adoc +1 -1
  156. data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/documentation.a2p +1 -1
  157. data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/documentation.adoc +1 -1
  158. data/lib/starter_web/pages/public/asciidoc_skeletons/multi-document/multi.adoc +1 -1
  159. data/lib/starter_web/pages/public/asciidoc_skeletons/simple-document/simple.adoc +1 -1
  160. data/lib/starter_web/pages/public/blog/navigator/archive/categoryview.html +5 -5
  161. data/lib/starter_web/pages/public/blog/navigator/archive/dateview.html +3 -3
  162. data/lib/starter_web/pages/public/blog/navigator/archive/tagview.html +3 -3
  163. data/lib/starter_web/pages/public/blog/navigator/archive.html +3 -3
  164. data/lib/starter_web/pages/public/blog/navigator/index.html +1 -1
  165. data/lib/starter_web/pages/public/learn/quickstart.adoc +2 -2
  166. data/lib/starter_web/pages/public/learn/roundtrip/100_present_images.adoc +2 -2
  167. data/lib/starter_web/pages/public/learn/roundtrip/100_present_videos.adoc +2 -2
  168. data/lib/starter_web/pages/public/learn/roundtrip/200_typography.adoc +2 -2
  169. data/lib/starter_web/pages/public/learn/roundtrip/300_icon_fonts.adoc +2 -2
  170. data/lib/starter_web/pages/public/learn/roundtrip/400_asciidoc_extensions.adoc +2 -2
  171. data/lib/starter_web/pages/public/learn/roundtrip/410_bs_modals_extentions.adoc +2 -2
  172. data/lib/starter_web/pages/public/learn/roundtrip/420_responsive_tables_extensions.adoc +2 -2
  173. data/lib/starter_web/pages/public/learn/roundtrip/500_themes.adoc +2 -2
  174. data/lib/starter_web/pages/public/learn/roundtrip/600_quicksearch.adoc +13 -11
  175. data/lib/starter_web/pages/public/learn/roundtrip/_includes/attributes.asciidoc +1 -1
  176. data/lib/starter_web/pages/public/learn/where_to_go.adoc +2 -2
  177. data/lib/starter_web/pages/public/legal/de/100_copyright.adoc +2 -2
  178. data/lib/starter_web/pages/public/legal/de/100_impress.adoc +2 -2
  179. data/lib/starter_web/pages/public/legal/de/300_privacy.adoc +2 -2
  180. data/lib/starter_web/pages/public/legal/de/400_comment_policy.adoc +2 -2
  181. data/lib/starter_web/pages/public/legal/en/100_copyright.adoc +2 -2
  182. data/lib/starter_web/pages/public/legal/en/200_impress.adoc +2 -2
  183. data/lib/starter_web/pages/public/legal/en/300_privacy.adoc +2 -2
  184. data/lib/starter_web/pages/public/legal/en/400_comment_policy.adoc +2 -2
  185. data/lib/starter_web/pages/public/manuals/dropdown-help.adoc +1 -1
  186. data/lib/starter_web/pages/public/panels/intro_panel/panel.adoc +2 -2
  187. data/lib/starter_web/pages/public/previewer/preview_bootstrap_theme.adoc +1578 -666
  188. data/lib/starter_web/utilsrv/_defaults/package.json +1 -1
  189. data/lib/starter_web/utilsrv/package.json +1 -1
  190. metadata +73 -20
  191. data/assets/themes/j1/modules/bmd/css/bootstrap-material-design.css +0 -12177
  192. data/assets/themes/j1/modules/bmd/css/bootstrap-material-design.min.css +0 -8
  193. data/assets/themes/j1/modules/bmd/js/bootstrap-material-design.full.js +0 -6930
  194. data/assets/themes/j1/modules/bmd/js/bootstrap-material-design.js +0 -6936
  195. data/assets/themes/j1/modules/bmd/js/bootstrap-material-design.js.map +0 -1
  196. data/assets/themes/j1/modules/bmd/js/bootstrap-material-design.min.js +0 -1
  197. data/assets/themes/j1/modules/popper/js/popper.js.map +0 -1
  198. data/assets/themes/j1/modules/util/js/domready.js +0 -146
@@ -0,0 +1,11 @@
1
+ // === Top Right Success
2
+ // Add `.modal-dialog-centered` to `.modal-dialog` to vertically center the modal.
3
+
4
+ ++++
5
+ <div class="ml-2">
6
+ <!-- Button trigger modal -->
7
+ <button type="button" class="btn btn-primary btn-raised" data-toggle="modal" data-target="#sideModalTRSuccessDemo">
8
+ Launch Example
9
+ </button>
10
+ </div>
11
+ ++++
@@ -0,0 +1,337 @@
1
+ ++++
2
+ <!-- Modal Top Info -->
3
+ <div id="frameModalTopInfoDemo"
4
+ class="modal fade top"
5
+ tabindex="-1"
6
+ role="dialog"
7
+ aria-labelledby="myModalLabel" aria-hidden="true"
8
+ data-keyboard="false"
9
+ data-backdrop="static">
10
+ <div class="modal-dialog modal-frame modal-top modal-notify modal-info" role="document">
11
+ <!-- Content -->
12
+ <div class="modal-content">
13
+ <!-- Body -->
14
+ <div class="modal-body">
15
+ <div class="row px-4">
16
+ <p class="pt-1 pr-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit nisi quo provident fugiat reprehenderit nostrum quos..</p>
17
+ </div>
18
+ <div class="row px-4">
19
+ <a type="button" class="btn btn-raised btn-primary mr-2">Yes, please</a>
20
+ <a type="button" class="btn btn-outline-secondary" data-dismiss="modal">No, thanks</a>
21
+ </div>
22
+ </div>
23
+ </div>
24
+ <!-- END Content -->
25
+ </div>
26
+ </div>
27
+ <!-- END Modal Top Info -->
28
+
29
+ <!-- Side Modal Top Right Success -->
30
+ <div id="sideModalTRSuccessDemo"
31
+ class="modal fade right"
32
+ tabindex="-1"
33
+ role="dialog"
34
+ aria-labelledby="myModalLabel" aria-hidden="true"
35
+ data-keyboard="false"
36
+ data-backdrop="static">
37
+ <div class="modal-dialog modal-side modal-top-right modal-notify modal-success" role="document">
38
+ <!-- Content -->
39
+ <div class="modal-content">
40
+ <!--Header-->
41
+ <div class="modal-header">
42
+ <p class="lead">Modal Success</p>
43
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
44
+ <i class="mdi mdi-close mdi-dark mdi-48px"></i>
45
+ </button>
46
+ </div>
47
+ <!-- Body -->
48
+ <div class="modal-body">
49
+ <div class="text-center">
50
+ <i class="mdi mdi-4x mdi-check mdi-rotateIn mb-1"></i>
51
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit iusto nulla aperiam blanditiis ad consequatur in dolores culpa, dignissimos, eius non possimus fugiat. Esse ratione fuga, enim, ab officiis totam.
52
+ </p>
53
+ </div>
54
+ </div>
55
+ <!-- Footer -->
56
+ <div class="modal-footer justify-content-center">
57
+ <a type="button" class="btn btn-raised btn-primary mr-2">Yes, please</a>
58
+ <a type="button" class="btn btn-outline-secondary" data-dismiss="modal">No, thanks</a>
59
+ </div>
60
+ </div>
61
+ <!-- END Content -->
62
+ </div>
63
+ </div>
64
+ <!-- END Side Modal Top Right Success -->
65
+
66
+ <!-- Side Modal Top Left Info -->
67
+ <div id="sideModalTLInfoDemo"
68
+ class="modal fade left"
69
+ tabindex="-1"
70
+ role="dialog"
71
+ aria-labelledby="myModalLabel" aria-hidden="true"
72
+ data-keyboard="false"
73
+ data-backdrop="static">
74
+ <div class="modal-dialog modal-side modal-top-left modal-notify modal-info" role="document">
75
+ <!-- Content -->
76
+ <div class="modal-content">
77
+ <!--Header-->
78
+ <div class="modal-header">
79
+ <p class="lead">Modal Info</p>
80
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
81
+ <i class="mdi mdi-close mdi-dark mdi-48px"></i>
82
+ </button>
83
+ </div>
84
+ <!-- Body -->
85
+ <div class="modal-body">
86
+ <img src="/assets/images/modules/attics/admin-dashboard-bootstrap-1280x600.jpg" alt="admin-dashboard-bootstrap" class="img-fluid">
87
+ <div class="text-center">
88
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt vero illo error eveniet cum.</p>
89
+ </div>
90
+ </div>
91
+ <!-- Footer -->
92
+ <div class="modal-footer justify-content-center">
93
+ <a type="button" class="btn btn-raised btn-primary mr-2">Yes, please</a>
94
+ <a type="button" class="btn btn-outline-secondary" data-dismiss="modal">No, thanks</a>
95
+ </div>
96
+ </div>
97
+ <!-- END Content -->
98
+ </div>
99
+ </div>
100
+ <!-- END Side Modal Top Left Info -->
101
+
102
+ <!-- Modal Bottom Success-->
103
+ <div id="frameModalBottomSuccessDemo"
104
+ class="modal fade bottom"
105
+ tabindex="-1"
106
+ role="dialog"
107
+ aria-labelledby="myModalLabel" aria-hidden="true"
108
+ data-keyboard="false"
109
+ data-backdrop="static">
110
+ <div class="modal-dialog modal-frame modal-bottom modal-notify modal-success" role="document">
111
+ <!-- Content -->
112
+ <div class="modal-content">
113
+ <!-- Body -->
114
+ <div class="modal-body">
115
+ <p class="mt-1 ml-3 mr-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit nisi quo provident fugiat reprehenderit nostrum quos..</p><div class="row ml-3">
116
+ <a type="button" class="btn btn-raised btn-primary mr-2">Yes, please</a>
117
+ <a type="button" class="btn btn-outline-secondary" data-dismiss="modal">No, thanks<div class="ripple-container"><div class="ripple-decorator ripple-on ripple-out" style="left: 51.4063px; top: 20px; background-color: rgb(1, 211, 107); transform: scale(14.5548);"></div></div></a>
118
+ </div>
119
+ </div>
120
+ </div>
121
+ <!-- END Content -->
122
+ </div>
123
+ </div>
124
+ <!-- END Modal Bottom Success -->
125
+
126
+ <!-- Side Modal Bottom Right Danger -->
127
+ <div id="sideModalBRDangerDemo"
128
+ class="modal fade right"
129
+ tabindex="-1"
130
+ role="dialog"
131
+ aria-labelledby="myModalLabel" aria-hidden="true"
132
+ data-keyboard="false"
133
+ data-backdrop="static">
134
+ <div class="modal-dialog modal-side modal-bottom-right modal-notify modal-danger" role="document">
135
+ <!-- Content -->
136
+ <div class="modal-content">
137
+ <!--Header-->
138
+ <div class="modal-header">
139
+ <p class="lead">Modal Danger</p>
140
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
141
+ <i class="mdi mdi-close mdi-dark mdi-48px"></i>
142
+ </button>
143
+ </div>
144
+ <!-- Body -->
145
+ <div class="modal-body">
146
+ <div class="row">
147
+ <div class="col-3">
148
+ <p></p>
149
+ <p class="text-center"><i class="mdi mdi-cart fa-4x"></i></p>
150
+ </div>
151
+ <div class="col-9">
152
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga, molestiae provident temporibus sunt earum.</p>
153
+ <h2 class="notoc"><span class="badge">v52gs1</span></h2>
154
+ </div>
155
+ </div>
156
+ </div>
157
+ <!-- Footer -->
158
+ <div class="modal-footer justify-content-center">
159
+ <a type="button" class="btn btn-raised btn-primary mr-2">Yes, please</a>
160
+ <a type="button" class="btn btn-outline-secondary" data-dismiss="modal">No, thanks</a>
161
+ </div>
162
+ </div>
163
+ <!-- END Content -->
164
+ </div>
165
+ </div>
166
+ <!-- END Side Modal Bottom Right Danger -->
167
+
168
+ <!-- Side Modal Bottom Left Warning -->
169
+ <div id="sideModalBLWarningDemo"
170
+ class="modal fade left"
171
+ tabindex="-1"
172
+ role="dialog"
173
+ aria-labelledby="myModalLabel" aria-hidden="true"
174
+ data-keyboard="false"
175
+ data-backdrop="static">
176
+ <div class="modal-dialog modal-side modal-bottom-left modal-notify modal-warning" role="document">
177
+ <!-- Content -->
178
+ <div class="modal-content">
179
+ <!--Header-->
180
+ <div class="modal-header">
181
+ <p class="lead">Modal Warning</p>
182
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
183
+ <i class="mdi mdi-close mdi-dark mdi-48px"></i>
184
+ </button>
185
+ </div>
186
+ <!-- Body -->
187
+ <div class="modal-body">
188
+ <div class="row">
189
+ <div class="col-3 text-center">
190
+ <img src="/assets/images/pages/roundtrip/410_bs_modals_extentions/avatar.jpg" alt="avatar.jpg" class="img-fluid z-depth-1-half rounded-circle">
191
+ <div style="height: 10px"></div>
192
+ <p class="title mb-0">Jane</p>
193
+ <p class="text-muted " style="font-size: 13px">Consultant</p>
194
+ </div>
195
+ <div class="col-9">
196
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga, molestiae provident temporibus sunt earum.</p>
197
+ <p class="card-text"><strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</strong></p>
198
+ </div>
199
+ </div>
200
+ </div>
201
+ <!-- Footer -->
202
+ <div class="modal-footer justify-content-center">
203
+ <a type="button" class="btn btn-raised btn-primary mr-2">Yes, please</a>
204
+ <a type="button" class="btn btn-outline-secondary" data-dismiss="modal">No, thanks</a>
205
+ </div>
206
+ </div>
207
+ <!-- END Content -->
208
+ </div>
209
+ </div>
210
+ <!-- END Side Modal Bottom Left Warning -->
211
+
212
+ <!-- Modal Full Height Right Success Demo -->
213
+ <div id="fluidModalRightSuccessDemo"
214
+ class="modal fade right"
215
+ tabindex="-1"
216
+ role="dialog"
217
+ aria-labelledby="myModalLabel" aria-hidden="true"
218
+ data-keyboard="false"
219
+ data-backdrop="static">
220
+ <div class="modal-dialog modal-full-height modal-right modal-notify modal-success" role="document">
221
+ <!-- Content -->
222
+ <div class="modal-content">
223
+ <!--Header-->
224
+ <div class="modal-header">
225
+ <p class="lead">Modal Success</p>
226
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
227
+ <i class="mdi mdi-close mdi-dark mdi-48px"></i>
228
+ </button>
229
+ </div>
230
+ <!-- Body -->
231
+ <div class="modal-body">
232
+ <div class="text-center">
233
+ <i class="mdi mdi-4x mdi-check mdi-rotateIn mb-1"></i>
234
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit iusto nulla aperiam blanditiis ad consequatur in dolores culpa, dignissimos, eius non possimus fugiat. Esse ratione fuga, enim, ab officiis totam.
235
+ </p>
236
+ </div>
237
+ <ul class="list-group z-depth-0">
238
+ <li class="list-group-item justify-content-between">
239
+ Cras justo odio
240
+ <span class="badge badge-primary badge-pill">14</span>
241
+ </li>
242
+ <li class="list-group-item justify-content-between">
243
+ Dapibus ac facilisis in
244
+ <span class="badge badge-primary badge-pill">2</span>
245
+ </li>
246
+ <li class="list-group-item justify-content-between">
247
+ Morbi leo risus
248
+ <span class="badge badge-primary badge-pill">1</span>
249
+ </li>
250
+ <li class="list-group-item justify-content-between">
251
+ Cras justo odio
252
+ <span class="badge badge-primary badge-pill">14</span>
253
+ </li>
254
+ <li class="list-group-item justify-content-between">
255
+ Dapibus ac facilisis in
256
+ <span class="badge badge-primary badge-pill">2</span>
257
+ </li>
258
+ <li class="list-group-item justify-content-between">
259
+ Morbi leo risus
260
+ <span class="badge badge-primary badge-pill">1</span>
261
+ </li>
262
+ </ul>
263
+ </div>
264
+ <!-- Footer -->
265
+ <div class="modal-footer">
266
+ <a type="button" class="btn btn-raised btn-primary mr-2">Yes, please</a>
267
+ <a type="button" class="btn btn-outline-secondary" data-dismiss="modal">No, thanks</a>
268
+ </div>
269
+ </div>
270
+ <!-- END Content -->
271
+ </div>
272
+ </div>
273
+ <!-- END Modal Full Height Right Success Demo -->
274
+
275
+ <!-- Modal Full Height Left Info Demo -->
276
+ <div id="fluidModalLeftInfoDemo"
277
+ class="modal fade left"
278
+ tabindex="-1"
279
+ role="dialog"
280
+ aria-labelledby="myModalLabel" aria-hidden="true"
281
+ data-keyboard="false"
282
+ data-backdrop="static">
283
+ <div class="modal-dialog modal-full-height modal-left modal-notify modal-info" role="document">
284
+ <!-- Content -->
285
+ <div class="modal-content">
286
+ <!--Header-->
287
+ <div class="modal-header">
288
+ <p class="lead">Modal Success</p>
289
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
290
+ <i class="mdi mdi-close mdi-dark mdi-48px"></i>
291
+ </button>
292
+ </div>
293
+ <!-- Body -->
294
+ <div class="modal-body">
295
+ <div class="text-center">
296
+ <i class="mdi mdi-4x mdi-check mdi-rotateIn mb-1"></i>
297
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit iusto nulla aperiam blanditiis ad consequatur in dolores culpa, dignissimos, eius non possimus fugiat. Esse ratione fuga, enim, ab officiis totam.
298
+ </p>
299
+ </div>
300
+ <ul class="list-group z-depth-0">
301
+ <li class="list-group-item justify-content-between">
302
+ Cras justo odio
303
+ <span class="badge badge-primary badge-pill">14</span>
304
+ </li>
305
+ <li class="list-group-item justify-content-between">
306
+ Dapibus ac facilisis in
307
+ <span class="badge badge-primary badge-pill">2</span>
308
+ </li>
309
+ <li class="list-group-item justify-content-between">
310
+ Morbi leo risus
311
+ <span class="badge badge-primary badge-pill">1</span>
312
+ </li>
313
+ <li class="list-group-item justify-content-between">
314
+ Cras justo odio
315
+ <span class="badge badge-primary badge-pill">14</span>
316
+ </li>
317
+ <li class="list-group-item justify-content-between">
318
+ Dapibus ac facilisis in
319
+ <span class="badge badge-primary badge-pill">2</span>
320
+ </li>
321
+ <li class="list-group-item justify-content-between">
322
+ Morbi leo risus
323
+ <span class="badge badge-primary badge-pill">1</span>
324
+ </li>
325
+ </ul>
326
+ </div>
327
+ <!-- Footer -->
328
+ <div class="modal-footer">
329
+ <a type="button" class="btn btn-raised btn-primary mr-2">Yes, please</a>
330
+ <a type="button" class="btn btn-outline-secondary" data-dismiss="modal">No, thanks</a>
331
+ </div>
332
+ </div>
333
+ <!-- END Content -->
334
+ </div>
335
+ </div>
336
+ <!-- END Modal Full Height Left Info Demo -->
337
+ ++++
@@ -0,0 +1,47 @@
1
+
2
+ .Selected extended BS modal examples
3
+ [cols="6a,3a,3a", options="header", width="100%", role="rtable"]
4
+ |===============================================================================
5
+ |Postion |Class | Example
6
+
7
+ |`top`
8
+ |`info`
9
+ |
10
+ include::../410_top_info.asciidoc[]
11
+
12
+ |`top-right`
13
+ |`success`
14
+ |
15
+ include::../410_top_right_success.asciidoc[]
16
+
17
+ |`top-left`
18
+ |`info`
19
+ |
20
+ include::../410_top_left_info.asciidoc[]
21
+
22
+ |`bottom`
23
+ |`info`
24
+ |
25
+ include::../410_bottom_info.asciidoc[]
26
+
27
+ |`bottom-right`
28
+ |`danger`
29
+ |
30
+ include::../410_bottom_right_danger.asciidoc[]
31
+
32
+ |`bottom-left`
33
+ |`warning`
34
+ |
35
+ include::../410_bottom_left_warning.asciidoc[]
36
+
37
+ |`full-height right`
38
+ |`success`
39
+ |
40
+ include::../410_full_height_right_success.asciidoc[]
41
+
42
+ |`full-height left`
43
+ |`info`
44
+ |
45
+ include::../410_full_height_left_info.asciidoc[]
46
+
47
+ |===============================================================================
@@ -0,0 +1,220 @@
1
+ ---
2
+ title: Tester
3
+ tagline: bootstrap accordion
4
+ date: 2020-11-03 00:00:00 +100
5
+ description: >
6
+ Welcome to the preview page focussing on the image module. This page
7
+ shows some valuable features of the J1 Template to manage your image-based
8
+ content using lightboxes, carousels (slider), and galleries.
9
+
10
+ categories: [ Testpages ]
11
+ tags: [ Example ]
12
+
13
+ comments: false
14
+ fab_menu_id: page_ctrl_simple
15
+
16
+ permalink: /pages/public/learn/bs_acc_1/
17
+ regenerate: false
18
+
19
+ resources: []
20
+ resource_options:
21
+ - attic:
22
+ padding_top: 400
23
+ padding_bottom: 50
24
+ opacity: 0.5
25
+ slides:
26
+ - url: /assets/images/pages/roundtrip/images-1920x1280-bw.jpg
27
+ alt: Photo by Ricardo Gomez Angel on Unsplash
28
+ badge:
29
+ type: unsplash
30
+ author: Ricardo Gomez Angel
31
+ href: https://unsplash.com/@ripato/portfolio
32
+ ---
33
+
34
+ // Page Initializer
35
+ // =============================================================================
36
+ // Enable the Liquid Preprocessor
37
+ :page-liquid:
38
+
39
+ // Set (local) page attributes here
40
+ // -----------------------------------------------------------------------------
41
+ // :page--attr: <attr-value>
42
+ :images-dir: {imagesdir}/pages/roundtrip/100_present_images
43
+
44
+ // Load Liquid procedures
45
+ // -----------------------------------------------------------------------------
46
+ {% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
47
+
48
+ // Load page attributes
49
+ // -----------------------------------------------------------------------------
50
+ {% include {{load_attributes}} scope="global" %}
51
+
52
+ {% comment %} language detection|i18n
53
+ -------------------------------------------------------------------------------- {% endcomment %}
54
+ {% if site.language == "en" %}
55
+ {% assign language = "en" %}
56
+ {% elsif site.language == "de"%}
57
+ {% assign language = "de" %}
58
+ {% else %}
59
+ {% assign language = "en" %}
60
+ {% endif %}
61
+
62
+ {% if language == "en" %}
63
+ {% assign readmore_text = "read" %}
64
+ {% assign infinite_scroll_last = "More articles can be found with the" %}
65
+ {% endif %}
66
+
67
+ {% if language == "de" %}
68
+ {% assign readmore_text = "lesen" %}
69
+ {% assign infinite_scroll_last = "Weitere Artikel finden Sie im" %}
70
+ {% endif %}
71
+
72
+ // Page content
73
+ // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
74
+
75
+ // Include sub-documents (if any)
76
+ // -----------------------------------------------------------------------------
77
+
78
+ == BS Accordion 1
79
+
80
+ lorem:sentences[5]
81
+
82
+ ++++
83
+ <section class="container">
84
+ <div id="accordion" class="accordion-container">
85
+ <div class="card">
86
+ <div class="card-header" id="headingOne">
87
+ <h5 class="mb-0">
88
+ <button class="btn btn-link" data-bs-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
89
+ Lorem Item #1
90
+ </button>
91
+ </h5>
92
+ </div>
93
+
94
+ <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
95
+ <div class="card-body">
96
+ Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
97
+ </div>
98
+ </div>
99
+ </div>
100
+ <div class="card">
101
+ <div class="card-header" id="headingTwo">
102
+ <h5 class="mb-0">
103
+ <button class="btn btn-link collapsed" data-bs-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
104
+ Lorem Item Item #2
105
+ </button>
106
+ </h5>
107
+ </div>
108
+ <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
109
+ <div class="card-body">
110
+ Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
111
+ </div>
112
+ </div>
113
+ </div>
114
+ <div class="card">
115
+ <div class="card-header" id="headingThree">
116
+ <h5 class="mb-0">
117
+ <button class="btn btn-link collapsed" data-bs-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
118
+ Lorem Item Item #3
119
+ </button>
120
+ </h5>
121
+ </div>
122
+ <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
123
+ <div class="card-body">
124
+ Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
125
+ </div>
126
+ </div>
127
+ </div>
128
+ </div>
129
+
130
+ </section>
131
+
132
+ <style>
133
+ .accordion-container {
134
+
135
+ %transition {
136
+ -webkit-transition: all 0.5s ease-in-out;
137
+ -moz-transition: all 0.5s ease-in-out;
138
+ -ms-transition: all 0.5s ease-in-out;
139
+ transition: all 0.5s ease-in-out;
140
+ }
141
+ .card {
142
+ .card-header {
143
+ position: relative;
144
+ background-color: #343434;
145
+
146
+ .btn-link {
147
+ color: #FFFFFF;
148
+ font-family: Montserrat;
149
+ font-size: 19px;
150
+ font-weight: 600;
151
+ line-height: 23px;
152
+ }
153
+ %collapsed-pic{
154
+ background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIyLjA2MiAyMi4wNjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIyLjA2MiAyMi4wNjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8cGF0aCBkPSJNMjEuNDU0LDUuNTEzbC0wLjczNy0wLjczN2MtMC44MDgtMC44MS0yLjEzNC0wLjgxLTIuOTQzLDBsLTYuNzQzLDYuNzQyTDQuMjg5LDQuNzc2ICAgYy0wLjgwOS0wLjgxLTIuMTM1LTAuODEtMi45NDQsMEwwLjYwOCw1LjUxM2MtMC44MTEsMC44MDktMC44MTEsMi4xMzUsMCwyLjk0NWw4LjgzNSw4LjgzNWMwLjQzNSwwLjQzNSwxLjAxOCwwLjYyOCwxLjU4NywwLjU5NyAgIGMwLjU3MSwwLjAzMSwxLjE1NC0wLjE2MiwxLjU4OC0wLjU5N2w4LjgzNi04LjgzNUMyMi4yNjQsNy42NDksMjIuMjY0LDYuMzIzLDIxLjQ1NCw1LjUxM3oiIGZpbGw9IiMzNDM0MzQiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
155
+ }
156
+ %notcollapsed-pic{
157
+ background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDIyLjA2NCAyMi4wNjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIyLjA2NCAyMi4wNjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMjEuNDU2LDEzLjYwNWwtOC44MzUtOC44MzVjLTAuNDM0LTAuNDM1LTEuMDE3LTAuNjI4LTEuNTg5LTAuNTk4Yy0wLjU3MS0wLjAzLTEuMTU0LDAuMTYyLTEuNTg4LDAuNTk4bC04LjgzNiw4LjgzNSAgIGMtMC44MTIsMC44MS0wLjgxMiwyLjEzNSwwLDIuOTQ0bDAuNzM5LDAuNzM3YzAuODA4LDAuODEsMi4xMzQsMC44MSwyLjk0MiwwbDYuNzQyLTYuNzQybDYuNzQyLDYuNzQyICAgYzAuODA5LDAuODEsMi4xMzUsMC44MSwyLjk0MiwwbDAuNzM3LTAuNzM3QzIyLjI2NywxNS43NDEsMjIuMjY3LDE0LjQxNSwyMS40NTYsMTMuNjA1eiIgZmlsbD0iIzg2MDAyMSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
158
+ }
159
+ button.btn.btn-link {
160
+ width: 100%;
161
+ text-align: left;
162
+ }
163
+ button.btn {
164
+ &:after {
165
+ content:'';
166
+ background-repeat: no-repeat;
167
+ background-position: 50%;
168
+ width: 3rem;
169
+ height: 3rem;
170
+ text-align: center;
171
+ float: right;
172
+ padding: .7rem;
173
+ border: 1px solid #ffff;
174
+ border-radius: 50%;
175
+ @extend %transition;
176
+ }
177
+ }
178
+ button.btn.collapsed {
179
+ &:after{
180
+ @extend %collapsed-pic;
181
+ background-color: rgba(255, 255, 255, 0.31);
182
+ }
183
+ }
184
+ button.btn:not(.collapsed) {
185
+ &:after{
186
+ @extend %notcollapsed-pic;
187
+ background-color: rgb(255, 255, 255);
188
+
189
+ }
190
+ }
191
+ button.btn-link:not(.collapsed)::before {
192
+ content: '';
193
+ position: absolute;
194
+ left: 0;
195
+ top: 0;
196
+ width: 100%;
197
+ height: 100%;
198
+ background-color:#400010;
199
+ opacity:.31;
200
+
201
+ }
202
+
203
+ }
204
+ .card-body {
205
+ color: white;
206
+ background-color: #860021;
207
+ color: #FFFFFF;
208
+ font-family: Montserrat;
209
+ font-size: 16px;
210
+ font-weight: 300;
211
+ line-height: 19px;
212
+
213
+ }
214
+
215
+ }
216
+ }
217
+
218
+
219
+ </style>
220
+ ++++