generator-white-label 3.2.0 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (253) hide show
  1. package/README.md +140 -81
  2. package/app/README.md +19 -0
  3. package/app/assets/font/opensans/stylesheet.css +20 -60
  4. package/app/assets/image/demo/fallback.avif +0 -0
  5. package/app/assets/image/demo/fallback.jpg +0 -0
  6. package/app/assets/image/demo/fallback.webp +0 -0
  7. package/app/assets/image/demo/large.avif +0 -0
  8. package/app/assets/image/demo/large.webp +0 -0
  9. package/app/assets/image/demo/small.avif +0 -0
  10. package/app/assets/image/demo/small.webp +0 -0
  11. package/app/assets/markup/element/iframe.hbs +4 -1
  12. package/app/assets/markup/element/img.hbs +16 -1
  13. package/app/assets/markup/element/picture.hbs +30 -0
  14. package/app/assets/markup/modal/modal-example-1.handlebars +1 -1
  15. package/app/assets/script/api/{facebook.js → facebook.ts} +17 -12
  16. package/app/assets/script/api/youtube.ts +22 -0
  17. package/app/assets/script/index.ts +2 -0
  18. package/app/assets/script/mediator/global.ts +4 -0
  19. package/app/assets/script/model/singletons/countries.ts +5 -0
  20. package/app/assets/script/model/singletons/global.ts +5 -0
  21. package/app/assets/script/model/singletons/states.ts +5 -0
  22. package/app/assets/script/model/user.ts +4 -0
  23. package/app/assets/script/toolkit.ts +11 -0
  24. package/app/assets/script/types.d.ts +16 -0
  25. package/app/assets/script/utility/ajax.ts +15 -0
  26. package/app/assets/script/utility/form.ts +119 -0
  27. package/app/assets/script/utility/{regex.js → regex.ts} +15 -6
  28. package/app/assets/script/utility/share.ts +77 -0
  29. package/app/assets/script/utility/string.ts +148 -0
  30. package/app/assets/script/view/default.tsx +14 -0
  31. package/app/assets/script/view/toolkit/youtube-player-1.ts +31 -0
  32. package/app/assets/style/base/_toolkit.scss +25 -25
  33. package/app/assets/style/base/components/_modal-1.scss +8 -3
  34. package/app/assets/style/base/components/_tabpanel-1.scss +21 -16
  35. package/app/assets/style/base/components/_tabpanel-2.scss +11 -6
  36. package/app/assets/style/base/components/_youtube-player-1.scss +3 -2
  37. package/app/assets/style/base/elements/_anchors.scss +2 -0
  38. package/app/assets/style/base/elements/_buttons.scss +7 -3
  39. package/app/assets/style/base/elements/_fieldsets.scss +2 -0
  40. package/app/assets/style/base/elements/_inputs.scss +6 -2
  41. package/app/assets/style/base/elements/_labels.scss +2 -0
  42. package/app/assets/style/base/elements/_legends.scss +2 -0
  43. package/app/assets/style/base/elements/_lists.scss +2 -0
  44. package/app/assets/style/base/elements/_tables.scss +10 -6
  45. package/app/assets/style/base/layouts/_staggered-1.scss +4 -1
  46. package/app/assets/style/base/type/_fonts.scss +4 -1
  47. package/app/assets/style/base/type/_headings.scss +3 -0
  48. package/app/assets/style/base/type/_text.scss +2 -0
  49. package/app/assets/style/base/utilities/_accessibility.scss +5 -2
  50. package/app/assets/style/base/utilities/_functions.scss +62 -9
  51. package/app/assets/style/global.scss +4 -11
  52. package/app/assets/style/print.scss +1 -4
  53. package/app/assets/style/toolkit.scss +37 -37
  54. package/app/package.json +1 -0
  55. package/app/toolkit/colors.hbs +11 -11
  56. package/app/toolkit/components.hbs +16 -16
  57. package/app/toolkit/elements.hbs +52 -43
  58. package/app/toolkit/grids.hbs +111 -111
  59. package/app/toolkit/icons.hbs +2 -2
  60. package/app/toolkit/index.hbs +6 -6
  61. package/app/toolkit/type.hbs +4 -4
  62. package/dist/app/assets/data/coutries.json +992 -0
  63. package/dist/app/assets/data/states.json +204 -0
  64. package/dist/app/assets/script/api/facebook.d.ts +8 -0
  65. package/dist/app/assets/script/api/facebook.js +42 -0
  66. package/dist/app/assets/script/api/facebook.js.map +1 -0
  67. package/dist/app/assets/script/api/youtube.d.ts +8 -0
  68. package/dist/app/assets/script/api/youtube.js +22 -0
  69. package/dist/app/assets/script/api/youtube.js.map +1 -0
  70. package/dist/app/assets/script/index.d.ts +2 -0
  71. package/dist/app/assets/script/index.js +2 -0
  72. package/dist/app/assets/script/index.js.map +1 -0
  73. package/dist/app/assets/script/mediator/global.d.ts +4 -0
  74. package/dist/app/assets/script/mediator/global.js +4 -0
  75. package/dist/app/assets/script/mediator/global.js.map +1 -0
  76. package/dist/app/assets/script/model/singletons/countries.d.ts +20 -0
  77. package/dist/app/assets/script/model/singletons/countries.js +5 -0
  78. package/dist/app/assets/script/model/singletons/countries.js.map +1 -0
  79. package/dist/app/assets/script/model/singletons/global.d.ts +20 -0
  80. package/dist/app/assets/script/model/singletons/global.js +5 -0
  81. package/dist/app/assets/script/model/singletons/global.js.map +1 -0
  82. package/dist/app/assets/script/model/singletons/states.d.ts +20 -0
  83. package/dist/app/assets/script/model/singletons/states.js +5 -0
  84. package/dist/app/assets/script/model/singletons/states.js.map +1 -0
  85. package/dist/app/assets/script/model/user.d.ts +4 -0
  86. package/dist/app/assets/script/model/user.js +6 -0
  87. package/dist/app/assets/script/model/user.js.map +1 -0
  88. package/dist/app/assets/script/toolkit.d.ts +1 -0
  89. package/dist/app/assets/script/toolkit.js +7 -0
  90. package/dist/app/assets/script/toolkit.js.map +1 -0
  91. package/dist/app/assets/script/utility/ajax.d.ts +8 -0
  92. package/dist/app/assets/script/utility/ajax.js +17 -0
  93. package/dist/app/assets/script/utility/ajax.js.map +1 -0
  94. package/dist/app/assets/script/utility/form.d.ts +64 -0
  95. package/dist/app/assets/script/utility/form.js +111 -0
  96. package/dist/app/assets/script/utility/form.js.map +1 -0
  97. package/dist/app/assets/script/utility/regex.d.ts +14 -0
  98. package/dist/app/assets/script/utility/regex.js +27 -0
  99. package/dist/app/assets/script/utility/regex.js.map +1 -0
  100. package/dist/app/assets/script/utility/share.d.ts +68 -0
  101. package/dist/app/assets/script/utility/share.js +81 -0
  102. package/dist/app/assets/script/utility/share.js.map +1 -0
  103. package/dist/app/assets/script/utility/string.d.ts +64 -0
  104. package/dist/app/assets/script/utility/string.js +135 -0
  105. package/dist/app/assets/script/utility/string.js.map +1 -0
  106. package/dist/app/assets/script/view/default.d.ts +11 -0
  107. package/dist/app/assets/script/view/default.js +15 -0
  108. package/dist/app/assets/script/view/default.js.map +1 -0
  109. package/dist/app/assets/script/view/toolkit/youtube-player-1.d.ts +23 -0
  110. package/dist/app/assets/script/view/toolkit/youtube-player-1.js +32 -0
  111. package/dist/app/assets/script/view/toolkit/youtube-player-1.js.map +1 -0
  112. package/dist/generators/app/index.d.ts +18 -0
  113. package/dist/generators/app/index.js +59 -0
  114. package/dist/generators/app/index.js.map +1 -0
  115. package/dist/scripts/build.d.ts +22 -0
  116. package/dist/scripts/build.js +158 -0
  117. package/dist/scripts/build.js.map +1 -0
  118. package/generators/app/index.js +2 -43
  119. package/generators/app/index.ts +61 -0
  120. package/package.json +79 -129
  121. package/scripts/build.ts +175 -0
  122. package/tsconfig.site.json +26 -0
  123. package/.babelrc +0 -14
  124. package/.editorconfig +0 -13
  125. package/.eslintrc +0 -64
  126. package/.htmllintrc +0 -6
  127. package/.sass-lint.yml +0 -16
  128. package/.travis.yml +0 -18
  129. package/app/assets/font/opensans/generator_config.txt +0 -5
  130. package/app/assets/font/opensans/opensans-bold-webfont.eot +0 -0
  131. package/app/assets/font/opensans/opensans-bold-webfont.svg +0 -1824
  132. package/app/assets/font/opensans/opensans-bold-webfont.ttf +0 -0
  133. package/app/assets/font/opensans/opensans-bold-webfont.woff +0 -0
  134. package/app/assets/font/opensans/opensans-bolditalic-webfont.eot +0 -0
  135. package/app/assets/font/opensans/opensans-bolditalic-webfont.svg +0 -1824
  136. package/app/assets/font/opensans/opensans-bolditalic-webfont.ttf +0 -0
  137. package/app/assets/font/opensans/opensans-bolditalic-webfont.woff +0 -0
  138. package/app/assets/font/opensans/opensans-extrabold-webfont.eot +0 -0
  139. package/app/assets/font/opensans/opensans-extrabold-webfont.svg +0 -1824
  140. package/app/assets/font/opensans/opensans-extrabold-webfont.ttf +0 -0
  141. package/app/assets/font/opensans/opensans-extrabold-webfont.woff +0 -0
  142. package/app/assets/font/opensans/opensans-extrabolditalic-webfont.eot +0 -0
  143. package/app/assets/font/opensans/opensans-extrabolditalic-webfont.svg +0 -1824
  144. package/app/assets/font/opensans/opensans-extrabolditalic-webfont.ttf +0 -0
  145. package/app/assets/font/opensans/opensans-extrabolditalic-webfont.woff +0 -0
  146. package/app/assets/font/opensans/opensans-italic-webfont.eot +0 -0
  147. package/app/assets/font/opensans/opensans-italic-webfont.svg +0 -1824
  148. package/app/assets/font/opensans/opensans-italic-webfont.ttf +0 -0
  149. package/app/assets/font/opensans/opensans-italic-webfont.woff +0 -0
  150. package/app/assets/font/opensans/opensans-light-webfont.eot +0 -0
  151. package/app/assets/font/opensans/opensans-light-webfont.svg +0 -1824
  152. package/app/assets/font/opensans/opensans-light-webfont.ttf +0 -0
  153. package/app/assets/font/opensans/opensans-light-webfont.woff +0 -0
  154. package/app/assets/font/opensans/opensans-lightitalic-webfont.eot +0 -0
  155. package/app/assets/font/opensans/opensans-lightitalic-webfont.svg +0 -1824
  156. package/app/assets/font/opensans/opensans-lightitalic-webfont.ttf +0 -0
  157. package/app/assets/font/opensans/opensans-lightitalic-webfont.woff +0 -0
  158. package/app/assets/font/opensans/opensans-regular-webfont.eot +0 -0
  159. package/app/assets/font/opensans/opensans-regular-webfont.svg +0 -1824
  160. package/app/assets/font/opensans/opensans-regular-webfont.ttf +0 -0
  161. package/app/assets/font/opensans/opensans-regular-webfont.woff +0 -0
  162. package/app/assets/font/opensans/opensans-semibold-webfont.eot +0 -0
  163. package/app/assets/font/opensans/opensans-semibold-webfont.svg +0 -1824
  164. package/app/assets/font/opensans/opensans-semibold-webfont.ttf +0 -0
  165. package/app/assets/font/opensans/opensans-semibold-webfont.woff +0 -0
  166. package/app/assets/font/opensans/opensans-semibolditalic-webfont.eot +0 -0
  167. package/app/assets/font/opensans/opensans-semibolditalic-webfont.svg +0 -1824
  168. package/app/assets/font/opensans/opensans-semibolditalic-webfont.ttf +0 -0
  169. package/app/assets/font/opensans/opensans-semibolditalic-webfont.woff +0 -0
  170. package/app/assets/font/opensans/specimen_files/grid_12-825-55-15.css +0 -129
  171. package/app/assets/font/opensans/specimen_files/specimen_stylesheet.css +0 -396
  172. package/app/assets/image/demo/large.jpg +0 -0
  173. package/app/assets/image/demo/medium.jpg +0 -0
  174. package/app/assets/image/demo/small.jpg +0 -0
  175. package/app/assets/image/demo/xlarge.jpg +0 -0
  176. package/app/assets/image/demo/xxlarge.jpg +0 -0
  177. package/app/assets/script/api/youtube.js +0 -18
  178. package/app/assets/script/index.js +0 -6
  179. package/app/assets/script/mediator/global.js +0 -5
  180. package/app/assets/script/model/singletons/countries.js +0 -6
  181. package/app/assets/script/model/singletons/global.js +0 -6
  182. package/app/assets/script/model/singletons/states.js +0 -6
  183. package/app/assets/script/model/user.js +0 -5
  184. package/app/assets/script/toolkit.js +0 -12
  185. package/app/assets/script/utility/ajax.js +0 -11
  186. package/app/assets/script/utility/form.js +0 -86
  187. package/app/assets/script/utility/share.js +0 -52
  188. package/app/assets/script/utility/string.js +0 -70
  189. package/app/assets/script/view/default.js +0 -11
  190. package/app/assets/script/view/toolkit/youtube-player-1.js +0 -17
  191. package/app/assets/style/base/vendor/_foundation.scss +0 -2
  192. package/app/assets/test/spec/shareSpec.js +0 -137
  193. package/app/index.html +0 -40
  194. package/app/report/istanbul/base.css +0 -213
  195. package/app/report/istanbul/prettify.css +0 -1
  196. package/app/report/istanbul/prettify.js +0 -1
  197. package/app/report/istanbul/sort-arrow-sprite.png +0 -0
  198. package/app/report/istanbul/sorter.js +0 -158
  199. package/app/report/jsdoc/fonts/glyphicons-halflings-regular.eot +0 -0
  200. package/app/report/jsdoc/fonts/glyphicons-halflings-regular.svg +0 -288
  201. package/app/report/jsdoc/fonts/glyphicons-halflings-regular.ttf +0 -0
  202. package/app/report/jsdoc/fonts/glyphicons-halflings-regular.woff +0 -0
  203. package/app/report/jsdoc/fonts/glyphicons-halflings-regular.woff2 +0 -0
  204. package/app/report/jsdoc/img/glyphicons-halflings-white.png +0 -0
  205. package/app/report/jsdoc/img/glyphicons-halflings.png +0 -0
  206. package/app/report/jsdoc/scripts/docstrap.lib.js +0 -11
  207. package/app/report/jsdoc/scripts/fulltext-search-ui.js +0 -89
  208. package/app/report/jsdoc/scripts/fulltext-search.js +0 -36
  209. package/app/report/jsdoc/scripts/lunr.min.js +0 -6
  210. package/app/report/jsdoc/scripts/prettify/Apache-License-2.0.txt +0 -202
  211. package/app/report/jsdoc/scripts/prettify/jquery.min.js +0 -6
  212. package/app/report/jsdoc/scripts/prettify/lang-css.js +0 -21
  213. package/app/report/jsdoc/scripts/prettify/prettify.js +0 -496
  214. package/app/report/jsdoc/scripts/sunlight.js +0 -1157
  215. package/app/report/jsdoc/scripts/toc.js +0 -203
  216. package/app/report/jsdoc/styles/darkstrap.css +0 -960
  217. package/app/report/jsdoc/styles/prettify-tomorrow.css +0 -132
  218. package/app/report/jsdoc/styles/site.cerulean.css +0 -7008
  219. package/app/report/jsdoc/styles/site.cosmo.css +0 -7061
  220. package/app/report/jsdoc/styles/site.cyborg.css +0 -7048
  221. package/app/report/jsdoc/styles/site.darkly.css +0 -7171
  222. package/app/report/jsdoc/styles/site.darkstrap.css +0 -5638
  223. package/app/report/jsdoc/styles/site.dibs-bootstrap.css +0 -5899
  224. package/app/report/jsdoc/styles/site.flatly.css +0 -7147
  225. package/app/report/jsdoc/styles/site.journal.css +0 -6973
  226. package/app/report/jsdoc/styles/site.lumen.css +0 -7298
  227. package/app/report/jsdoc/styles/site.paper.css +0 -7623
  228. package/app/report/jsdoc/styles/site.readable.css +0 -6997
  229. package/app/report/jsdoc/styles/site.sandstone.css +0 -7035
  230. package/app/report/jsdoc/styles/site.simplex.css +0 -7023
  231. package/app/report/jsdoc/styles/site.slate.css +0 -7343
  232. package/app/report/jsdoc/styles/site.spacelab.css +0 -7055
  233. package/app/report/jsdoc/styles/site.superhero.css +0 -7131
  234. package/app/report/jsdoc/styles/site.united.css +0 -6895
  235. package/app/report/jsdoc/styles/site.yeti.css +0 -7195
  236. package/app/report/jsdoc/styles/sunlight.dark.css +0 -345
  237. package/app/report/jsdoc/styles/sunlight.default.css +0 -344
  238. package/gulp/config.js +0 -224
  239. package/gulp/tasks/accessibility.js +0 -34
  240. package/gulp/tasks/build.js +0 -19
  241. package/gulp/tasks/clean.js +0 -34
  242. package/gulp/tasks/data.js +0 -22
  243. package/gulp/tasks/default.js +0 -9
  244. package/gulp/tasks/deploy.js +0 -225
  245. package/gulp/tasks/documentation.js +0 -25
  246. package/gulp/tasks/markup.js +0 -121
  247. package/gulp/tasks/script.js +0 -92
  248. package/gulp/tasks/style.js +0 -42
  249. package/gulp/tasks/unit.js +0 -38
  250. package/gulp/tasks/watch.js +0 -83
  251. package/gulpfile.js +0 -8
  252. package/jsdoc.json +0 -23
  253. package/karma.conf.js +0 -58
