@ulu/frontend 0.1.0-beta.10 → 0.1.0-beta.101

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 (325) hide show
  1. package/CHANGELOG.md +647 -0
  2. package/README.dev.md +3 -3
  3. package/README.md +14 -4
  4. package/dist/ulu-frontend.min.css +1 -1
  5. package/dist/ulu-frontend.min.js +36 -29
  6. package/docs-dev/.nojekyll +1 -0
  7. package/docs-dev/assets/main.js +8290 -635
  8. package/docs-dev/assets/placeholder/icon-calendar.svg +1 -0
  9. package/docs-dev/assets/placeholder/icon-check.svg +1 -0
  10. package/docs-dev/assets/style.css +789 -338
  11. package/docs-dev/changelog/index.html +7203 -0
  12. package/docs-dev/demos/accordion/index.html +1277 -365
  13. package/docs-dev/demos/badge/index.html +5655 -0
  14. package/docs-dev/demos/badge-stack/index.html +5636 -0
  15. package/docs-dev/demos/{list-inline.1 → badge.1}/index.html +1231 -363
  16. package/docs-dev/demos/basic-hero/index.html +111 -0
  17. package/docs-dev/demos/breakpoints-manager/index.html +5666 -0
  18. package/docs-dev/demos/button/index.html +1309 -355
  19. package/docs-dev/demos/button-group/index.html +5652 -0
  20. package/docs-dev/demos/button-verbose/index.html +5658 -0
  21. package/docs-dev/demos/callout/index.html +1300 -347
  22. package/docs-dev/demos/captioned-figure/index.html +1271 -358
  23. package/docs-dev/demos/card/index.html +1374 -822
  24. package/docs-dev/demos/card-grid/index.html +5777 -0
  25. package/docs-dev/demos/counter-list/index.html +5660 -0
  26. package/docs-dev/demos/css-icons/index.html +1292 -356
  27. package/docs-dev/demos/data-grid/index.html +1271 -358
  28. package/docs-dev/demos/data-table/index.html +1405 -359
  29. package/docs-dev/demos/details-group/index.html +5687 -0
  30. package/docs-dev/demos/file-save/index.html +1271 -358
  31. package/docs-dev/demos/flipcard/index.html +1271 -358
  32. package/docs-dev/demos/form-theme/index.html +1295 -395
  33. package/docs-dev/demos/headline-label/index.html +5622 -0
  34. package/docs-dev/demos/hero/index.html +12 -4
  35. package/docs-dev/demos/image-grid/index.html +12 -4
  36. package/docs-dev/demos/index.html +1272 -359
  37. package/docs-dev/demos/list-inline/index.html +1271 -358
  38. package/docs-dev/demos/list-lines/index.html +1271 -358
  39. package/docs-dev/demos/menu-stack/index.html +1303 -375
  40. package/docs-dev/demos/modals/index.html +1382 -346
  41. package/docs-dev/demos/nav-strip/index.html +1271 -358
  42. package/docs-dev/demos/overlay-section/index.html +1335 -352
  43. package/docs-dev/demos/panel/index.html +5682 -0
  44. package/docs-dev/demos/popovers/index.html +1562 -407
  45. package/docs-dev/demos/print/index.html +1271 -358
  46. package/docs-dev/demos/pull-quote/index.html +1271 -358
  47. package/docs-dev/demos/rail/index.html +5730 -0
  48. package/docs-dev/demos/rule/index.html +1288 -363
  49. package/docs-dev/demos/scroll-slider/index.html +72 -106
  50. package/docs-dev/demos/scrollpoints/index.html +1272 -359
  51. package/docs-dev/demos/skeleton/index.html +5678 -0
  52. package/docs-dev/demos/slider/index.html +12 -4
  53. package/docs-dev/demos/spoke-spinner/index.html +1271 -358
  54. package/docs-dev/demos/sticky-list/index.html +5643 -0
  55. package/docs-dev/demos/tabs/index.html +1301 -352
  56. package/docs-dev/demos/tag/index.html +1282 -357
  57. package/docs-dev/demos/theme-toggle/index.html +5699 -0
  58. package/docs-dev/demos/tile-grid-overlay/index.html +12 -4
  59. package/docs-dev/demos/tiles/index.html +1271 -358
  60. package/docs-dev/demos/tooltip/index.html +1271 -358
  61. package/docs-dev/demos/wysiwyg/index.html +5672 -0
  62. package/docs-dev/guide/building-stylesheet/index.html +1271 -358
  63. package/docs-dev/guide/developing-ulu-scss-module/index.html +1271 -358
  64. package/docs-dev/guide/index.html +1271 -358
  65. package/docs-dev/index.html +1271 -358
  66. package/docs-dev/javascript/events/index.html +1303 -352
  67. package/docs-dev/javascript/index.html +1271 -358
  68. package/docs-dev/javascript/settings/index.html +5825 -0
  69. package/docs-dev/javascript/ui-breakpoints/index.html +1285 -374
  70. package/docs-dev/javascript/ui-collapsible/index.html +1270 -359
  71. package/docs-dev/javascript/ui-details-group/index.html +5742 -0
  72. package/docs-dev/javascript/ui-dialog/index.html +1302 -376
  73. package/docs-dev/javascript/ui-flipcard/index.html +1331 -364
  74. package/docs-dev/javascript/ui-grid/index.html +1274 -389
  75. package/docs-dev/javascript/ui-modal-builder/index.html +1497 -446
  76. package/docs-dev/javascript/ui-overflow-scroller/index.html +1270 -359
  77. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +1270 -359
  78. package/docs-dev/javascript/ui-page/index.html +1270 -359
  79. package/docs-dev/javascript/ui-popover/index.html +1280 -373
  80. package/docs-dev/javascript/ui-print/index.html +1268 -365
  81. package/docs-dev/javascript/ui-print-details/index.html +1270 -359
  82. package/docs-dev/javascript/ui-programmatic-modal/index.html +1270 -359
  83. package/docs-dev/javascript/ui-proxy-click/index.html +1331 -335
  84. package/docs-dev/javascript/ui-resizer/index.html +1588 -412
  85. package/docs-dev/javascript/ui-scroll-slider/index.html +1310 -367
  86. package/docs-dev/javascript/ui-scrollpoint/index.html +1280 -376
  87. package/docs-dev/javascript/ui-slider/index.html +1454 -352
  88. package/docs-dev/javascript/ui-tabs/index.html +1261 -387
  89. package/docs-dev/javascript/ui-theme-toggle/index.html +5830 -0
  90. package/docs-dev/javascript/ui-tooltip/index.html +1273 -366
  91. package/docs-dev/javascript/utils-class-logger/index.html +1271 -360
  92. package/docs-dev/javascript/utils-css/index.html +5644 -0
  93. package/docs-dev/javascript/utils-dom/index.html +1269 -438
  94. package/docs-dev/javascript/utils-file-save/index.html +1270 -359
  95. package/docs-dev/javascript/utils-floating-ui/index.html +1270 -359
  96. package/docs-dev/javascript/utils-id/index.html +1270 -359
  97. package/docs-dev/javascript/utils-pause-youtube-video/index.html +1270 -359
  98. package/docs-dev/javascript/utils-system/index.html +5947 -0
  99. package/docs-dev/sass/base/color/index.html +1270 -359
  100. package/docs-dev/sass/base/elements/index.html +1271 -360
  101. package/docs-dev/sass/base/index/index.html +1271 -360
  102. package/docs-dev/sass/base/index.html +1271 -358
  103. package/docs-dev/sass/base/keyframes/index.html +1271 -360
  104. package/docs-dev/sass/base/layout/index.html +1271 -360
  105. package/docs-dev/sass/base/normalize/index.html +1270 -359
  106. package/docs-dev/sass/base/print/index.html +1271 -360
  107. package/docs-dev/sass/base/root/index.html +1274 -363
  108. package/docs-dev/sass/base/typography/index.html +1270 -359
  109. package/docs-dev/sass/components/accordion/index.html +1293 -375
  110. package/docs-dev/sass/components/adaptive-spacing/index.html +1270 -359
  111. package/docs-dev/sass/components/badge/index.html +1295 -366
  112. package/docs-dev/sass/components/badge-stack/index.html +5811 -0
  113. package/docs-dev/sass/components/basic-hero/index.html +5805 -0
  114. package/docs-dev/sass/components/button/index.html +1270 -359
  115. package/docs-dev/sass/components/button-group/index.html +5803 -0
  116. package/docs-dev/sass/components/button-verbose/index.html +1342 -356
  117. package/docs-dev/sass/components/callout/index.html +1352 -422
  118. package/docs-dev/sass/components/captioned-figure/index.html +1373 -347
  119. package/docs-dev/sass/components/card/index.html +1339 -356
  120. package/docs-dev/sass/components/card-grid/index.html +1270 -359
  121. package/docs-dev/sass/components/counter-list/index.html +5887 -0
  122. package/docs-dev/sass/components/css-icon/index.html +1271 -360
  123. package/docs-dev/sass/components/data-grid/index.html +1290 -372
  124. package/docs-dev/sass/components/data-table/index.html +1449 -348
  125. package/docs-dev/sass/components/fill-context/index.html +1270 -359
  126. package/docs-dev/sass/components/flipcard/index.html +1305 -363
  127. package/docs-dev/sass/components/flipcard-grid/index.html +1270 -359
  128. package/docs-dev/sass/components/form-theme/index.html +1449 -442
  129. package/docs-dev/sass/components/headline-label/index.html +5833 -0
  130. package/docs-dev/sass/components/hero/index.html +1316 -357
  131. package/docs-dev/sass/components/horizontal-rule/index.html +1270 -359
  132. package/docs-dev/sass/components/image-grid/index.html +1270 -359
  133. package/docs-dev/sass/components/index/index.html +1289 -369
  134. package/docs-dev/sass/components/index.html +1271 -358
  135. package/docs-dev/sass/components/links/index.html +1270 -359
  136. package/docs-dev/sass/components/list-inline/index.html +1270 -359
  137. package/docs-dev/sass/components/list-lines/index.html +1270 -359
  138. package/docs-dev/sass/components/list-ordered/index.html +1270 -359
  139. package/docs-dev/sass/components/list-unordered/index.html +1270 -359
  140. package/docs-dev/sass/components/menu-stack/index.html +1294 -369
  141. package/docs-dev/sass/components/modal/index.html +1306 -360
  142. package/docs-dev/sass/components/nav-strip/index.html +1278 -367
  143. package/docs-dev/sass/components/overlay-section/index.html +1278 -367
  144. package/docs-dev/sass/components/pager/index.html +1270 -359
  145. package/docs-dev/sass/components/panel/index.html +6033 -0
  146. package/docs-dev/sass/components/placeholder-block/index.html +1270 -359
  147. package/docs-dev/sass/components/popover/index.html +1323 -376
  148. package/docs-dev/sass/components/pull-quote/index.html +1282 -371
  149. package/docs-dev/sass/components/rail/index.html +5823 -0
  150. package/docs-dev/sass/components/ratio-box/index.html +1278 -367
  151. package/docs-dev/sass/components/rule/index.html +1271 -360
  152. package/docs-dev/sass/components/scroll-slider/index.html +1280 -381
  153. package/docs-dev/sass/components/skeleton/index.html +5861 -0
  154. package/docs-dev/sass/components/skip-link/index.html +1270 -359
  155. package/docs-dev/sass/components/slider/index.html +1310 -411
  156. package/docs-dev/sass/components/spoke-spinner/index.html +1272 -361
  157. package/docs-dev/sass/components/sticky-list/index.html +6023 -0
  158. package/docs-dev/sass/components/table-sticky/index.html +5677 -0
  159. package/docs-dev/sass/components/tabs/index.html +1291 -365
  160. package/docs-dev/sass/components/tag/index.html +1360 -355
  161. package/docs-dev/sass/components/tile-button/index.html +1270 -359
  162. package/docs-dev/sass/components/tile-grid/index.html +1270 -359
  163. package/docs-dev/sass/components/tile-grid-overlay/index.html +1270 -359
  164. package/docs-dev/sass/components/vignette/index.html +1282 -365
  165. package/docs-dev/sass/components/wysiwyg/index.html +1296 -367
  166. package/docs-dev/sass/core/breakpoint/index.html +1349 -386
  167. package/docs-dev/sass/core/button/index.html +1302 -389
  168. package/docs-dev/sass/core/color/index.html +1414 -370
  169. package/docs-dev/sass/core/cssvar/index.html +1270 -359
  170. package/docs-dev/sass/core/element/index.html +1641 -448
  171. package/docs-dev/sass/core/index.html +1270 -359
  172. package/docs-dev/sass/core/layout/index.html +1318 -388
  173. package/docs-dev/sass/core/path/index.html +1270 -359
  174. package/docs-dev/sass/core/selector/index.html +1270 -359
  175. package/docs-dev/sass/core/typography/index.html +1270 -359
  176. package/docs-dev/sass/core/units/index.html +1278 -361
  177. package/docs-dev/sass/core/utils/index.html +2580 -520
  178. package/docs-dev/sass/helpers/color/index.html +1270 -359
  179. package/docs-dev/sass/helpers/display/index.html +1271 -360
  180. package/docs-dev/sass/helpers/index/index.html +1270 -359
  181. package/docs-dev/sass/helpers/index.html +1271 -358
  182. package/docs-dev/sass/helpers/print/index.html +759 -298
  183. package/docs-dev/sass/helpers/typography/index.html +1270 -359
  184. package/docs-dev/sass/helpers/units/index.html +1270 -359
  185. package/docs-dev/sass/helpers/utilities/index.html +1272 -361
  186. package/docs-dev/sass/index.html +1271 -358
  187. package/js/events/index.js +17 -5
  188. package/js/index.js +1 -0
  189. package/js/settings.js +97 -0
  190. package/js/ui/breakpoints.js +19 -16
  191. package/js/ui/collapsible.js +8 -1
  192. package/js/ui/details-group.js +112 -0
  193. package/js/ui/dialog.js +103 -44
  194. package/js/ui/dialog.todo +2 -36
  195. package/js/ui/flipcard.js +37 -57
  196. package/js/ui/grid.js +15 -13
  197. package/js/ui/index.js +1 -0
  198. package/js/ui/modal-builder.js +127 -70
  199. package/js/ui/overflow-scroller.js +6 -4
  200. package/js/ui/page.js +2 -2
  201. package/js/ui/popover.js +38 -38
  202. package/js/ui/print.js +16 -25
  203. package/js/ui/programmatic-modal.js +9 -3
  204. package/js/ui/proxy-click.js +50 -36
  205. package/js/ui/resizer.js +408 -39
  206. package/js/ui/scroll-slider.js +24 -30
  207. package/js/ui/scrollpoint.js +29 -64
  208. package/js/ui/slider.js +108 -63
  209. package/js/ui/tabs.js +23 -36
  210. package/js/ui/theme-toggle.js +332 -94
  211. package/js/ui/tooltip.js +27 -32
  212. package/js/utils/class-logger.js +3 -3
  213. package/js/utils/css.js +13 -0
  214. package/js/utils/dom.js +23 -64
  215. package/js/utils/font-awesome.js +19 -0
  216. package/js/utils/index.js +2 -1
  217. package/js/utils/system.js +155 -0
  218. package/package.json +23 -8
  219. package/scss/README.md +9 -0
  220. package/scss/_breakpoint.scss +39 -5
  221. package/scss/_button.scss +7 -5
  222. package/scss/_color.scss +42 -10
  223. package/scss/_element.scss +124 -2
  224. package/scss/_layout.scss +7 -8
  225. package/scss/_units.scss +3 -2
  226. package/scss/_utils.scss +387 -16
  227. package/scss/base/_elements.scss +0 -1
  228. package/scss/base/_index.scss +1 -1
  229. package/scss/base/_keyframes.scss +15 -0
  230. package/scss/base/_layout.scss +1 -0
  231. package/scss/base/_print.scss +2 -0
  232. package/scss/base/_root.scss +2 -0
  233. package/scss/components/README.todos +14 -0
  234. package/scss/components/_accordion.scss +33 -19
  235. package/scss/components/_badge-stack.scss +84 -0
  236. package/scss/components/_badge.scss +30 -7
  237. package/scss/components/_basic-hero.scss +112 -0
  238. package/scss/components/_button-group.scss +90 -0
  239. package/scss/components/_button-verbose.scss +100 -18
  240. package/scss/components/_callout.scss +125 -78
  241. package/scss/components/_captioned-figure.scss +17 -0
  242. package/scss/components/_card-grid.scss +1 -1
  243. package/scss/components/_card.scss +229 -67
  244. package/scss/components/_counter-list.scss +151 -0
  245. package/scss/components/_css-icon.scss +27 -17
  246. package/scss/components/_data-grid.scss +55 -12
  247. package/scss/components/_data-table.scss +39 -3
  248. package/scss/components/_flipcard.scss +8 -3
  249. package/scss/components/_form-theme.scss +119 -108
  250. package/scss/components/_headline-label.scss +83 -0
  251. package/scss/components/_hero.scss +12 -10
  252. package/scss/components/_index.scss +54 -0
  253. package/scss/components/_menu-stack.scss +42 -25
  254. package/scss/components/_modal.scss +51 -23
  255. package/scss/components/_nav-strip.scss +2 -0
  256. package/scss/components/_overlay-section.scss +2 -5
  257. package/scss/components/_panel.scss +246 -0
  258. package/scss/components/_popover.scss +165 -64
  259. package/scss/components/_pull-quote.scss +13 -13
  260. package/scss/components/_rail.scss +127 -0
  261. package/scss/components/_ratio-box.scss +2 -5
  262. package/scss/components/_rule.scss +1 -0
  263. package/scss/components/_scroll-slider.scss +1 -5
  264. package/scss/components/_skeleton.scss +126 -0
  265. package/scss/components/_slider.scss +49 -72
  266. package/scss/components/_spoke-spinner.scss +2 -2
  267. package/scss/components/_sticky-list.scss +206 -0
  268. package/scss/components/_tabs.scss +22 -4
  269. package/scss/components/_tag.scss +49 -7
  270. package/scss/components/_vignette.scss +3 -5
  271. package/scss/components/_wysiwyg.scss +21 -13
  272. package/scss/helpers/_display.scss +15 -18
  273. package/scss/helpers/_print.scss +12 -7
  274. package/scss/helpers/_utilities.scss +41 -31
  275. package/types/events/index.d.ts +10 -1
  276. package/types/events/index.d.ts.map +1 -1
  277. package/types/index.d.ts +1 -0
  278. package/types/settings.d.ts +70 -0
  279. package/types/settings.d.ts.map +1 -0
  280. package/types/ui/breakpoints.d.ts +14 -14
  281. package/types/ui/breakpoints.d.ts.map +1 -1
  282. package/types/ui/collapsible.d.ts.map +1 -1
  283. package/types/ui/details-group.d.ts +38 -0
  284. package/types/ui/details-group.d.ts.map +1 -0
  285. package/types/ui/dialog.d.ts +20 -14
  286. package/types/ui/dialog.d.ts.map +1 -1
  287. package/types/ui/flipcard.d.ts +16 -10
  288. package/types/ui/flipcard.d.ts.map +1 -1
  289. package/types/ui/grid.d.ts +4 -6
  290. package/types/ui/grid.d.ts.map +1 -1
  291. package/types/ui/index.d.ts +2 -1
  292. package/types/ui/modal-builder.d.ts +116 -11
  293. package/types/ui/modal-builder.d.ts.map +1 -1
  294. package/types/ui/overflow-scroller.d.ts +2 -2
  295. package/types/ui/overflow-scroller.d.ts.map +1 -1
  296. package/types/ui/popover.d.ts +6 -7
  297. package/types/ui/popover.d.ts.map +1 -1
  298. package/types/ui/print.d.ts +0 -4
  299. package/types/ui/print.d.ts.map +1 -1
  300. package/types/ui/programmatic-modal.d.ts.map +1 -1
  301. package/types/ui/proxy-click.d.ts +19 -3
  302. package/types/ui/proxy-click.d.ts.map +1 -1
  303. package/types/ui/resizer.d.ts +116 -16
  304. package/types/ui/resizer.d.ts.map +1 -1
  305. package/types/ui/scroll-slider.d.ts +5 -7
  306. package/types/ui/scroll-slider.d.ts.map +1 -1
  307. package/types/ui/scrollpoint.d.ts +3 -8
  308. package/types/ui/scrollpoint.d.ts.map +1 -1
  309. package/types/ui/slider.d.ts +33 -14
  310. package/types/ui/slider.d.ts.map +1 -1
  311. package/types/ui/tabs.d.ts +6 -8
  312. package/types/ui/tabs.d.ts.map +1 -1
  313. package/types/ui/theme-toggle.d.ts +51 -7
  314. package/types/ui/theme-toggle.d.ts.map +1 -1
  315. package/types/ui/tooltip.d.ts +3 -5
  316. package/types/ui/tooltip.d.ts.map +1 -1
  317. package/types/utils/css.d.ts +11 -0
  318. package/types/utils/css.d.ts.map +1 -0
  319. package/types/utils/dom.d.ts +12 -32
  320. package/types/utils/dom.d.ts.map +1 -1
  321. package/types/utils/font-awesome.d.ts +5 -0
  322. package/types/utils/font-awesome.d.ts.map +1 -0
  323. package/types/utils/index.d.ts +2 -1
  324. package/types/utils/system.d.ts +113 -0
  325. package/types/utils/system.d.ts.map +1 -0
