testio-tailwind 0.1.0 → 0.2.1

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 (380) hide show
  1. package/.circleci/config.yml +217 -0
  2. package/.dockerignore +4 -0
  3. package/.eleventy.js +57 -57
  4. package/Dockerfile +27 -0
  5. package/LICENSE +21 -21
  6. package/README.md +43 -43
  7. package/icon-classes-extractor.js +29 -29
  8. package/index.html +399 -478
  9. package/package.json +66 -66
  10. package/src/_data/navigation.json +44 -44
  11. package/src/_data/site.js +12 -12
  12. package/src/_includes/card_popover.haml +7 -7
  13. package/src/_includes/example-header-customer.pug +99 -99
  14. package/src/_includes/example-header-manager.njk +53 -53
  15. package/src/_includes/example-header-tester.njk +99 -99
  16. package/src/_includes/example-header.njk +50 -50
  17. package/src/_includes/page-with-sidebar-nocode.njk +46 -46
  18. package/src/_includes/page-with-sidebar.njk +46 -46
  19. package/src/_includes/page.njk +38 -38
  20. package/src/_layouts/base.njk +83 -83
  21. package/src/_layouts/email-template.njk +90 -90
  22. package/src/_layouts/page-example-customer.njk +74 -74
  23. package/src/_layouts/page-example-manager.njk +74 -74
  24. package/src/_layouts/page-example-tester.njk +75 -75
  25. package/src/_layouts/page-example.njk +83 -83
  26. package/src/assets/images/Cirro-App-Defaultimage.svg +25 -25
  27. package/src/assets/images/arrow-down.svg +13 -13
  28. package/src/assets/images/arrow-left.svg +13 -13
  29. package/src/assets/images/arrow-right.svg +13 -13
  30. package/src/assets/images/arrow-thick-left.svg +13 -13
  31. package/src/assets/images/arrow-thick-right.svg +13 -13
  32. package/src/assets/images/arrow-up.svg +13 -13
  33. package/src/assets/images/at-sign.svg +12 -12
  34. package/src/assets/images/attachment-fallbackimage.svg +19 -19
  35. package/src/assets/images/attachment.svg +8 -8
  36. package/src/assets/images/bell-smile-xl.svg +18 -18
  37. package/src/assets/images/blocked.svg +7 -7
  38. package/src/assets/images/bug-chat-xl.svg +15 -15
  39. package/src/assets/images/bug-deceased-xl.svg +15 -15
  40. package/src/assets/images/bug-reproduction.svg +14 -14
  41. package/src/assets/images/bug-sad-xl.svg +13 -13
  42. package/src/assets/images/bug-search-xl.svg +18 -18
  43. package/src/assets/images/bug-sleeping-xl.svg +14 -14
  44. package/src/assets/images/bug-smile-xl.svg +9 -9
  45. package/src/assets/images/calendar.svg +15 -15
  46. package/src/assets/images/caret-down-centered.svg +6 -6
  47. package/src/assets/images/caret-down.svg +11 -11
  48. package/src/assets/images/caret-left-centered.svg +6 -6
  49. package/src/assets/images/caret-left.svg +6 -6
  50. package/src/assets/images/caret-right-centered.svg +6 -6
  51. package/src/assets/images/caret-right.svg +6 -6
  52. package/src/assets/images/caret-up-centered.svg +6 -6
  53. package/src/assets/images/caret-up.svg +11 -11
  54. package/src/assets/images/check-circle-filled-white.svg +9 -9
  55. package/src/assets/images/check-circle-filled.svg +12 -12
  56. package/src/assets/images/check-circle.svg +7 -7
  57. package/src/assets/images/check-selectable-items.svg +11 -11
  58. package/src/assets/images/check-thick-outline.svg +11 -11
  59. package/src/assets/images/check-thick.svg +6 -6
  60. package/src/assets/images/check.svg +17 -17
  61. package/src/assets/images/checkbox-background-black.svg +6 -6
  62. package/src/assets/images/checkbox-background-sm.svg +12 -12
  63. package/src/assets/images/checkbox-background-white.svg +6 -6
  64. package/src/assets/images/checkbox-background.svg +6 -6
  65. package/src/assets/images/checkbox-sm-checked.svg +11 -11
  66. package/src/assets/images/circle-empty-white.svg +6 -6
  67. package/src/assets/images/circle-sm-filled.svg +6 -6
  68. package/src/assets/images/clock.svg +12 -12
  69. package/src/assets/images/cross-circle-filled.svg +6 -6
  70. package/src/assets/images/cross-circle.svg +7 -7
  71. package/src/assets/images/cross-thick.svg +15 -15
  72. package/src/assets/images/cross.svg +7 -7
  73. package/src/assets/images/exclamation-circle-filled.svg +11 -11
  74. package/src/assets/images/exclamation-circle.svg +12 -12
  75. package/src/assets/images/feature-check.svg +9 -9
  76. package/src/assets/images/feature-cross.svg +10 -10
  77. package/src/assets/images/feature-draft.svg +14 -14
  78. package/src/assets/images/feature.svg +8 -8
  79. package/src/assets/images/file-image-plus-lg.svg +19 -19
  80. package/src/assets/images/file-image-plus-xl.svg +20 -20
  81. package/src/assets/images/format-bold.svg +11 -11
  82. package/src/assets/images/format-code.svg +12 -12
  83. package/src/assets/images/format-heading.svg +11 -11
  84. package/src/assets/images/format-indent-decrease.svg +11 -11
  85. package/src/assets/images/format-indent-increase.svg +11 -11
  86. package/src/assets/images/format-italic.svg +11 -11
  87. package/src/assets/images/format-link.svg +11 -11
  88. package/src/assets/images/format-list-bulleted.svg +17 -17
  89. package/src/assets/images/format-list-numbered.svg +17 -17
  90. package/src/assets/images/format-mark.svg +13 -13
  91. package/src/assets/images/format-quote.svg +17 -17
  92. package/src/assets/images/format-strikethrough.svg +11 -11
  93. package/src/assets/images/forward.svg +11 -11
  94. package/src/assets/images/google_signin.svg +22 -22
  95. package/src/assets/images/info-circle-cirro.svg +21 -21
  96. package/src/assets/images/info-circle-ux.svg +21 -21
  97. package/src/assets/images/lock.svg +15 -15
  98. package/src/assets/images/logo-mobile-cloud.svg +12 -12
  99. package/src/assets/images/logo-testio/testio_horizontal_black.svg +14 -14
  100. package/src/assets/images/logo-testio/testio_horizontal_icon_black.svg +25 -25
  101. package/src/assets/images/logo-testio/testio_horizontal_icon_purple_black.svg +27 -27
  102. package/src/assets/images/logo-testio/testio_horizontal_icon_purple_white.svg +25 -25
  103. package/src/assets/images/logo-testio/testio_horizontal_icon_white.svg +25 -25
  104. package/src/assets/images/logo-testio/testio_horizontal_purple_black.svg +9 -9
  105. package/src/assets/images/logo-testio/testio_horizontal_purple_white.svg +14 -14
  106. package/src/assets/images/logo-testio/testio_horizontal_purpleteal_black.svg +21 -21
  107. package/src/assets/images/logo-testio/testio_horizontal_purpleteal_white.svg +19 -19
  108. package/src/assets/images/logo-testio/testio_horizontal_teal_black.svg +14 -14
  109. package/src/assets/images/logo-testio/testio_horizontal_teal_white.svg +14 -14
  110. package/src/assets/images/logo-testio/testio_horizontal_tealpurple_black.svg +21 -21
  111. package/src/assets/images/logo-testio/testio_horizontal_tealpurple_white.svg +21 -21
  112. package/src/assets/images/logo-testio/testio_horizontal_white.svg +14 -14
  113. package/src/assets/images/logo-testio/testio_symbol_black_round.svg +11 -11
  114. package/src/assets/images/logo-testio/testio_symbol_purple.svg +15 -15
  115. package/src/assets/images/logo-testio/testio_symbol_purpleteal_round.svg +18 -18
  116. package/src/assets/images/logo-testio/testio_symbol_purpleteal_square.svg +18 -18
  117. package/src/assets/images/logo-testio/testio_symbol_teal.svg +15 -15
  118. package/src/assets/images/logo-testio/testio_symbol_tealpurple_round.svg +18 -18
  119. package/src/assets/images/logo-testio/testio_symbol_tealpurple_square.svg +18 -18
  120. package/src/assets/images/logo-testio/testio_symbol_white_round.svg +11 -11
  121. package/src/assets/images/logo-testio/testio_typo_black.svg +11 -11
  122. package/src/assets/images/logo-testio/testio_typo_white.svg +11 -11
  123. package/src/assets/images/logo-testio/testio_vertical_purpleteal_black.svg +19 -19
  124. package/src/assets/images/logo-testio/testio_vertical_purpleteal_white.svg +19 -19
  125. package/src/assets/images/logo-testio/testio_vertical_tealpurple_black.svg +19 -19
  126. package/src/assets/images/logo-testio/testio_vertical_tealpurple_white.svg +19 -19
  127. package/src/assets/images/message-feedback.svg +10 -10
  128. package/src/assets/images/message-question-filled.svg +6 -6
  129. package/src/assets/images/message-question.svg +8 -8
  130. package/src/assets/images/message.svg +11 -11
  131. package/src/assets/images/question-circle.svg +24 -24
  132. package/src/assets/images/radio-checked-black.svg +5 -5
  133. package/src/assets/images/redo.svg +7 -7
  134. package/src/assets/images/remove.svg +6 -6
  135. package/src/assets/images/search.svg +11 -11
  136. package/src/assets/images/seat.svg +14 -14
  137. package/src/assets/images/section.svg +8 -8
  138. package/src/assets/images/sendmessage.svg +15 -15
  139. package/src/assets/images/speaker.svg +10 -10
  140. package/src/assets/images/test-archived.svg +12 -12
  141. package/src/assets/images/test-automation.svg +8 -8
  142. package/src/assets/images/test-check.svg +9 -9
  143. package/src/assets/images/test-ended.svg +9 -9
  144. package/src/assets/images/test-failed.svg +10 -10
  145. package/src/assets/images/test-initialized.svg +10 -10
  146. package/src/assets/images/test-locked.svg +15 -15
  147. package/src/assets/images/test-plus.svg +11 -11
  148. package/src/assets/images/test-promoted.svg +9 -9
  149. package/src/assets/images/test-running.svg +9 -9
  150. package/src/assets/images/test-stopped.svg +17 -17
  151. package/src/assets/images/test.svg +8 -8
  152. package/src/assets/images/testcase.svg +10 -10
  153. package/src/assets/images/triangle-centered-down.svg +12 -12
  154. package/src/assets/images/triangle-centered-left.svg +12 -12
  155. package/src/assets/images/triangle-centered-right.svg +12 -12
  156. package/src/assets/images/triangle-centered-up.svg +12 -12
  157. package/src/assets/images/triangle-down.svg +5 -5
  158. package/src/assets/images/triangle-up.svg +5 -5
  159. package/src/assets/images/undo.svg +7 -7
  160. package/src/assets/images/verify-exclamation.svg +11 -11
  161. package/src/assets/scripts/app.js +150 -150
  162. package/src/assets/scripts/modules/colors.js +10 -10
  163. package/src/assets/scripts/modules/echarts_area.js +94 -94
  164. package/src/assets/scripts/modules/echarts_donut.js +85 -85
  165. package/src/assets/scripts/modules/echarts_exampledata.js +105 -105
  166. package/src/assets/scripts/modules/echarts_exampleseries.js +146 -146
  167. package/src/assets/scripts/modules/echarts_gauge.js +74 -74
  168. package/src/assets/scripts/modules/echarts_horizontal.js +80 -80
  169. package/src/assets/scripts/modules/echarts_legend.js +12 -12
  170. package/src/assets/scripts/modules/echarts_vertical.js +80 -80
  171. package/src/assets/stylesheets/app.css +77 -76
  172. package/src/assets/stylesheets/components/actionbar.css +41 -41
  173. package/src/assets/stylesheets/components/alerts.css +50 -50
  174. package/src/assets/stylesheets/components/banner_card.css +56 -56
  175. package/src/assets/stylesheets/components/buttons.css +192 -192
  176. package/src/assets/stylesheets/components/cards.css +148 -148
  177. package/src/assets/stylesheets/components/chat.css +265 -265
  178. package/src/assets/stylesheets/components/checkboxes_radiobuttons.css +173 -173
  179. package/src/assets/stylesheets/components/customer/customer_header.css +97 -97
  180. package/src/assets/stylesheets/components/customer/customer_productcards.css +212 -212
  181. package/src/assets/stylesheets/components/customer/customer_sidebar.css +76 -76
  182. package/src/assets/stylesheets/components/devices.css +77 -83
  183. package/src/assets/stylesheets/components/drawer.css +99 -99
  184. package/src/assets/stylesheets/components/dropdown.css +92 -92
  185. package/src/assets/stylesheets/components/emptystate_message.css +41 -41
  186. package/src/assets/stylesheets/components/form_card.css +20 -20
  187. package/src/assets/stylesheets/components/form_grid.css +11 -11
  188. package/src/assets/stylesheets/components/forms.css +106 -106
  189. package/src/assets/stylesheets/components/header.css +220 -220
  190. package/src/assets/stylesheets/components/iconfont.css +3303 -3303
  191. package/src/assets/stylesheets/components/icons.css +142 -142
  192. package/src/assets/stylesheets/components/images.css +27 -27
  193. package/src/assets/stylesheets/components/layout.css +37 -82
  194. package/src/assets/stylesheets/components/list_item.css +285 -281
  195. package/src/assets/stylesheets/components/lists.css +67 -67
  196. package/src/assets/stylesheets/components/loading_spinner.css +104 -104
  197. package/src/assets/stylesheets/components/manager/manager_header.css +50 -50
  198. package/src/assets/stylesheets/components/manager/manager_sidebar.css +76 -76
  199. package/src/assets/stylesheets/components/markdown_trix_styles.css +200 -200
  200. package/src/assets/stylesheets/components/metasidebar.css +56 -56
  201. package/src/assets/stylesheets/components/metrics.css +12 -12
  202. package/src/assets/stylesheets/components/modals.css +105 -105
  203. package/src/assets/stylesheets/components/notifications.css +154 -154
  204. package/src/assets/stylesheets/components/popover.css +120 -120
  205. package/src/assets/stylesheets/components/progress.css +69 -69
  206. package/src/assets/stylesheets/components/radio_tabs.css +59 -59
  207. package/src/assets/stylesheets/components/reset.css +26 -26
  208. package/src/assets/stylesheets/components/resultmodule.css +132 -132
  209. package/src/assets/stylesheets/components/search.css +110 -110
  210. package/src/assets/stylesheets/components/sections.css +97 -97
  211. package/src/assets/stylesheets/components/select.css +50 -50
  212. package/src/assets/stylesheets/components/select2.css +252 -252
  213. package/src/assets/stylesheets/components/selectable_token.css +223 -223
  214. package/src/assets/stylesheets/components/sidebar.css +480 -480
  215. package/src/assets/stylesheets/components/splitview.css +307 -304
  216. package/src/assets/stylesheets/components/tables.css +108 -108
  217. package/src/assets/stylesheets/components/tabs.css +121 -121
  218. package/src/assets/stylesheets/components/tags.css +28 -28
  219. package/src/assets/stylesheets/components/task_issue_item.css +78 -78
  220. package/src/assets/stylesheets/components/test_header.css +167 -0
  221. package/src/assets/stylesheets/components/test_item.css +89 -89
  222. package/src/assets/stylesheets/components/tester/tester_cards.css +143 -143
  223. package/src/assets/stylesheets/components/tester/tester_header.css +37 -37
  224. package/src/assets/stylesheets/components/tester/tester_sidebar.css +92 -92
  225. package/src/assets/stylesheets/components/toggleswitch.css +118 -118
  226. package/src/assets/stylesheets/components/tom_select.css +186 -186
  227. package/src/assets/stylesheets/components/trix_editor.css +174 -174
  228. package/src/assets/stylesheets/components/typography.css +81 -81
  229. package/src/assets/stylesheets/components/uploads.css +194 -194
  230. package/src/assets/stylesheets/components/user_item.css +57 -57
  231. package/src/assets/stylesheets/designsystem-styles.css +81 -81
  232. package/src/assets/stylesheets/postcss.config.js +16 -16
  233. package/src/assets/stylesheets/tailwind.config.js +331 -331
  234. package/src/humans.txt.njk +10 -10
  235. package/src/index.pug +16 -16
  236. package/src/pages/buttons/block.haml +39 -39
  237. package/src/pages/buttons/buttons-lg.haml +20 -20
  238. package/src/pages/buttons/buttons-sm.haml +41 -41
  239. package/src/pages/buttons/buttons-xl.haml +23 -23
  240. package/src/pages/buttons/buttons.haml +58 -58
  241. package/src/pages/buttons/buttons_input.haml +39 -39
  242. package/src/pages/buttons/dropdown-menu.haml +73 -73
  243. package/src/pages/buttons/index.njk +7 -7
  244. package/src/pages/buttons/info_popover.haml +32 -32
  245. package/src/pages/buttons/link-with-icon.haml +13 -13
  246. package/src/pages/buttons/square-buttons.haml +55 -55
  247. package/src/pages/charts/area.haml +215 -215
  248. package/src/pages/charts/bar_horizontal.haml +335 -335
  249. package/src/pages/charts/bar_vertical.haml +391 -391
  250. package/src/pages/charts/donut.haml +269 -269
  251. package/src/pages/charts/gauge.haml +214 -214
  252. package/src/pages/charts/index.njk +6 -6
  253. package/src/pages/ci.pug +8 -8
  254. package/src/pages/colors.pug +147 -147
  255. package/src/pages/components/alerts.haml +31 -31
  256. package/src/pages/components/banner_cards.haml +45 -45
  257. package/src/pages/components/cards.haml +111 -111
  258. package/src/pages/components/cards_customer.haml +487 -487
  259. package/src/pages/components/cards_fixedwidth.haml +135 -135
  260. package/src/pages/components/cards_iconheader.haml +57 -57
  261. package/src/pages/components/cards_tester.haml +159 -159
  262. package/src/pages/components/chat_window.haml +240 -240
  263. package/src/pages/components/comments_bug_preview.haml +29 -29
  264. package/src/pages/components/comments_chatmessages.haml +229 -229
  265. package/src/pages/components/descriptionlist.haml +47 -47
  266. package/src/pages/components/devices.haml +115 -115
  267. package/src/pages/components/drawer.haml +49 -49
  268. package/src/pages/components/drawer_filter.haml +76 -76
  269. package/src/pages/components/emptystate.haml +15 -15
  270. package/src/pages/components/index.njk +6 -6
  271. package/src/pages/components/issue-item.haml +18 -18
  272. package/src/pages/components/listitem_with_footer.haml +208 -208
  273. package/src/pages/components/listitems.haml +136 -136
  274. package/src/pages/components/listitems_badge.haml +36 -36
  275. package/src/pages/components/listitems_collapsable.haml +117 -117
  276. package/src/pages/components/listitems_nested.haml +50 -50
  277. package/src/pages/components/listitems_selectable.haml +59 -59
  278. package/src/pages/components/listitems_white.haml +82 -82
  279. package/src/pages/components/loading_spinner.haml +11 -11
  280. package/src/pages/components/metasidebar.haml +13 -13
  281. package/src/pages/components/modal_details.haml +68 -68
  282. package/src/pages/components/notification_center.haml +48 -48
  283. package/src/pages/components/notifications.haml +42 -42
  284. package/src/pages/components/profilethumb.haml +27 -27
  285. package/src/pages/components/progress.haml +23 -23
  286. package/src/pages/components/resultmodule.haml +150 -150
  287. package/src/pages/components/resultmodule_testcase.haml +125 -125
  288. package/src/pages/components/section_collapsable.haml +24 -24
  289. package/src/pages/components/splitview_item.haml +111 -111
  290. package/src/pages/components/splitview_item_collapsable.haml +65 -65
  291. package/src/pages/components/tables.haml +57 -57
  292. package/src/pages/components/tables_linked.haml +29 -29
  293. package/src/pages/components/tags.haml +12 -12
  294. package/src/pages/components/task_item.haml +33 -33
  295. package/src/pages/components/test_item.haml +119 -119
  296. package/src/pages/components/tester_levels.haml +70 -70
  297. package/src/pages/components/user_item.haml +49 -49
  298. package/src/pages/examples/layout-actionbar.haml +267 -267
  299. package/src/pages/examples/layout-basic.haml +28 -28
  300. package/src/pages/examples/layout-chat.haml +327 -327
  301. package/src/pages/examples/layout-customer.haml +189 -189
  302. package/src/pages/examples/layout-form-sidebar-actionbar-metasidebar.haml +312 -312
  303. package/src/pages/examples/layout-manager.haml +98 -98
  304. package/src/pages/examples/layout-metasidebar.haml +269 -269
  305. package/src/pages/examples/layout-sidebar-actionbar-metasidebar.haml +308 -308
  306. package/src/pages/examples/layout-sidebar-actionbar.haml +308 -308
  307. package/src/pages/examples/layout-sidebar.haml +296 -296
  308. package/src/pages/examples/layout-tester.haml +105 -105
  309. package/src/pages/examples/splitview-testcases.haml +477 -477
  310. package/src/pages/examples/splitview.haml +389 -389
  311. package/src/pages/forms/checkboxes.haml +64 -64
  312. package/src/pages/forms/checkboxes_devices.haml +45 -45
  313. package/src/pages/forms/form-addon.haml +16 -16
  314. package/src/pages/forms/form-card.haml +36 -36
  315. package/src/pages/forms/form-grid.haml +16 -16
  316. package/src/pages/forms/form_grid_narrow.haml +18 -18
  317. package/src/pages/forms/forms.haml +22 -22
  318. package/src/pages/forms/index.njk +6 -6
  319. package/src/pages/forms/radiobuttons.haml +50 -50
  320. package/src/pages/forms/rating_scale.haml +62 -62
  321. package/src/pages/forms/search.haml +71 -71
  322. package/src/pages/forms/select2.haml +72 -72
  323. package/src/pages/forms/select_native.haml +74 -74
  324. package/src/pages/forms/selectable_token.haml +49 -49
  325. package/src/pages/forms/selectable_token_browsers.haml +66 -66
  326. package/src/pages/forms/selectable_token_lg.haml +49 -49
  327. package/src/pages/forms/selectable_token_xl.haml +49 -49
  328. package/src/pages/forms/textarea.haml +24 -24
  329. package/src/pages/forms/toggle-buttons.haml +94 -94
  330. package/src/pages/forms/toggle-switch.haml +31 -31
  331. package/src/pages/forms/tomselect.haml +76 -76
  332. package/src/pages/forms/trix_editor.pug +10 -10
  333. package/src/pages/forms/uploads.pug +101 -101
  334. package/src/pages/icons/bug-icons.haml +75 -75
  335. package/src/pages/icons/index.njk +83 -83
  336. package/src/pages/icons/marketingicons.haml +15 -15
  337. package/src/pages/icons/status-icons.haml +38 -38
  338. package/src/pages/layout/app_layout.haml +27 -27
  339. package/src/pages/layout/index.njk +6 -6
  340. package/src/pages/layout/max_width.haml +49 -49
  341. package/src/pages/layout/spacing.haml +30 -30
  342. package/src/pages/navigation/header-manager.haml +73 -73
  343. package/src/pages/navigation/header-tester.haml +100 -100
  344. package/src/pages/navigation/header.haml +76 -76
  345. package/src/pages/navigation/header_customer.haml +77 -77
  346. package/src/pages/navigation/header_tester_epam.haml +108 -108
  347. package/src/pages/navigation/index.njk +7 -7
  348. package/src/pages/navigation/product_dropdown.haml +65 -65
  349. package/src/pages/navigation/radio_tabs.haml +22 -22
  350. package/src/pages/navigation/sidebar-manager.haml +46 -46
  351. package/src/pages/navigation/sidebar-tester-elements.haml +105 -105
  352. package/src/pages/navigation/sidebar-tester-seatlimitation.haml +108 -108
  353. package/src/pages/navigation/sidebar-tester.haml +75 -75
  354. package/src/pages/navigation/sidebar.haml +46 -46
  355. package/src/pages/navigation/sidebar_collapsables.haml +136 -136
  356. package/src/pages/navigation/sidebar_customer.haml +146 -146
  357. package/src/pages/navigation/tabnavigation.haml +12 -12
  358. package/src/pages/navigation/tabnavigation_actions.haml +21 -21
  359. package/src/pages/navigation/tabnavigation_pills.haml +12 -12
  360. package/src/pages/navigation/test-header-tester.haml +178 -0
  361. package/src/pages/typography/index.njk +7 -7
  362. package/src/pages/typography/link_with_icon.haml +12 -12
  363. package/src/pages/typography/linked_icon.haml +10 -10
  364. package/src/pages/typography/markdown.md +112 -112
  365. package/src/pages/typography/section_header.haml +25 -25
  366. package/src/pages/typography/section_header_actions.haml +59 -59
  367. package/src/pages/typography/text_with_icon.haml +12 -12
  368. package/src/pages/typography/trix_styles.haml +127 -127
  369. package/src/pages/typography/typography.haml +51 -51
  370. package/src/sitemap.xml.njk +13 -13
  371. package/src/static/app.compiled.css +536 -208
  372. package/src/static/app.compiled.css.map +1 -1
  373. package/src/static/browserconfig.xml +9 -9
  374. package/src/static/site.webmanifest +3 -3
  375. package/utils/collections.js +29 -29
  376. package/utils/filters.js +11 -11
  377. package/utils/markdown.js +9 -9
  378. package/utils/shortcodes.js +6 -6
  379. package/utils/transforms.js +19 -19
  380. package/webpack.config.js +24 -24