package/app/toolkit/grids.hbs CHANGED
@@ -10,7 +10,7 @@
10
10
  <header class="toolkit-header-1">
11
11
  <button aria-expanded="false">main menu toggle</button>
12
12
  <div class="row">
13
- <div class="small-12 columns">
13
+ <div class="col-12">
14
14
  <a href="{{www}}toolkit">Digital Toolkit</a>
15
15
  </div>
16
16
  </div>
@@ -34,7 +34,7 @@
34
34
  <section>
35
35
  <h1 class="toolkit-heading-1">Layouts</h1>
36
36
  <div class="row">
37
- <div class="small-12 columns">
37
+ <div class="col-12">
38
38
  <h2 class="toolkit-heading-2">Grids</h2>
39
39
  <h3 class="toolkit-heading-3">row</h3>
40
40
  </div>
@@ -45,214 +45,214 @@
45
45
  </div>
46
46
  </div>
47
47
  <div class="row">
48
- <div class="small-12 columns">
48
+ <div class="col-12">
49
49
  <h3 class="toolkit-heading-3">Small</h3>
50
50
  </div>
51
51
  </div>
52
52
  <div class="toolkit-grid-1">
53
53
  <div class="row">
54
- <div class="small-2 columns">.small-2</div>
55
- <div class="small-10 columns">.small-10.columns</div>
54
+ <div class="col-2">.col-2</div>
55
+ <div class="col-10">.col-10</div>
56
56
  </div>