package/docs-dev/demos/scroll-slider/index.html CHANGED
@@ -1,5 +1,5 @@
1
1
  <!doctype html>
2
- <html lang="en" data-site-theme="" class="fullscreen-layout">
2
+ <html lang="en" class="fullscreen-layout">
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -31,7 +31,7 @@
31
31
 
32
32
 
33
33
  </head>
34
- <body class="page page">
34
+ <body class="page theme-light">
35
35
  <header class="page__header header">
36
36
  <div class="header__main">
37
37
  <a class="header__logo" href="/frontend/">
@@ -40,14 +40,22 @@
40
40
  <span class="logo__subtitle">Frontend</span>
41
41
  </div>
42
42
  </a>
43
- <a class="button button--small button--icon button--secondary margin-left-auto" href="../" aria-label="Exit">
43
+ <button class="button button--small button--icon button--secondary margin-left-auto" data-ulu-theme-toggle='{
44
+ "savePreference" : true,
45
+ "checkMediaQuery" : true,
46
+ "group" : "page"
47
+ }'>
48
+ <span class="hidden-visually">Toggle Theme to <span data-ulu-theme-toggle-label="">Dark</span></span>
49
+ <span class="fas fa-moon" data-ulu-theme-toggle-icon=""></span>
50
+ </button>
51
+ <a class="button button--small button--icon button--secondary" href="../" aria-label="Exit">
44
52
  <span class="css-icon css-icon--close" aria-hidden="true"></span>