package/src/pages/components/cards_customer.haml CHANGED
@@ -1,487 +1,487 @@
1
- ---
2
- tags: components
3
- title: Cards Customer Dashboard
4
- ---
5
-
6
- .grid-productcards
7
- .card.product-card.product-website
8
- .card-header
9
- %a.card-icon{href:""}
10
- .icon.icon-website-lg
11
- .card-info
12
- %a.card-title{href:""}
13
- %h5 Product title
14
- %p No tests have been run yet
15
- .badge-producttype
16
- .icon-sm.icon-website
17
- .card-content
18
- %p We couldn't find any tests here yet
19
- .card-footer
20
- %a.btn.btn-primary.btn-block{href: ""}
21
- %span.icon.icon-explorative.mr-icon-spacing
22
- Card action primary
23
- %details.dropdown-actions.dropright.dropup
24
- %summary
25
- .btn.btn-primary.btn-square
26
- %span.icon.text-icon-default.icon-more
27
- .listitem-more-menu.popover-menu
28
- %a.popover-action
29
- %span.icon.text-icon-default.icon-pencil
30
- Action
31
- %a.popover-action
32
- %span.icon.text-icon-default.icon-duplicate
33
- Action
34
- %a.popover-action
35
- %span.icon.text-icon-default.icon-remove
36
- Action
37
- .card.product-card.product-ios
38
- .card-header
39
- %a.card-icon{href:""}
40
- .icon.icon-devices-ios-lg
41
- .card-info
42
- %a.card-title{href:""}
43
- %h5 Slightly longer Product title
44
- .label-sm
45
- %a{href:""} 1 running tests
46
- %span &nbsp|&nbsp
47
- %a{href:""} 9 open bugs
48
- .badge-producttype
49
- .icon-sm.icon-apple
50
- .card-content
51
- .card-test-item
52
- %a.link-with-icon{href:""}
53
- .icon.icon-test-running
54
- Running test
55
- %span.test-label Coverage
56
- %progress.progress.test-progress{value:"32", max:"100"} 32%
57
- .metrics
58
- %a.link-with-icon{href:""}
59
- .icon.icon-bug
60
- 9
61
- .card-test-item
62
- %a.link-with-icon{href:""}
63
- .icon.icon-test-archived
64
- Archived test
65
- %span.test-label Coverage
66
- .metrics
67
- %a.link-with-icon{href:""}
68
- .icon.icon-bug
69
- 99
70
- .card-footer
71
- %a.btn.btn-primary.btn-block{href: ""}
72
- %span.icon.icon-explorative.mr-icon-spacing
73
- Card action primary
74
- %details.dropdown-actions.dropright.dropup
75
- %summary
76
- .btn.btn-primary.btn-square
77
- %span.icon.text-icon-default.icon-more
78
- .listitem-more-menu.popover-menu
79
- %a.popover-action
80
- %span.icon.text-icon-default.icon-pencil
81
- Action
82
- %a.popover-action
83
- %span.icon.text-icon-default.icon-duplicate
84
- Action
85
- %a.popover-action
86
- %span.icon.text-icon-default.icon-remove
87
- Action
88
- .card.product-card.product-android
89
- .card-header
90
- %a.card-icon{href:""}
91
- .icon.icon-devices-android-lg
92
- .card-info
93
- %a.card-title{href:""}
94
- %h5 Product title with more characters than this product card element can handle with grace and honor while riding a well fed horse into the sunset
95
- .label-sm
96
- %a{href:""} 2 running tests
97
- %span &nbsp|&nbsp
98
- %a{href:""} 18 open bugs
99
- .badge-producttype
100
- .icon-sm.icon-android
101
- .card-content
102
- .card-test-item
103
- %a.link-with-icon{href:""}
104
- .icon.icon-test-running
105
- Running test
106
- %span.test-label Coverage
107
- %progress.progress.test-progress{value:"32", max:"100"} 32%
108
- .metrics
109
- %a.link-with-icon{href:""}
110
- .icon.icon-bug
111
- 9
112
- .card-test-item
113
- %a.link-with-icon{href:""}
114
- .icon.icon-test-running
115
- Running test
116
- %span.test-label Coverage
117
- %progress.progress.test-progress{value:"32", max:"100"} 32%
118
- .metrics
119
- %a.link-with-icon{href:""}
120
- .icon.icon-bug
121
- 9
122
- .card-test-item
123
- %a.link-with-icon{href:""}
124
- .icon.icon-test-archived
125
- Archived test
126
- %span.test-label Coverage
127
- .metrics
128
- %a.link-with-icon{href:""}
129
- .icon.icon-bug
130
- 99
131
- .card-footer
132
- %a.btn.btn-primary.btn-block{href: ""}
133
- %span.icon.icon-explorative.mr-icon-spacing
134
- Card action primary
135
- %details.dropdown-actions.dropright.dropup
136
- %summary
137
- .btn.btn-primary.btn-square
138
- %span.icon.text-icon-default.icon-more
139
- .listitem-more-menu.popover-menu
140
- %a.popover-action
141
- %span.icon.text-icon-default.icon-pencil
142
- Action
143
- %a.popover-action
144
- %span.icon.text-icon-default.icon-duplicate
145
- Action
146
- %a.popover-action
147
- %span.icon.text-icon-default.icon-remove
148
- Action
149
- .card.product-card.product-streaming
150
- .card-header
151
- %a.card-icon{href:""}
152
- .icon.icon-streaming-lg
153
- .card-info
154
- %a.card-title{href:""}
155
- %h5 Product with 1 section
156
- .label-sm
157
- %a{href:""} 1 running tests
158
- %span &nbsp|&nbsp
159
- %a{href:""} 9 open bugs
160
- .badge-producttype
161
- .icon-sm.icon-streaming
162
- .card-section
163
- .card-section-header
164
- .section-info
165
- %a.card-section-title{href:""} Section title
166
- .label-sm
167
- %a{href:""} 1 running tests
168
- %span &nbsp|&nbsp
169
- %a{href:""} 9 open bugs
170
- .card-section-actions
171
- %details.dropdown-actions.dropright
172
- %summary.btn
173
- %span.icon.text-icon-default.icon-more
174
- .listitem-more-menu.popover-menu
175
- %a.popover-action
176
- %span.icon.text-icon-default.icon-pencil
177
- Action
178
- %a.popover-action
179
- %span.icon.text-icon-default.icon-duplicate
180
- Action
181
- %a.popover-action
182
- %span.icon.text-icon-default.icon-remove
183
- Action
184
- .card-section-content
185
- .card-test-item
186
- %a.link-with-icon{href:""}
187
- .icon.icon-test-running
188
- Running test
189
- %span.test-label Coverage
190
- %progress.progress.test-progress{value:"32", max:"100"} 32%
191
- .metrics
192
- %a.link-with-icon{href:""}
193
- .icon.icon-bug
194
- 9
195
- .card-test-item
196
- %a.link-with-icon{href:""}
197
- .icon.icon-test-archived
198
- Archived test
199
- %span.test-label Coverage
200
- .metrics
201
- %a.link-with-icon{href:""}
202
- .icon.icon-bug
203
- 99
204
- .card.product-card.product-gaming
205
- .card-header
206
- %a.card-icon{href:""}
207
- .icon.icon-gaming-lg
208
- .card-info
209
- %a.card-title{href:""}
210
- %h5 Product with 2 sections
211
- .label-sm
212
- %a{href:""} 2 running tests
213
- %span &nbsp|&nbsp
214
- %a{href:""} 9 open bugs
215
- .badge-producttype
216
- .icon-sm.icon-gaming
217
- %details.card-section.green
218
- %summary.card-section-header
219
- .section-info
220
- %a.card-section-title{href:""} Section green
221
- .label-sm
222
- %a{href:""} 1 running tests
223
- %span &nbsp|&nbsp
224
- %a{href:""} 9 open bugs
225
- .card-section-actions
226
- .btn.btn-collapse
227
- %details.dropdown-actions.dropright
228
- %summary.btn
229
- %span.icon.text-icon-default.icon-more
230
- .listitem-more-menu.popover-menu
231
- %a.popover-action
232
- %span.icon.text-icon-default.icon-pencil
233
- Action
234
- %a.popover-action
235
- %span.icon.text-icon-default.icon-duplicate
236
- Action
237
- %a.popover-action
238
- %span.icon.text-icon-default.icon-remove
239
- Action
240
- .card-section-content
241
- .card-test-item
242
- %a.link-with-icon{href:""}
243
- .icon.icon-test-running
244
- Running test
245
- %span.test-label Coverage
246
- %progress.progress.test-progress{value:"32", max:"100"} 32%
247
- .metrics
248
- %a.link-with-icon{href:""}
249
- .icon.icon-bug
250
- 9
251
- .card-test-item
252
- %a.link-with-icon{href:""}
253
- .icon.icon-test-archived
254
- Archived test
255
- %span.test-label Coverage
256
- .metrics
257
- %a.link-with-icon{href:""}
258
- .icon.icon-bug
259
- 99
260
- %details.card-section.orange
261
- %summary.card-section-header
262
- .section-info
263
- %a.card-section-title{href:""} Section orange
264
- .label-sm
265
- %a{href:""} 2 running tests
266
- %span &nbsp|&nbsp
267
- %a{href:""} 9 open bugs
268
- .card-section-actions
269
- .btn.btn-collapse
270
- %details.dropdown-actions.dropright
271
- %summary.btn
272
- %span.icon.text-icon-default.icon-more
273
- .listitem-more-menu.popover-menu
274
- %a.popover-action
275
- %span.icon.text-icon-default.icon-pencil
276
- Action
277
- %a.popover-action
278
- %span.icon.text-icon-default.icon-duplicate
279
- Action
280
- %a.popover-action
281
- %span.icon.text-icon-default.icon-remove
282
- Action
283
- .card-section-content
284
- .card-test-item
285
- %a.link-with-icon{href:""}
286
- .icon.icon-test-running
287
- Running test
288
- %span.test-label Coverage
289
- %progress.progress.test-progress{value:"32", max:"100"} 32%
290
- .metrics
291
- %a.link-with-icon{href:""}
292
- .icon.icon-bug
293
- 9
294
- .card-test-item
295
- %a.link-with-icon{href:""}
296
- .icon.icon-test-archived
297
- Archived test
298
- %span.test-label Coverage
299
- .metrics
300
- %a.link-with-icon{href:""}
301
- .icon.icon-bug
302
- 99
303
- .card.product-card
304
- .card-header
305
- %a.card-icon{href:""}
306
- .icon.icon-website-lg
307
- .card-info
308
- %a.card-title{href:""}
309
- %h5 Product with 4 sections
310
- .label-sm
311
- %a{href:""} 1 running tests
312
- %span &nbsp|&nbsp
313
- %a{href:""} 9 open bugs
314
- .badge-producttype
315
- .icon-sm.icon-website
316
- %details.card-section.yellow
317
- %summary.card-section-header
318
- .section-info
319
- %a.card-section-title{href:""} Section yellow
320
- .label-sm
321
- %a{href:""} 1 running tests
322
- %span &nbsp|&nbsp
323
- %a{href:""} 9 open bugs
324
- .card-section-actions
325
- .btn.btn-collapse
326
- %details.dropdown-actions.dropright
327
- %summary.btn
328
- %span.icon.text-icon-default.icon-more
329
- .listitem-more-menu.popover-menu
330
- %a.popover-action
331
- %span.icon.text-icon-default.icon-pencil
332
- Action
333
- %a.popover-action
334
- %span.icon.text-icon-default.icon-duplicate
335
- Action
336
- %a.popover-action
337
- %span.icon.text-icon-default.icon-remove
338
- Action
339
- .card-section-content
340
- .card-test-item
341
- %a.link-with-icon{href:""}
342
- .icon.icon-test-running
343
- Running test
344
- %span.test-label Coverage
345
- %progress.progress.test-progress{value:"32", max:"100"} 32%
346
- .metrics
347
- %a.link-with-icon{href:""}
348
- .icon.icon-bug
349
- 9
350
- .card-test-item
351
- %a.link-with-icon{href:""}
352
- .icon.icon-test-archived
353
- Archived test
354
- %span.test-label Coverage
355
- .metrics
356
- %a.link-with-icon{href:""}
357
- .icon.icon-bug
358
- 99
359
- %details.card-section.red
360
- %summary.card-section-header
361
- .section-info
362
- %a.card-section-title{href:""} Section red
363
- .label-sm
364
- %a{href:""} 1 running tests
365
- %span &nbsp|&nbsp
366
- %a{href:""} 9 open bugs
367
- .card-section-actions
368
- .btn.btn-collapse
369
- %details.dropdown-actions.dropright
370
- %summary.btn
371
- %span.icon.text-icon-default.icon-more
372
- .listitem-more-menu.popover-menu
373
- %a.popover-action
374
- %span.icon.text-icon-default.icon-pencil
375
- Action
376
- %a.popover-action
377
- %span.icon.text-icon-default.icon-duplicate
378
- Action
379
- %a.popover-action
380
- %span.icon.text-icon-default.icon-remove
381
- Action
382
- .card-section-content
383
- .card-test-item
384
- %a.link-with-icon{href:""}
385
- .icon.icon-test-running
386
- Running test
387
- %span.test-label Coverage
388
- %progress.progress.test-progress{value:"32", max:"100"} 32%
389
- .metrics
390
- %a.link-with-icon{href:""}
391
- .icon.icon-bug
392
- 9
393
- .card-test-item
394
- %a.link-with-icon{href:""}
395
- .icon.icon-test-archived
396
- Archived test
397
- %span.test-label Coverage
398
- .metrics
399
- %a.link-with-icon{href:""}
400
- .icon.icon-bug
401
- 99
402
- %details.card-section.pink
403
- %summary.card-section-header
404
- .section-info
405
- %a.card-section-title{href:""} Section pink
406
- .label-sm
407
- %a{href:""} 1 running tests
408
- %span &nbsp|&nbsp
409
- %a{href:""} 9 open bugs
410
- .card-section-actions
411
- .btn.btn-collapse
412
- %details.dropdown-actions.dropright
413
- %summary.btn
414
- %span.icon.text-icon-default.icon-more
415
- .listitem-more-menu.popover-menu
416
- %a.popover-action
417
- %span.icon.text-icon-default.icon-pencil
418
- Action
419
- %a.popover-action
420
- %span.icon.text-icon-default.icon-duplicate
421
- Action
422
- %a.popover-action
423
- %span.icon.text-icon-default.icon-remove
424
- Action
425
- .card-section-content
426
- .card-test-item
427
- %a.link-with-icon{href:""}
428
- .icon.icon-test-running
429
- Running test
430
- %span.test-label Coverage
431
- %progress.progress.test-progress{value:"32", max:"100"} 32%
432
- .metrics
433
- %a.link-with-icon{href:""}
434
- .icon.icon-bug
435
- 9
436
- .card-test-item
437
- %a.link-with-icon{href:""}
438
- .icon.icon-test-archived
439
- Archived test
440
- %span.test-label Coverage
441
- .metrics
442
- %a.link-with-icon{href:""}
443
- .icon.icon-bug
444
- 99
445
- %details.card-section.purple
446
- %summary.card-section-header
447
- .section-info
448
- %a.card-section-title{href:""} Section purple
449
- .label-sm
450
- %a{href:""} 1 running tests
451
- %span &nbsp|&nbsp
452
- %a{href:""} 9 open bugs
453
- .card-section-actions
454
- .btn.btn-collapse
455
- %details.dropdown-actions.dropright
456
- %summary.btn
457
- %span.icon.text-icon-default.icon-more
458
- .listitem-more-menu.popover-menu
459
- %a.popover-action
460
- %span.icon.text-icon-default.icon-pencil
461
- Action
462
- %a.popover-action
463
- %span.icon.text-icon-default.icon-duplicate
464
- Action
465
- %a.popover-action
466
- %span.icon.text-icon-default.icon-remove
467
- Action
468
- .card-section-content
469
- .card-test-item
470
- %a.link-with-icon{href:""}
471
- .icon.icon-test-running
472
- Running test
473
- %span.test-label Coverage
474
- %progress.progress.test-progress{value:"32", max:"100"} 32%
475
- .metrics
476
- %a.link-with-icon{href:""}
477
- .icon.icon-bug
478
- 9
479
- .card-test-item
480
- %a.link-with-icon{href:""}
481
- .icon.icon-test-archived
482
- Archived test
483
- %span.test-label Coverage
484
- .metrics
485
- %a.link-with-icon{href:""}
486
- .icon.icon-bug
487
- 99
1
+ ---
2
+ tags: components
3
+ title: Cards Customer Dashboard
4
+ ---
5
+
6
+ .grid-productcards
7
+ .card.product-card.product-website
8
+ .card-header
9
+ %a.card-icon{href:""}
10
+ .icon.icon-website-lg
11
+ .card-info
12
+ %a.card-title{href:""}
13
+ %h5 Product title
14
+ %p No tests have been run yet
15
+ .badge-producttype
16
+ .icon-sm.icon-website
17
+ .card-content
18
+ %p We couldn't find any tests here yet
19
+ .card-footer
20
+ %a.btn.btn-primary.btn-block{href: ""}
21
+ %span.icon.icon-explorative.mr-icon-spacing
22
+ Card action primary
23
+ %details.dropdown-actions.dropright.dropup
24
+ %summary
25
+ .btn.btn-primary.btn-square
26
+ %span.icon.text-icon-default.icon-more
27
+ .listitem-more-menu.popover-menu
28
+ %a.popover-action
29
+ %span.icon.text-icon-default.icon-pencil
30
+ Action
31
+ %a.popover-action
32
+ %span.icon.text-icon-default.icon-duplicate
33
+ Action
34
+ %a.popover-action
35
+ %span.icon.text-icon-default.icon-remove
36
+ Action
37
+ .card.product-card.product-ios
38
+ .card-header
39
+ %a.card-icon{href:""}
40
+ .icon.icon-devices-ios-lg
41
+ .card-info
42
+ %a.card-title{href:""}
43
+ %h5 Slightly longer Product title
44
+ .label-sm
45
+ %a{href:""} 1 running tests
46
+ %span &nbsp|&nbsp
47
+ %a{href:""} 9 open bugs
48
+ .badge-producttype
49
+ .icon-sm.icon-apple
50
+ .card-content
51
+ .card-test-item
52
+ %a.link-with-icon{href:""}
53
+ .icon.icon-test-running
54
+ Running test
55
+ %span.test-label Coverage
56
+ %progress.progress.test-progress{value:"32", max:"100"} 32%
57
+ .metrics
58
+ %a.link-with-icon{href:""}
59
+ .icon.icon-bug
60
+ 9
61
+ .card-test-item
62
+ %a.link-with-icon{href:""}
63
+ .icon.icon-test-archived
64
+ Archived test
65
+ %span.test-label Coverage
66
+ .metrics
67
+ %a.link-with-icon{href:""}
68
+ .icon.icon-bug
69
+ 99
70
+ .card-footer
71
+ %a.btn.btn-primary.btn-block{href: ""}
72
+ %span.icon.icon-explorative.mr-icon-spacing
73
+ Card action primary
74
+ %details.dropdown-actions.dropright.dropup
75
+ %summary
76
+ .btn.btn-primary.btn-square
77
+ %span.icon.text-icon-default.icon-more
78
+ .listitem-more-menu.popover-menu
79
+ %a.popover-action
80
+ %span.icon.text-icon-default.icon-pencil
81
+ Action
82
+ %a.popover-action
83
+ %span.icon.text-icon-default.icon-duplicate
84
+ Action
85
+ %a.popover-action
86
+ %span.icon.text-icon-default.icon-remove
87
+ Action
88
+ .card.product-card.product-android
89
+ .card-header
90
+ %a.card-icon{href:""}
91
+ .icon.icon-devices-android-lg
92
+ .card-info
93
+ %a.card-title{href:""}
94
+ %h5 Product title with more characters than this product card element can handle with grace and honor while riding a well fed horse into the sunset
95
+ .label-sm
96
+ %a{href:""} 2 running tests
97
+ %span &nbsp|&nbsp
98
+ %a{href:""} 18 open bugs
99
+ .badge-producttype
100
+ .icon-sm.icon-android
101
+ .card-content
102
+ .card-test-item
103
+ %a.link-with-icon{href:""}
104
+ .icon.icon-test-running
105
+ Running test
106
+ %span.test-label Coverage
107
+ %progress.progress.test-progress{value:"32", max:"100"} 32%
108
+ .metrics
109
+ %a.link-with-icon{href:""}
110
+ .icon.icon-bug
111
+ 9
112
+ .card-test-item
113
+ %a.link-with-icon{href:""}
114
+ .icon.icon-test-running
115
+ Running test
116
+ %span.test-label Coverage
117
+ %progress.progress.test-progress{value:"32", max:"100"} 32%
118
+ .metrics
119
+ %a.link-with-icon{href:""}
120
+ .icon.icon-bug
121
+ 9
122
+ .card-test-item
123
+ %a.link-with-icon{href:""}
124
+ .icon.icon-test-archived
125
+ Archived test
126
+ %span.test-label Coverage
127
+ .metrics
128
+ %a.link-with-icon{href:""}
129
+ .icon.icon-bug
130
+ 99
131
+ .card-footer
132
+ %a.btn.btn-primary.btn-block{href: ""}
133
+ %span.icon.icon-explorative.mr-icon-spacing
134
+ Card action primary
135
+ %details.dropdown-actions.dropright.dropup
136
+ %summary
137
+ .btn.btn-primary.btn-square
138
+ %span.icon.text-icon-default.icon-more
139
+ .listitem-more-menu.popover-menu
140
+ %a.popover-action
141
+ %span.icon.text-icon-default.icon-pencil
142
+ Action
143
+ %a.popover-action
144
+ %span.icon.text-icon-default.icon-duplicate
145
+ Action
146
+ %a.popover-action
147
+ %span.icon.text-icon-default.icon-remove
148
+ Action
149
+ .card.product-card.product-streaming
150
+ .card-header
151
+ %a.card-icon{href:""}
152
+ .icon.icon-streaming-lg
153
+ .card-info
154
+ %a.card-title{href:""}
155
+ %h5 Product with 1 section
156
+ .label-sm
157
+ %a{href:""} 1 running tests
158
+ %span &nbsp|&nbsp
159
+ %a{href:""} 9 open bugs
160
+ .badge-producttype
161
+ .icon-sm.icon-streaming
162
+ .card-section
163
+ .card-section-header
164
+ .section-info
165
+ %a.card-section-title{href:""} Section title
166
+ .label-sm
167
+ %a{href:""} 1 running tests
168
+ %span &nbsp|&nbsp
169
+ %a{href:""} 9 open bugs
170
+ .card-section-actions
171
+ %details.dropdown-actions.dropright
172
+ %summary.btn
173
+ %span.icon.text-icon-default.icon-more
174
+ .listitem-more-menu.popover-menu
175
+ %a.popover-action
176
+ %span.icon.text-icon-default.icon-pencil
177
+ Action
178
+ %a.popover-action
179
+ %span.icon.text-icon-default.icon-duplicate
180
+ Action
181
+ %a.popover-action
182
+ %span.icon.text-icon-default.icon-remove
183
+ Action
184
+ .card-section-content
185
+ .card-test-item
186
+ %a.link-with-icon{href:""}
187
+ .icon.icon-test-running
188
+ Running test
189
+ %span.test-label Coverage
190
+ %progress.progress.test-progress{value:"32", max:"100"} 32%
191
+ .metrics
192
+ %a.link-with-icon{href:""}
193
+ .icon.icon-bug
194
+ 9
195
+ .card-test-item
196
+ %a.link-with-icon{href:""}
197
+ .icon.icon-test-archived
198
+ Archived test
199
+ %span.test-label Coverage
200
+ .metrics
201
+ %a.link-with-icon{href:""}
202
+ .icon.icon-bug
203
+ 99
204
+ .card.product-card.product-gaming
205
+ .card-header
206
+ %a.card-icon{href:""}
207
+ .icon.icon-gaming-lg
208
+ .card-info
209
+ %a.card-title{href:""}
210
+ %h5 Product with 2 sections
211
+ .label-sm
212
+ %a{href:""} 2 running tests
213
+ %span &nbsp|&nbsp
214
+ %a{href:""} 9 open bugs
215
+ .badge-producttype
216
+ .icon-sm.icon-gaming
217
+ %details.card-section.green
218
+ %summary.card-section-header
219
+ .section-info
220
+ %a.card-section-title{href:""} Section green
221
+ .label-sm
222
+ %a{href:""} 1 running tests
223
+ %span &nbsp|&nbsp
224
+ %a{href:""} 9 open bugs
225
+ .card-section-actions
226
+ .btn.btn-collapse
227
+ %details.dropdown-actions.dropright
228
+ %summary.btn
229
+ %span.icon.text-icon-default.icon-more
230
+ .listitem-more-menu.popover-menu
231
+ %a.popover-action
232
+ %span.icon.text-icon-default.icon-pencil
233
+ Action
234
+ %a.popover-action
235
+ %span.icon.text-icon-default.icon-duplicate
236
+ Action
237
+ %a.popover-action
238
+ %span.icon.text-icon-default.icon-remove
239
+ Action
240
+ .card-section-content
241
+ .card-test-item
242
+ %a.link-with-icon{href:""}
243
+ .icon.icon-test-running
244
+ Running test
245
+ %span.test-label Coverage
246
+ %progress.progress.test-progress{value:"32", max:"100"} 32%
247
+ .metrics
248
+ %a.link-with-icon{href:""}
249
+ .icon.icon-bug
250
+ 9
251
+ .card-test-item
252
+ %a.link-with-icon{href:""}
253
+ .icon.icon-test-archived
254
+ Archived test
255
+ %span.test-label Coverage
256
+ .metrics
257
+ %a.link-with-icon{href:""}
258
+ .icon.icon-bug
259
+ 99
260
+ %details.card-section.orange
261
+ %summary.card-section-header
262
+ .section-info
263
+ %a.card-section-title{href:""} Section orange
264
+ .label-sm
265
+ %a{href:""} 2 running tests
266
+ %span &nbsp|&nbsp
267
+ %a{href:""} 9 open bugs
268
+ .card-section-actions
269
+ .btn.btn-collapse
270
+ %details.dropdown-actions.dropright
271
+ %summary.btn
272
+ %span.icon.text-icon-default.icon-more
273
+ .listitem-more-menu.popover-menu
274
+ %a.popover-action
275
+ %span.icon.text-icon-default.icon-pencil
276
+ Action
277
+ %a.popover-action
278
+ %span.icon.text-icon-default.icon-duplicate
279
+ Action
280
+ %a.popover-action
281
+ %span.icon.text-icon-default.icon-remove
282
+ Action
283
+ .card-section-content
284
+ .card-test-item
285
+ %a.link-with-icon{href:""}
286
+ .icon.icon-test-running
287
+ Running test
288
+ %span.test-label Coverage
289
+ %progress.progress.test-progress{value:"32", max:"100"} 32%
290
+ .metrics
291
+ %a.link-with-icon{href:""}
292
+ .icon.icon-bug
293
+ 9
294
+ .card-test-item
295
+ %a.link-with-icon{href:""}
296
+ .icon.icon-test-archived
297
+ Archived test
298
+ %span.test-label Coverage
299
+ .metrics
300
+ %a.link-with-icon{href:""}
301
+ .icon.icon-bug
302
+ 99
303
+ .card.product-card
304
+ .card-header
305
+ %a.card-icon{href:""}
306
+ .icon.icon-website-lg
307
+ .card-info
308
+ %a.card-title{href:""}
309
+ %h5 Product with 4 sections
310
+ .label-sm
311
+ %a{href:""} 1 running tests
312
+ %span &nbsp|&nbsp
313
+ %a{href:""} 9 open bugs
314
+ .badge-producttype
315
+ .icon-sm.icon-website
316
+ %details.card-section.yellow
317
+ %summary.card-section-header
318
+ .section-info
319
+ %a.card-section-title{href:""} Section yellow
320
+ .label-sm
321
+ %a{href:""} 1 running tests
322
+ %span &nbsp|&nbsp
323
+ %a{href:""} 9 open bugs
324
+ .card-section-actions
325
+ .btn.btn-collapse
326
+ %details.dropdown-actions.dropright
327
+ %summary.btn
328
+ %span.icon.text-icon-default.icon-more
329
+ .listitem-more-menu.popover-menu
330
+ %a.popover-action
331
+ %span.icon.text-icon-default.icon-pencil
332
+ Action
333
+ %a.popover-action
334
+ %span.icon.text-icon-default.icon-duplicate
335
+ Action
336
+ %a.popover-action
337
+ %span.icon.text-icon-default.icon-remove
338
+ Action
339
+ .card-section-content
340
+ .card-test-item
341
+ %a.link-with-icon{href:""}
342
+ .icon.icon-test-running
343
+ Running test
344
+ %span.test-label Coverage
345
+ %progress.progress.test-progress{value:"32", max:"100"} 32%
346
+ .metrics
347
+ %a.link-with-icon{href:""}
348
+ .icon.icon-bug
349
+ 9
350
+ .card-test-item
351
+ %a.link-with-icon{href:""}
352
+ .icon.icon-test-archived
353
+ Archived test
354
+ %span.test-label Coverage
355
+ .metrics
356
+ %a.link-with-icon{href:""}
357
+ .icon.icon-bug
358
+ 99
359
+ %details.card-section.red
360
+ %summary.card-section-header
361
+ .section-info
362
+ %a.card-section-title{href:""} Section red
363
+ .label-sm
364
+ %a{href:""} 1 running tests
365
+ %span &nbsp|&nbsp
366
+ %a{href:""} 9 open bugs
367
+ .card-section-actions
368
+ .btn.btn-collapse
369
+ %details.dropdown-actions.dropright
370
+ %summary.btn
371
+ %span.icon.text-icon-default.icon-more
372
+ .listitem-more-menu.popover-menu
373
+ %a.popover-action
374
+ %span.icon.text-icon-default.icon-pencil
375
+ Action
376
+ %a.popover-action
377
+ %span.icon.text-icon-default.icon-duplicate
378
+ Action
379
+ %a.popover-action
380
+ %span.icon.text-icon-default.icon-remove
381
+ Action
382
+ .card-section-content
383
+ .card-test-item
384
+ %a.link-with-icon{href:""}
385
+ .icon.icon-test-running
386
+ Running test
387
+ %span.test-label Coverage
388
+ %progress.progress.test-progress{value:"32", max:"100"} 32%
389
+ .metrics
390
+ %a.link-with-icon{href:""}
391
+ .icon.icon-bug
392
+ 9
393
+ .card-test-item
394
+ %a.link-with-icon{href:""}
395
+ .icon.icon-test-archived
396
+ Archived test
397
+ %span.test-label Coverage
398
+ .metrics
399
+ %a.link-with-icon{href:""}
400
+ .icon.icon-bug
401
+ 99
402
+ %details.card-section.pink
403
+ %summary.card-section-header
404
+ .section-info
405
+ %a.card-section-title{href:""} Section pink
406
+ .label-sm
407
+ %a{href:""} 1 running tests
408
+ %span &nbsp|&nbsp
409
+ %a{href:""} 9 open bugs
410
+ .card-section-actions
411
+ .btn.btn-collapse
412
+ %details.dropdown-actions.dropright
413
+ %summary.btn
414
+ %span.icon.text-icon-default.icon-more
415
+ .listitem-more-menu.popover-menu
416
+ %a.popover-action
417
+ %span.icon.text-icon-default.icon-pencil
418
+ Action
419
+ %a.popover-action
420
+ %span.icon.text-icon-default.icon-duplicate
421
+ Action
422
+ %a.popover-action
423
+ %span.icon.text-icon-default.icon-remove
424
+ Action
425
+ .card-section-content
426
+ .card-test-item
427
+ %a.link-with-icon{href:""}
428
+ .icon.icon-test-running
429
+ Running test
430
+ %span.test-label Coverage
431
+ %progress.progress.test-progress{value:"32", max:"100"} 32%
432
+ .metrics
433
+ %a.link-with-icon{href:""}
434
+ .icon.icon-bug
435
+ 9
436
+ .card-test-item
437
+ %a.link-with-icon{href:""}
438
+ .icon.icon-test-archived
439
+ Archived test
440
+ %span.test-label Coverage
441
+ .metrics
442
+ %a.link-with-icon{href:""}
443
+ .icon.icon-bug
444
+ 99
445
+ %details.card-section.purple
446
+ %summary.card-section-header
447
+ .section-info
448
+ %a.card-section-title{href:""} Section purple
449
+ .label-sm
450
+ %a{href:""} 1 running tests
451
+ %span &nbsp|&nbsp
452
+ %a{href:""} 9 open bugs
453
+ .card-section-actions
454
+ .btn.btn-collapse
455
+ %details.dropdown-actions.dropright
456
+ %summary.btn
457
+ %span.icon.text-icon-default.icon-more
458
+ .listitem-more-menu.popover-menu
459
+ %a.popover-action
460
+ %span.icon.text-icon-default.icon-pencil
461
+ Action
462
+ %a.popover-action
463
+ %span.icon.text-icon-default.icon-duplicate
464
+ Action
465
+ %a.popover-action
466
+ %span.icon.text-icon-default.icon-remove
467
+ Action
468
+ .card-section-content
469
+ .card-test-item
470
+ %a.link-with-icon{href:""}
471
+ .icon.icon-test-running
472
+ Running test
473
+ %span.test-label Coverage
474
+ %progress.progress.test-progress{value:"32", max:"100"} 32%
475
+ .metrics
476
+ %a.link-with-icon{href:""}
477
+ .icon.icon-bug
478
+ 9
479
+ .card-test-item
480
+ %a.link-with-icon{href:""}
481
+ .icon.icon-test-archived
482
+ Archived test
483
+ %span.test-label Coverage
484
+ .metrics
485
+ %a.link-with-icon{href:""}
486
+ .icon.icon-bug
487
+ 99