57
57
  <div class="row">
58
- <div class="small-3 columns">.small-3.columns</div>
59
- <div class="small-9 columns">.small-9.columns</div>
58
+ <div class="col-3">.col-3</div>
59
+ <div class="col-9">.col-9</div>
60
60
  </div>
61
61
  <div class="row">
62
- <div class="small-4 columns">.small-4.columns</div>
63
- <div class="small-8 columns">.small-8.columns</div>
62
+ <div class="col-4">.col-4</div>
63
+ <div class="col-8">.col-8</div>
64
64
  </div>
65
65
  <div class="row">
66
- <div class="small-5 columns">.small-5.columns</div>
67
- <div class="small-7 columns">.small-7.columns</div>
66
+ <div class="col-5">.col-5</div>
67
+ <div class="col-7">.col-7</div>
68
68
  </div>
69
69
  <div class="row">
70
- <div class="small-6 columns">.small-6.columns</div>
71
- <div class="small-6 columns">.small-6.columns</div>
70
+ <div class="col-6">.col-6</div>
71
+ <div class="col-6">.col-6</div>
72
72
  </div>
73
73
  <div class="row">
74
- <div class="small-7 columns">.small-7.columns</div>
75
- <div class="small-5 columns">.small-5.columns</div>
74
+ <div class="col-7">.col-7</div>
75
+ <div class="col-5">.col-5</div>
76
76
  </div>