45
53
  </a>
46
54
  </div>
47
55
  </header>
48
56
  <main id="main" class="page__body">
49
57
 
50
- <div class="background-light-gray">
58
+ <div class="page__content-header">
51
59
  <div class="container">
52
60
  <div class="type-max-width">
53
61
  <h1 class="page__title h1">Scroll Slider</h1>
@@ -73,114 +81,72 @@ Scroll-Slider
73
81
  <li class="scroll-slider__slide scroll-slider__slide--empty" role="presentation" data-ulu-scroll-slider-slide="">
74
82
   
75
83
  </li><p></p>
76
- <p><li class="scroll-slider__slide" data-ulu-scroll-slider-slide=""></li></p>
77
- <p></p><article class="card" data-ulu-proxy-click="">
78
- <div class="card__body">
79
- <h5 class="card__title">
80
- <a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Card 1</a>
81
- </h5>
82
- <div>
83
- This is a card with an upper image using a containing div with the &quot;card__image&quot; class.
84
- </div>
85
- </div>
86
- <div class="card__image">
84
+ <p><li class="scroll-slider__slide" data-ulu-scroll-slider-slide="">
85
+ <article class="card " data-ulu-proxy-click=""><div class="card__body"><div class="card__main"><h5 class="card__title">
86
+ <a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Lorem ipsum dolor sit amet</a>
87
+ </h5><div>
88
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
89
+ </div></div><div class="card__aside">This is the aside content</div></div><div class="card__image ">
87
90
  <img src="/frontend/assets/placeholder/image-1.jpg">