77
77
  <div class="row">
78
- <div class="small-8 columns">.small-8.columns</div>
79
- <div class="small-4 columns">.small-4.columns</div>
78
+ <div class="col-8">.col-8</div>
79
+ <div class="col-4">.col-4</div>
80
80
  </div>
81
81
  <div class="row">
82
- <div class="small-9 columns">.small-9.columns</div>
83
- <div class="small-3 columns">.small-3.columns</div>
82
+ <div class="col-9">.col-9</div>
83
+ <div class="col-3">.col-3</div>
84
84
  </div>
85
85
  <div class="row">
86
- <div class="small-10 columns">.small-10.columns</div>
87
- <div class="small-2 columns">.small-2</div>
86
+ <div class="col-10">.col-10</div>
87
+ <div class="col-2">.col-2</div>
88
88
  </div>
89
89
  <div class="row">
90
- <div class="small-12 columns">.small-12.columns</div>
90
+ <div class="col-12">.col-12</div>
91
91
  </div>
92
92
  <div class="row">
93
- <div class="small-6 columns">.small-6.columns</div>
94
- <div class="small-6 columns">.small-6.columns</div>
93
+ <div class="col-6">.col-6</div>
94
+ <div class="col-6">.col-6</div>
95
95
  </div>
96
96
  <div class="row">
97
- <div class="small-4 columns">.small-4.columns</div>
98
- <div class="small-4 columns">.small-4.columns</div>
99
- <div class="small-4 columns">.small-4.columns</div>
97
+ <div class="col-4">.col-4</div>
98
+ <div class="col-4">.col-4</div>
99
+ <div class="col-4">.col-4</div>
100
100
  </div>
101
101
  <div class="row">
102
- <div class="small-3 columns">.small-3.columns</div>
103
- <div class="small-3 columns">.small-3.columns</div>
104
- <div class="small-3 columns">.small-3.columns</div>
105
- <div class="small-3 columns">.small-3.columns</div>
102
+ <div class="col-3">.col-3</div>
103
+ <div class="col-3">.col-3</div>
104
+ <div class="col-3">.col-3</div>
105
+ <div class="col-3">.col-3</div>
106
106
  </div>
107
107
  <div class="row">
108
- <div class="small-2 columns">.small-2.columns</div>
109
- <div class="small-2 columns">.small-2.columns</div>
110
- <div class="small-2 columns">.small-2.columns</div>
111
- <div class="small-2 columns">.small-2.columns</div>
112
- <div class="small-2 columns">.small-2.columns</div>
113
- <div class="small-2 columns">.small-2.columns</div>
108
+ <div class="col-2">.col-2</div>
109
+ <div class="col-2">.col-2</div>
110
+ <div class="col-2">.col-2</div>
111
+ <div class="col-2">.col-2</div>
112
+ <div class="col-2">.col-2</div>
113
+ <div class="col-2">.col-2</div>
114
114
  </div>
115
115
  </div>
116
116
  <div class="row">
117
- <div class="small-12 columns">
117
+ <div class="col-12">
118
118
  <h3 class="toolkit-heading-3">Medium</h3>
119
119
  </div>
120
120
  </div>
121
121
  <div class="toolkit-grid-1">
122
122
  <div class="row">
123
- <div class="small-12 medium-2 columns">.medium-2</div>
124
- <div class="small-12 medium-10 columns">.medium-10.columns</div>
123
+ <div class="col-12 col-md-2">.col-md-2</div>
124
+ <div class="col-12 col-md-10">.col-md-10</div>
125
125
  </div>
126
126
  <div class="row">
127
- <div class="small-12 medium-3 columns">.medium-3.columns</div>
128
- <div class="small-12 medium-9 columns">.medium-9.columns</div>
127
+ <div class="col-12 col-md-3">.col-md-3</div>
128
+ <div class="col-12 col-md-9">.col-md-9</div>
129
129
  </div>
130
130
  <div class="row">
131
- <div class="small-12 medium-4 columns">.medium-4.columns</div>
132
- <div class="small-12 medium-8 columns">.medium-8.columns</div>
131
+ <div class="col-12 col-md-4">.col-md-4</div>
132
+ <div class="col-12 col-md-8">.col-md-8</div>
133
133
  </div>
134
134
  <div class="row">
135
- <div class="small-12 medium-5 columns">.medium-5.columns</div>
136
- <div class="small-12 medium-7 columns">.medium-7.columns</div>
135
+ <div class="col-12 col-md-5">.col-md-5</div>
136
+ <div class="col-12 col-md-7">.col-md-7</div>
137
137
  </div>
138
138
  <div class="row">
139
- <div class="small-12 medium-6 columns">.medium-6.columns</div>
140
- <div class="small-12 medium-6 columns">.medium-6.columns</div>
139
+ <div class="col-12 col-md-6">.col-md-6</div>
140
+ <div class="col-12 col-md-6">.col-md-6</div>
141
141
  </div>
142
142
  <div class="row">
143
- <div class="small-12 medium-7 columns">.medium-7.columns</div>
144
- <div class="small-12 medium-5 columns">.medium-5.columns</div>
143
+ <div class="col-12 col-md-7">.col-md-7</div>
144
+ <div class="col-12 col-md-5">.col-md-5</div>
145
145
  </div>
146
146
  <div class="row">
147
- <div class="small-12 medium-8 columns">.medium-8.columns</div>
148
- <div class="small-12 medium-4 columns">.medium-4.columns</div>
147
+ <div class="col-12 col-md-8">.col-md-8</div>
148
+ <div class="col-12 col-md-4">.col-md-4</div>
149
149
  </div>
150
150
  <div class="row">
151
- <div class="small-12 medium-9 columns">.medium-9.columns</div>
152
- <div class="small-12 medium-3 columns">.medium-3.columns</div>
151
+ <div class="col-12 col-md-9">.col-md-9</div>
152
+ <div class="col-12 col-md-3">.col-md-3</div>
153
153
  </div>