88
- </div>
89
- <div class="card__footer">
90
- My Card Footer
91
- </div>
92
- </article><p></p>
93
- <p></p>
94
- <p><li class="scroll-slider__slide" data-ulu-scroll-slider-slide=""></li></p>
95
- <p></p><article class="card" data-ulu-proxy-click="">
96
- <div class="card__body">
97
- <h5 class="card__title">
98
- <a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Card 2</a>
99
- </h5>
100
- <div>
101
- This is a card with an upper image using a containing div with the &quot;card__image&quot; class.
102
- </div>
103
- </div>
104
- <div class="card__image">
91
+ </div><div class="card__footer">
92
+ <a class="button button--small" href="https://www.yahoo.com/">Footer</a>
93
+ </div></article>
94
+ </li></p>
95
+ <p><li class="scroll-slider__slide" data-ulu-scroll-slider-slide="">
96
+ <article class="card " data-ulu-proxy-click=""><div class="card__body"><div class="card__main"><h5 class="card__title">
97
+ <a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
98
+ </h5><div>
99
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
100
+ </div></div><div class="card__aside">This is the aside content</div></div><div class="card__image ">
105
101
  <img src="/frontend/assets/placeholder/image-1.jpg">
106
- </div>
107
- <div class="card__footer">
108
- My Card Footer
109
- </div>
110
- </article><p></p>
111
- <p></p>
112
- <p><li class="scroll-slider__slide" data-ulu-scroll-slider-slide=""></li></p>
113
- <p></p><article class="card" data-ulu-proxy-click="">
114
- <div class="card__body">
115
- <h5 class="card__title">
116
- <a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Card 3</a>
117
- </h5>
118
- <div>
119
- This is a card with an upper image using a containing div with the &quot;card__image&quot; class.
120
- </div>
121
- </div>
122
- <div class="card__image">
102
+ </div><div class="card__footer">
103
+ <a class="button button--small" href="https://www.yahoo.com/">Footer</a>
104
+ </div></article>
105
+ </li></p>
106
+ <p><li class="scroll-slider__slide" data-ulu-scroll-slider-slide="">
107
+ <article class="card " data-ulu-proxy-click=""><div class="card__body"><div class="card__main"><h5 class="card__title">
108
+ <a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Lorem Ipsum</a>
109
+ </h5><div>
110
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
111
+ </div></div><div class="card__aside">This is the aside content</div></div><div class="card__image ">
123
112
  <img src="/frontend/assets/placeholder/image-1.jpg">