154
154
  <div class="row">
155
- <div class="small-12 medium-10 columns">.medium-10.columns</div>
156
- <div class="small-12 medium-2 columns">.medium-2</div>
155
+ <div class="col-12 col-md-10">.col-md-10</div>
156
+ <div class="col-12 col-md-2">.col-md-2</div>
157
157
  </div>
158
158
  <div class="row">
159
- <div class="small-12 medium-12 columns">.medium-12.columns</div>
159
+ <div class="col-12 col-md-12">.col-md-12</div>
160
160
  </div>
161
161
  <div class="row">
162
- <div class="small-12 medium-6 columns">.medium-6.columns</div>
163
- <div class="small-12 medium-6 columns">.medium-6.columns</div>
162
+ <div class="col-12 col-md-6">.col-md-6</div>
163
+ <div class="col-12 col-md-6">.col-md-6</div>
164
164
  </div>
165
165
  <div class="row">
166
- <div class="small-12 medium-4 columns">.medium-4.columns</div>
167
- <div class="small-12 medium-4 columns">.medium-4.columns</div>
168
- <div class="small-12 medium-4 columns">.medium-4.columns</div>
166
+ <div class="col-12 col-md-4">.col-md-4</div>
167
+ <div class="col-12 col-md-4">.col-md-4</div>
168
+ <div class="col-12 col-md-4">.col-md-4</div>
169
169
  </div>
170
170
  <div class="row">
171
- <div class="small-12 medium-3 columns">.medium-3.columns</div>
172
- <div class="small-12 medium-3 columns">.medium-3.columns</div>
173
- <div class="small-12 medium-3 columns">.medium-3.columns</div>
174
- <div class="small-12 medium-3 columns">.medium-3.columns</div>
171
+ <div class="col-12 col-md-3">.col-md-3</div>
172
+ <div class="col-12 col-md-3">.col-md-3</div>
173
+ <div class="col-12 col-md-3">.col-md-3</div>
174
+ <div class="col-12 col-md-3">.col-md-3</div>
175
175
  </div>
176
176
  <div class="row">
177
- <div class="small-12 medium-2 columns">.medium-2.columns</div>
178
- <div class="small-12 medium-2 columns">.medium-2.columns</div>
179
- <div class="small-12 medium-2 columns">.medium-2.columns</div>
180
- <div class="small-12 medium-2 columns">.medium-2.columns</div>
181
- <div class="small-12 medium-2 columns">.medium-2.columns</div>
182
- <div class="small-12 medium-2 columns">.medium-2.columns</div>
177
+ <div class="col-12 col-md-2">.col-md-2</div>
178
+ <div class="col-12 col-md-2">.col-md-2</div>
179
+ <div class="col-12 col-md-2">.col-md-2</div>
180
+ <div class="col-12 col-md-2">.col-md-2</div>
181
+ <div class="col-12 col-md-2">.col-md-2</div>
182
+ <div class="col-12 col-md-2">.col-md-2</div>
183
183
  </div>
184
184
  </div>
185
185
  <div class="row">
186
- <div class="small-12 columns">
186
+ <div class="col-12">
187
187
  <h3 class="toolkit-heading-3">Large</h3>
188
188
  </div>
189
189
  </div>
190
190
  <div class="toolkit-grid-1">
191
191
  <div class="row">
192
- <div class="small-12 medium-12 large-2 columns">.large-2</div>
193
- <div class="small-12 medium-12 large-10 columns">.large-10.columns</div>
192
+ <div class="col-12 col-md-12 col-lg-2">.col-lg-2</div>
193
+ <div class="col-12 col-md-12 col-lg-10">.col-lg-10</div>
194
194
  </div>
195
195
  <div class="row">
196
- <div class="small-12 medium-12 large-3 columns">.large-3.columns</div>
197
- <div class="small-12 medium-12 large-9 columns">.large-9.columns</div>
196
+ <div class="col-12 col-md-12 col-lg-3">.col-lg-3</div>
197
+ <div class="col-12 col-md-12 col-lg-9">.col-lg-9</div>
198
198
  </div>
199
199
  <div class="row">
200
- <div class="small-12 medium-12 large-4 columns">.large-4.columns</div>
201
- <div class="small-12 medium-12 large-8 columns">.large-8.columns</div>
200
+ <div class="col-12 col-md-12 col-lg-4">.col-lg-4</div>
201
+ <div class="col-12 col-md-12 col-lg-8">.col-lg-8</div>
202
202
  </div>
203
203
  <div class="row">
204
- <div class="small-12 medium-12 large-5 columns">.large-5.columns</div>
205
- <div class="small-12 medium-12 large-7 columns">.large-7.columns</div>
204
+ <div class="col-12 col-md-12 col-lg-5">.col-lg-5</div>
205
+ <div class="col-12 col-md-12 col-lg-7">.col-lg-7</div>
206
206
  </div>
207
207
  <div class="row">
208
- <div class="small-12 medium-12 large-6 columns">.large-6.columns</div>
209
- <div class="small-12 medium-12 large-6 columns">.large-6.columns</div>
208
+ <div class="col-12 col-md-12 col-lg-6">.col-lg-6</div>
209
+ <div class="col-12 col-md-12 col-lg-6">.col-lg-6</div>
210
210
  </div>
211
211
  <div class="row">