124
- </div>
125
- <div class="card__footer">
126
- My Card Footer
127
- </div>
128
- </article><p></p>
129
- <p></p>
130
- <p><li class="scroll-slider__slide" data-ulu-scroll-slider-slide=""></li></p>
131
- <p></p><article class="card" data-ulu-proxy-click="">
132
- <div class="card__body">
133
- <h5 class="card__title">
134
- <a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Card 4</a>
135
- </h5>
136
- <div>
137
- This is a card with an upper image using a containing div with the &quot;card__image&quot; class.
138
- </div>
139
- </div>
140
- <div class="card__image">
113
+ </div><div class="card__footer">
114
+ <a class="button button--small" href="https://www.yahoo.com/">Footer</a>
115
+ </div></article>
116
+ </li></p>
117
+ <p><li class="scroll-slider__slide" data-ulu-scroll-slider-slide="">
118
+ <article class="card " data-ulu-proxy-click=""><div class="card__body"><div class="card__main"><h5 class="card__title">
119
+ <a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Lorem ipsum dolor sit amet</a>
120
+ </h5><div>
121
+ This is the card content. It can contain around 2-3 sentences.
122
+ </div></div><div class="card__aside">This is the aside content</div></div><div class="card__image ">
141
123
  <img src="/frontend/assets/placeholder/image-1.jpg">