212
- <div class="small-12 medium-12 large-7 columns">.large-7.columns</div>
213
- <div class="small-12 medium-12 large-5 columns">.large-5.columns</div>
212
+ <div class="col-12 col-md-12 col-lg-7">.col-lg-7</div>
213
+ <div class="col-12 col-md-12 col-lg-5">.col-lg-5</div>
214
214
  </div>
215
215
  <div class="row">
216
- <div class="small-12 medium-12 large-8 columns">.large-8.columns</div>
217
- <div class="small-12 medium-12 large-4 columns">.large-4.columns</div>
216
+ <div class="col-12 col-md-12 col-lg-8">.col-lg-8</div>
217
+ <div class="col-12 col-md-12 col-lg-4">.col-lg-4</div>
218
218
  </div>
219
219
  <div class="row">
220
- <div class="small-12 medium-12 large-9 columns">.large-9.columns</div>
221
- <div class="small-12 medium-12 large-3 columns">.large-3.columns</div>
220
+ <div class="col-12 col-md-12 col-lg-9">.col-lg-9</div>
221
+ <div class="col-12 col-md-12 col-lg-3">.col-lg-3</div>
222
222
  </div>
223
223
  <div class="row">
224
- <div class="small-12 medium-12 large-10 columns">.large-10.columns</div>
225
- <div class="small-12 medium-12 large-2 columns">.large-2</div>
224
+ <div class="col-12 col-md-12 col-lg-10">.col-lg-10</div>
225
+ <div class="col-12 col-md-12 col-lg-2">.col-lg-2</div>
226
226
  </div>
227
227
  <div class="row">
228
- <div class="small-12 medium-12 large-12 columns">.large-12.columns</div>
228
+ <div class="col-12 col-md-12 col-lg-12">.col-lg-12</div>
229
229
  </div>
230
230
  <div class="row">
231
- <div class="small-12 medium-12 large-6 columns">.large-6.columns</div>
232
- <div class="small-12 medium-12 large-6 columns">.large-6.columns</div>
231
+ <div class="col-12 col-md-12 col-lg-6">.col-lg-6</div>
232
+ <div class="col-12 col-md-12 col-lg-6">.col-lg-6</div>
233
233
  </div>
234
234
  <div class="row">
235
- <div class="small-12 medium-12 large-4 columns">.large-4.columns</div>
236
- <div class="small-12 medium-12 large-4 columns">.large-4.columns</div>
237
- <div class="small-12 medium-12 large-4 columns">.large-4.columns</div>
235
+ <div class="col-12 col-md-12 col-lg-4">.col-lg-4</div>
236
+ <div class="col-12 col-md-12 col-lg-4">.col-lg-4</div>
237
+ <div class="col-12 col-md-12 col-lg-4">.col-lg-4</div>
238
238
  </div>
239
239
  <div class="row">
240
- <div class="small-12 medium-12 large-3 columns">.large-3.columns</div>
241
- <div class="small-12 medium-12 large-3 columns">.large-3.columns</div>
242
- <div class="small-12 medium-12 large-3 columns">.large-3.columns</div>
243
- <div class="small-12 medium-12 large-3 columns">.large-3.columns</div>
240
+ <div class="col-12 col-md-12 col-lg-3">.col-lg-3</div>
241
+ <div class="col-12 col-md-12 col-lg-3">.col-lg-3</div>
242
+ <div class="col-12 col-md-12 col-lg-3">.col-lg-3</div>
243
+ <div class="col-12 col-md-12 col-lg-3">.col-lg-3</div>
244
244
  </div>
245
245
  <div class="row">
246
- <div class="small-12 medium-12 large-2 columns">.large-2.columns</div>
247
- <div class="small-12 medium-12 large-2 columns">.large-2.columns</div>
248
- <div class="small-12 medium-12 large-2 columns">.large-2.columns</div>
249
- <div class="small-12 medium-12 large-2 columns">.large-2.columns</div>
250
- <div class="small-12 medium-12 large-2 columns">.large-2.columns</div>
251
- <div class="small-12 medium-12 large-2 columns">.large-2.columns</div>
246
+ <div class="col-12 col-md-12 col-lg-2">.col-lg-2</div>
247
+ <div class="col-12 col-md-12 col-lg-2">.col-lg-2</div>
248
+ <div class="col-12 col-md-12 col-lg-2">.col-lg-2</div>
249
+ <div class="col-12 col-md-12 col-lg-2">.col-lg-2</div>
250
+ <div class="col-12 col-md-12 col-lg-2">.col-lg-2</div>
251
+ <div class="col-12 col-md-12 col-lg-2">.col-lg-2</div>
252
252
  </div>
253
253
  </div>
254
254
  <div class="row">
255
- <div class="small-12 columns">
255
+ <div class="col-12">
256
256
  <h3 class="toolkit-heading-3">staggered-1</h3>
257
257
  </div>
258
258
  </div>
@@ -335,7 +335,7 @@
335
335
  </div>
336
336
  </div>
337
337
  <div class="row">
338
- <div class="small-12 columns">
338
+ <div class="col-12">
339
339
  <h4 class="toolkit-heading-4">Source Code</h4>
340
340
  <ul class="list-1">
341
341
  <li>style: <a href="{{webRepo}}app/assets/style/base/layouts/_staggered-1.scss">_staggered-1.scss</a></li>
@@ -344,7 +344,7 @@
344
344
  </div>
345
345
  <hr class="toolkit-rule-1">
346
346
  <div class="row">
347
- <div class="small-12 columns">
347
+ <div class="col-12">
348
348
  <h2 class="toolkit-heading-2">Panels</h2>
349
349
  <h3 class="toolkit-heading-3">panels-1</h3>
350
350
  </div>
@@ -382,7 +382,7 @@
382
382
  </section>
383
383
  </div>
384
384
  <div class="row">
385
- <div class="small-12 columns">
385
+ <div class="col-12">
386
386
  <h4 class="toolkit-heading-4">Source Code</h4>
387
387
  <ul class="list-1">
388
388
  <li>style: <a href="{{webRepo}}app/assets/style/base/components/_panels-1.scss">_panels-1.scss</a></li>
package/app/toolkit/icons.hbs CHANGED
@@ -10,7 +10,7 @@
10
10
  <header class="toolkit-header-1">
11
11
  <button aria-expanded="false">main menu toggle</button>
12
12
  <div class="row">
13
- <div class="small-12 columns">
13
+ <div class="col-12">
14
14
  <a href="{{www}}toolkit">Digital Toolkit</a>
15
15
  </div>
16
16
  </div>
@@ -34,7 +34,7 @@
34
34
  <section>
35
35
  <h1 class="toolkit-heading-1">Sprites</h1>
36
36
  <div class="row">
37
- <div class="small-12 columns">
37
+ <div class="col-12">
38
38
  <table class="table-1">
39
39
  <caption>sprite contents</caption>
40
40
  <thead>
package/app/toolkit/index.hbs CHANGED
@@ -10,7 +10,7 @@
10
10
  <header class="toolkit-header-1">
11
11
  <button aria-expanded="false">main menu toggle</button>
12
12
  <div class="row">
13
- <div class="small-12 columns">
13
+ <div class="col-12">
14
14
  <a href="{{www}}toolkit">Digital Toolkit</a>
15
15
  </div>
16
16
  </div>
@@ -34,19 +34,19 @@
34
34
  <section>
35
35
  <h1 class="toolkit-heading-1">Overview</h1>
36
36
  <div class="row">
37
- <div class="small-12 columns">
37
+ <div class="col-12">
38
38
  <h2 class="toolkit-heading-2">Project</h2>
39
39
  </div>
40
40
  </div>
41
41
  <div class="row">
42
- <div class="small-12 medium-6 columns">
42
+ <div class="col-12 col-md-6">
43
43
  <ul class="list-1">
44
44
  <li><a href="{{webRepo}}README.md">documentation</a></li>
45
45
  <li><a href="{{webRepo}}">repository</a></li>
46
46
  <li><a href="https://github.com/bshack/shackstack/issues">bug tracker</a></li>
47
47
  </ul>
48
48
  </div>
49
- <div class="small-12 medium-6 columns">
49
+ <div class="col-12 col-md-6">
50
50
  <ul class="list-1">
51
51
  <li><a href="/report/istanbul">unit test coverage</a></li>
52
52
  <li><a href="/report/plato">code complexity</a></li>
@@ -55,12 +55,12 @@
55
55
  </div>
56
56
  <hr class="toolkit-rule-1">
57
57
  <div class="row">
58
- <div class="small-12 columns">
58
+ <div class="col-12">
59
59
  <h2 class="toolkit-heading-2">Browser &amp; Screen Reader Support</h2>
60
60
  </div>
61
61
  </div>
62
62
  <div class="row">
63
- <div class="small-12 columns">
63
+ <div class="col-12">
64
64
  <table class="table-1">
65
65
  <caption>browser and screen reader support matrix, all versions current release</caption>
66
66
  <thead>
package/app/toolkit/type.hbs CHANGED
@@ -10,7 +10,7 @@
10
10
  <header class="toolkit-header-1">
11
11
  <button aria-expanded="false">main menu toggle</button>
12
12
  <div class="row">
13
- <div class="small-12 columns">
13
+ <div class="col-12">
14
14
  <a href="{{www}}toolkit">Digital Toolkit</a>
15
15
  </div>
16
16
  </div>
@@ -34,7 +34,7 @@
34
34
  <section>
35
35
  <h1 class="toolkit-heading-1">Type</h1>
36
36
  <div class="row">
37
- <div class="small-12 columns">
37
+ <div class="col-12">
38
38
  <h2 class="toolkit-heading-2">Fonts</h2>
39
39
  <h3 class="toolkit-heading-3">arial-1</h3>
40
40
  <p><span class="toolkit-arial-1">The Quick Brown Fox Jumps Over the Lazy Dog.</span></p>
@@ -52,7 +52,7 @@
52
52
  </div>
53
53
  <hr class="toolkit-rule-1">
54
54
  <div class="row">
55
- <div class="small-12 columns">
55
+ <div class="col-12">
56
56
  <h2 class="toolkit-heading-2">Headings</h2>
57
57
  <h3 class="toolkit-heading-3">heading-1</h3>
58
58
  {{>toolkit/heading-1 tag='span' title='The Quick Brown Fox Jumps Over the Lazy Dog.'}}
@@ -86,7 +86,7 @@
86
86
  </div>
87
87
  <hr class="toolkit-rule-1">
88
88
  <div class="row">
89
- <div class="small-12 columns">
89
+ <div class="col-12">
90
90
  <h2 class="toolkit-heading-2">Text</h2>
91
91
  <h3 class="toolkit-heading-3">text-1</h3>
92
92
  {{>toolkit/text-1 tag='span' title='The Quick Brown Fox Jumps Over the Lazy Dog.'}}