142
- </div>
143
- <div class="card__footer">
144
- My Card Footer
145
- </div>
146
- </article><p></p>
147
- <p></p>
148
- <p><li class="scroll-slider__slide" data-ulu-scroll-slider-slide=""></li></p>
149
- <p></p><article class="card" data-ulu-proxy-click="">
150
- <div class="card__body">
151
- <h5 class="card__title">
152
- <a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Card 5</a>
153
- </h5>
154
- <div>
155
- This is a card with an upper image using a containing div with the &quot;card__image&quot; class.
156
- </div>
157
- </div>
158
- <div class="card__image">
124
+ </div><div class="card__footer">
125
+ <a class="button button--small" href="https://www.yahoo.com/">Footer</a>
126
+ </div></article>
127
+ </li></p>
128
+ <p><li class="scroll-slider__slide" data-ulu-scroll-slider-slide="">
129
+ <article class="card " data-ulu-proxy-click=""><div class="card__body"><div class="card__main"><h5 class="card__title">
130
+ <a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a>
131
+ </h5><div>
132
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
133
+ </div></div><div class="card__aside">This is the aside content</div></div><div class="card__image ">
159
134
  <img src="/frontend/assets/placeholder/image-1.jpg">
160
- </div>
161
- <div class="card__footer">
162
- My Card Footer
163
- </div>
164
- </article><p></p>
165
- <p></p>
166
- <p><li class="scroll-slider__slide" data-ulu-scroll-slider-slide=""></li></p>
167
- <p></p><article class="card" data-ulu-proxy-click="">
168
- <div class="card__body">
169
- <h5 class="card__title">
170
- <a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Card 6</a>
171
- </h5>
172
- <div>
173
- This is a card with an upper image using a containing div with the &quot;card__image&quot; class.
174
- </div>
175
- </div>
176
- <div class="card__image">
135
+ </div><div class="card__footer">
136
+ <a class="button button--small" href="https://www.yahoo.com/">Footer</a>
137
+ </div></article>
138
+ </li></p>
139
+ <p><li class="scroll-slider__slide" data-ulu-scroll-slider-slide="">
140
+ <article class="card " data-ulu-proxy-click=""><div class="card__body"><div class="card__main"><h5 class="card__title">
141
+ <a class="card__title-link" href="https://www.google.com" data-ulu-proxy-click-source="">Lorem Ipsum</a>
142
+ </h5><div>
143
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
144
+ </div></div><div class="card__aside">This is the aside content</div></div><div class="card__image ">
177
145
  <img src="/frontend/assets/placeholder/image-1.jpg">
178
- </div>
179
- <div class="card__footer">
180
- My Card Footer
181
- </div>
182
- </article><p></p>
183
- <p></p>
146
+ </div><div class="card__footer">
147
+ <a class="button button--small" href="https://www.yahoo.com/">Footer</a>
148
+ </div></article>
149
+ </li></p>
184
150
  <p><li class="scroll-slider__slide scroll-slider__slide--empty" role="presentation" data-ulu-scroll-slider-slide="">
185
151
   
186
152
  </li>