testio-tailwind 0.2.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 -77
  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 -77
  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 -285
  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 -96
  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 -307
  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 -167
  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 +177 -177
  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 +159 -197
  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/navigation/header-manager.haml CHANGED
@@ -1,74 +1,74 @@
1
- ---
2
- tags: navigation
3
- title: Header - Manager
4
- ---
5
-
6
- %nav.header.manager
7
- .navlinks.logo-wrapper
8
- %a.navlink.header-logo{href:'#'}
9
- .navlinks.left
10
- %a.navlink.active{href:'#'}
11
- %span.navlink-badge.icon.icon-home
12
- %span Navlink active
13
- %a.navlink{href:'#'} Navlink
14
- %a.navlink{href:'#'}
15
- %span.icon.icon-check-circle-filled
16
- %span Navlink
17
- %details.header-dropdown
18
- %summary.navlink Collapsable
19
- .dropdown-menu
20
- %a.navlink{href:'#', role:'menuitem'}
21
- %span.icon.icon-user
22
- Dropdown-item
23
- %a.navlink{href:'#', role:'menuitem'}
24
- %span.icon.icon-cog
25
- Dropdown-item
26
- %a.navlink{href:'#', role:'menuitem'}
27
- %span.icon.icon-shutdown
28
- Dropdown-item with a longer text to see how things break and behave
29
- %details.mobile-links
30
- %summary.mobile-menu-btn
31
- .navlink
32
- %span.sr-only Open main menu
33
- %span.icon.icon-menu{ariahidden:'true'}
34
- .mobile-menu.sidebar
35
- %a.navlink.active{href:'#'}
36
- %span.navlink-badge.icon.icon-home
37
- %span Navlink active
38
- %a.navlink{href:'#'}
39
- %span.navlink-badge.icon.icon-plus
40
- %span Add project
41
- %details
42
- %summary.navlink
43
- %span.icon.icon-product
44
- Collapsable
45
- %a.navlink{href:'#'}
46
- %span.icon.icon-test
47
- Navlink child
48
- %a.navlink{href:'#'}
49
- %span.icon.icon-test
50
- Navlink child
51
- %a.navlink{href:'#'}
52
- %span.icon.icon-test
53
- Navlink child
54
- %a.navlink.active{href:'#'}
55
- %span.icon.icon-test
56
- Active child
57
- .navlinks.right
58
- %details.header-dropdown.user-menu
59
- %summary.btn-profile.navlink
60
- %span.sr-only Open user menu
61
- %img.user-profile{src:'/assets/images/placeholders/profile_supergirl.png', alt:''}
62
- .user-details
63
- .profile-role Admin
64
- .profile-name Anja Berger
65
- .dropdown-menu.profile-dropdown{role:'menu', ariaorientation:'vertical', arialabelledby:'user-menu'}
66
- %a.navlink{href:'#', role:'menuitem'}
67
- %span.icon.icon-user
68
- Your Profile
69
- %a.navlink{href:'#', role:'menuitem'}
70
- %span.icon.icon-cog
71
- Settings
72
- %a.navlink{href:'#', role:'menuitem'}
73
- %span.icon.icon-shutdown
1
+ ---
2
+ tags: navigation
3
+ title: Header - Manager
4
+ ---
5
+
6
+ %nav.header.manager
7
+ .navlinks.logo-wrapper
8
+ %a.navlink.header-logo{href:'#'}
9
+ .navlinks.left
10
+ %a.navlink.active{href:'#'}
11
+ %span.navlink-badge.icon.icon-home
12
+ %span Navlink active
13
+ %a.navlink{href:'#'} Navlink
14
+ %a.navlink{href:'#'}
15
+ %span.icon.icon-check-circle-filled
16
+ %span Navlink
17
+ %details.header-dropdown
18
+ %summary.navlink Collapsable
19
+ .dropdown-menu
20
+ %a.navlink{href:'#', role:'menuitem'}
21
+ %span.icon.icon-user
22
+ Dropdown-item
23
+ %a.navlink{href:'#', role:'menuitem'}
24
+ %span.icon.icon-cog
25
+ Dropdown-item
26
+ %a.navlink{href:'#', role:'menuitem'}
27
+ %span.icon.icon-shutdown
28
+ Dropdown-item with a longer text to see how things break and behave
29
+ %details.mobile-links
30
+ %summary.mobile-menu-btn
31
+ .navlink
32
+ %span.sr-only Open main menu
33
+ %span.icon.icon-menu{ariahidden:'true'}
34
+ .mobile-menu.sidebar
35
+ %a.navlink.active{href:'#'}
36
+ %span.navlink-badge.icon.icon-home
37
+ %span Navlink active
38
+ %a.navlink{href:'#'}
39
+ %span.navlink-badge.icon.icon-plus
40
+ %span Add project
41
+ %details
42
+ %summary.navlink
43
+ %span.icon.icon-product
44
+ Collapsable
45
+ %a.navlink{href:'#'}
46
+ %span.icon.icon-test
47
+ Navlink child
48
+ %a.navlink{href:'#'}
49
+ %span.icon.icon-test
50
+ Navlink child
51
+ %a.navlink{href:'#'}
52
+ %span.icon.icon-test
53
+ Navlink child
54
+ %a.navlink.active{href:'#'}
55
+ %span.icon.icon-test
56
+ Active child
57
+ .navlinks.right
58
+ %details.header-dropdown.user-menu
59
+ %summary.btn-profile.navlink
60
+ %span.sr-only Open user menu
61
+ %img.user-profile{src:'/assets/images/placeholders/profile_supergirl.png', alt:''}
62
+ .user-details
63
+ .profile-role Admin
64
+ .profile-name Anja Berger
65
+ .dropdown-menu.profile-dropdown{role:'menu', ariaorientation:'vertical', arialabelledby:'user-menu'}
66
+ %a.navlink{href:'#', role:'menuitem'}
67
+ %span.icon.icon-user
68
+ Your Profile
69
+ %a.navlink{href:'#', role:'menuitem'}
70
+ %span.icon.icon-cog
71
+ Settings
72
+ %a.navlink{href:'#', role:'menuitem'}
73
+ %span.icon.icon-shutdown
74
74
  Sign out
package/src/pages/navigation/header-tester.haml CHANGED
@@ -1,100 +1,100 @@
1
- ---
2
- tags: navigation
3
- title: Header - Tester
4
- ---
5
-
6
- %nav.header.tester
7
- .navlinks.logo-wrapper
8
- %a.navlink.header-logo{href:'#'}
9
- .navlinks.left
10
- %a.navlink.responsive-label.active{href:'#'}
11
- %span.icon.icon-user-profile
12
- %span Your profile
13
- %a.navlink.responsive-label{href:'#'}
14
- %span.icon.icon-activity
15
- %span Activity
16
- %a.navlink.responsive-label{href:'#'}
17
- %span.icon.icon-devices
18
- %span Devices
19
- %a.navlink.responsive-label{href:'#'}
20
- %span.icon.icon-billing
21
- %span Billing
22
- %a.navlink.responsive-label{href:'#'}
23
- %span.icon.icon-academy
24
- %span Learn
25
- %details.mobile-links
26
- %summary.mobile-menu-btn
27
- .navlink
28
- %span.sr-only Open main menu
29
- %span.icon.icon-menu{ariahidden:'true'}
30
- .mobile-menu.sidebar
31
- .profilepicture-wrapper
32
- %details.profilepicture-actions
33
- %summary
34
- %img.testerlevel-medal{src:'/assets/images/testerlevel-medals/medal_testerlevel_1_md.png', alt:''}
35
- %img.profilepicture{src:'/assets/images/placeholders/profile_supergirl.png', alt:''}
36
- .popover-menu
37
- %a.popover-action{href:'#'}
38
- %span.icon.text-icon-default.icon-cloud-upload.mr-icon-spacing
39
- Upload picture
40
- %a.popover-action{href:'#'}
41
- %span.icon.text-icon-default.icon-remove.mr-icon-spacing
42
- Remove picture
43
- .sidebar-title Anja Berger
44
- .navlinks
45
- %a.navlink{href:'#'}
46
- %span.icon.icon-home
47
- Dashboard
48
- %a.navlink{href:'#'}
49
- %span.icon.icon-ranking
50
- Ranking
51
- .sidebar-divider
52
- %a.navlink{href:'#'}
53
- %span.icon.icon-user-profile
54
- Your profile
55
- %a.navlink{href:'#'}
56
- %span.icon.icon-activity
57
- Activity
58
- %a.navlink{href:'#'}
59
- %span.icon.icon-devices
60
- Devices
61
- %a.navlink{href:'#'}
62
- %span.icon.icon-billing
63
- Billing
64
- .navlinks.right
65
- %a.navlink.hidden-lg-down{href:'#'}
66
- %span.icon.icon-user-outline-plus
67
- %a.navlink.hidden-xs-down{href:'#'}
68
- %span.icon.icon-chat
69
- %span 99
70
- %a.navlink{href:'#'}
71
- %span.icon.icon-bell
72
- %span 99
73
- %a.navlink.hidden-xs-down{href:'#'}
74
- %span.icon.icon-search
75
- %details.header-dropdown.user-menu
76
- %summary.btn-profile.navlink
77
- %span.sr-only Open user menu
78
- %img.user-profile{src:'/assets/images/placeholders/profile_supergirl.png', alt:''}
79
- .user-details
80
- .profile-role Tester
81
- .profile-name Anja Berger
82
- .dropdown-menu.profile-dropdown{role:'menu', ariaorientation:'vertical', arialabelledby:'user-menu'}
83
- %a.dropdown-link.hidden-sm-up{href:'#', role:'menuitem'}
84
- %span.icon.icon-user-outline-plus
85
- Refer a tester
86
- %a.dropdown-link.hidden-sm-up{href:'#', role:'menuitem'}
87
- %span.icon.icon-chat
88
- Chat 99
89
- %a.dropdown-link.hidden-sm-up{href:'#', role:'menuitem'}
90
- %span.icon.icon-academy
91
- Onboarding 99
92
- %a.dropdown-link.hidden-sm-up{href:'#', role:'menuitem'}
93
- %span.icon.icon-search
94
- Search
95
- %a.dropdown-link{href:'#', role:'menuitem'}
96
- %span.icon.icon-cog
97
- Settings
98
- %a.dropdown-link{href:'#', role:'menuitem'}
99
- %span.icon.icon-shutdown
100
- Sign out
1
+ ---
2
+ tags: navigation
3
+ title: Header - Tester
4
+ ---
5
+
6
+ %nav.header.tester
7
+ .navlinks.logo-wrapper
8
+ %a.navlink.header-logo{href:'#'}
9
+ .navlinks.left
10
+ %a.navlink.responsive-label.active{href:'#'}
11
+ %span.icon.icon-user-profile
12
+ %span Your profile
13
+ %a.navlink.responsive-label{href:'#'}
14
+ %span.icon.icon-activity
15
+ %span Activity
16
+ %a.navlink.responsive-label{href:'#'}
17
+ %span.icon.icon-devices
18
+ %span Devices
19
+ %a.navlink.responsive-label{href:'#'}
20
+ %span.icon.icon-billing
21
+ %span Billing
22
+ %a.navlink.responsive-label{href:'#'}
23
+ %span.icon.icon-academy
24
+ %span Learn
25
+ %details.mobile-links
26
+ %summary.mobile-menu-btn
27
+ .navlink
28
+ %span.sr-only Open main menu
29
+ %span.icon.icon-menu{ariahidden:'true'}
30
+ .mobile-menu.sidebar
31
+ .profilepicture-wrapper
32
+ %details.profilepicture-actions
33
+ %summary
34
+ %img.testerlevel-medal{src:'/assets/images/testerlevel-medals/medal_testerlevel_1_md.png', alt:''}
35
+ %img.profilepicture{src:'/assets/images/placeholders/profile_supergirl.png', alt:''}
36
+ .popover-menu
37
+ %a.popover-action{href:'#'}
38
+ %span.icon.text-icon-default.icon-cloud-upload.mr-icon-spacing
39
+ Upload picture
40
+ %a.popover-action{href:'#'}
41
+ %span.icon.text-icon-default.icon-remove.mr-icon-spacing
42
+ Remove picture
43
+ .sidebar-title Anja Berger
44
+ .navlinks
45
+ %a.navlink{href:'#'}
46
+ %span.icon.icon-home
47
+ Dashboard
48
+ %a.navlink{href:'#'}
49
+ %span.icon.icon-ranking
50
+ Ranking
51
+ .sidebar-divider
52
+ %a.navlink{href:'#'}
53
+ %span.icon.icon-user-profile
54
+ Your profile
55
+ %a.navlink{href:'#'}
56
+ %span.icon.icon-activity
57
+ Activity
58
+ %a.navlink{href:'#'}
59
+ %span.icon.icon-devices
60
+ Devices
61
+ %a.navlink{href:'#'}
62
+ %span.icon.icon-billing
63
+ Billing
64
+ .navlinks.right
65
+ %a.navlink.hidden-lg-down{href:'#'}
66
+ %span.icon.icon-user-outline-plus
67
+ %a.navlink.hidden-xs-down{href:'#'}
68
+ %span.icon.icon-chat
69
+ %span 99
70
+ %a.navlink{href:'#'}
71
+ %span.icon.icon-bell
72
+ %span 99
73
+ %a.navlink.hidden-xs-down{href:'#'}
74
+ %span.icon.icon-search
75
+ %details.header-dropdown.user-menu
76
+ %summary.btn-profile.navlink
77
+ %span.sr-only Open user menu
78
+ %img.user-profile{src:'/assets/images/placeholders/profile_supergirl.png', alt:''}
79
+ .user-details
80
+ .profile-role Tester
81
+ .profile-name Anja Berger
82
+ .dropdown-menu.profile-dropdown{role:'menu', ariaorientation:'vertical', arialabelledby:'user-menu'}
83
+ %a.dropdown-link.hidden-sm-up{href:'#', role:'menuitem'}
84
+ %span.icon.icon-user-outline-plus
85
+ Refer a tester
86
+ %a.dropdown-link.hidden-sm-up{href:'#', role:'menuitem'}
87
+ %span.icon.icon-chat
88
+ Chat 99
89
+ %a.dropdown-link.hidden-sm-up{href:'#', role:'menuitem'}
90
+ %span.icon.icon-academy
91
+ Onboarding 99
92
+ %a.dropdown-link.hidden-sm-up{href:'#', role:'menuitem'}
93
+ %span.icon.icon-search
94
+ Search
95
+ %a.dropdown-link{href:'#', role:'menuitem'}
96
+ %span.icon.icon-cog
97
+ Settings
98
+ %a.dropdown-link{href:'#', role:'menuitem'}
99
+ %span.icon.icon-shutdown
100
+ Sign out
package/src/pages/navigation/header.haml CHANGED
@@ -1,76 +1,76 @@
1
- ---
2
- tags: navigation
3
- title: Header
4
- ---
5
-
6
- %nav.header
7
- .navlinks.logo-wrapper
8
- %a.navlink.header-logo{href:'#'}
9
- .navlinks.left
10
- %a.navlink.active{href:'#'} Navlink active
11
- %a.navlink{href:'#'} Navlink
12
- %a.navlink{href:'#'}
13
- %span.icon.icon-check-circle-filled
14
- %span Navlink
15
- %details.header-dropdown
16
- %summary.navlink Collapsable
17
- .dropdown-menu
18
- %a.navlink{href:'#', role:'menuitem'}
19
- %span.icon.icon-user
20
- Dropdown-item
21
- %a.navlink{href:'#', role:'menuitem'}
22
- %span.icon.icon-cog
23
- Dropdown-item
24
- %a.navlink{href:'#', role:'menuitem'}
25
- %span.icon.icon-shutdown
26
- Dropdown-item with a longer text to see how things break and behave
27
- %a.navlink.responsive-label{href:'#'}
28
- %span.icon.icon-check-circle-filled
29
- %span Responsive label
30
- %details.mobile-links
31
- %summary.mobile-menu-btn
32
- .navlink
33
- %span.sr-only Open main menu
34
- %span.icon.icon-menu{ariahidden:'true'}
35
- .mobile-menu.sidebar
36
- %a.navlink.active{href:'#'}
37
- %span.navlink-badge.icon.icon-home
38
- Navlink active
39
- %a.navlink{href:'#'}
40
- %span.navlink-badge.icon.icon-plus
41
- Add project
42
- %details
43
- %summary.navlink
44
- %span.icon.icon-product
45
- Collapsable
46
- %a.navlink{href:'#'}
47
- %span.icon.icon-test
48
- Navlink child
49
- %a.navlink{href:'#'}
50
- %span.icon.icon-test
51
- Navlink child
52
- %a.navlink{href:'#'}
53
- %span.icon.icon-test
54
- Navlink child
55
- %a.navlink.active{href:'#'}
56
- %span.icon.icon-test
57
- Active child
58
- .navlinks.right
59
- %details.header-dropdown.user-menu
60
- %summary.btn-profile.navlink
61
- %span.sr-only Open user menu
62
- %img.user-profile{src:'/assets/images/placeholders/profile_supergirl.png', alt:''}
63
- .user-details
64
- .profile-role Admin
65
- .profile-name Anja Berger
66
- .dropdown-menu.profile-dropdown{role:'menu', ariaorientation:'vertical', arialabelledby:'user-menu'}
67
- %a.dropdown-link{href:'#', role:'menuitem'}
68
- %span.icon.icon-user
69
- Your Profile
70
- %a.dropdown-link{href:'#', role:'menuitem'}
71
- %span.icon.icon-cog
72
- Settings
73
- %a.dropdown-link{href:'#', role:'menuitem'}
74
- %span.icon.icon-shutdown
75
- Sign out
76
-
1
+ ---
2
+ tags: navigation
3
+ title: Header
4
+ ---
5
+
6
+ %nav.header
7
+ .navlinks.logo-wrapper
8
+ %a.navlink.header-logo{href:'#'}
9
+ .navlinks.left
10
+ %a.navlink.active{href:'#'} Navlink active
11
+ %a.navlink{href:'#'} Navlink
12
+ %a.navlink{href:'#'}
13
+ %span.icon.icon-check-circle-filled
14
+ %span Navlink
15
+ %details.header-dropdown
16
+ %summary.navlink Collapsable
17
+ .dropdown-menu
18
+ %a.navlink{href:'#', role:'menuitem'}
19
+ %span.icon.icon-user
20
+ Dropdown-item
21
+ %a.navlink{href:'#', role:'menuitem'}
22
+ %span.icon.icon-cog
23
+ Dropdown-item
24
+ %a.navlink{href:'#', role:'menuitem'}
25
+ %span.icon.icon-shutdown
26
+ Dropdown-item with a longer text to see how things break and behave
27
+ %a.navlink.responsive-label{href:'#'}
28
+ %span.icon.icon-check-circle-filled
29
+ %span Responsive label
30
+ %details.mobile-links
31
+ %summary.mobile-menu-btn
32
+ .navlink
33
+ %span.sr-only Open main menu
34
+ %span.icon.icon-menu{ariahidden:'true'}
35
+ .mobile-menu.sidebar
36
+ %a.navlink.active{href:'#'}
37
+ %span.navlink-badge.icon.icon-home
38
+ Navlink active
39
+ %a.navlink{href:'#'}
40
+ %span.navlink-badge.icon.icon-plus
41
+ Add project
42
+ %details
43
+ %summary.navlink
44
+ %span.icon.icon-product
45
+ Collapsable
46
+ %a.navlink{href:'#'}
47
+ %span.icon.icon-test
48
+ Navlink child
49
+ %a.navlink{href:'#'}
50
+ %span.icon.icon-test
51
+ Navlink child
52
+ %a.navlink{href:'#'}
53
+ %span.icon.icon-test
54
+ Navlink child
55
+ %a.navlink.active{href:'#'}
56
+ %span.icon.icon-test
57
+ Active child
58
+ .navlinks.right
59
+ %details.header-dropdown.user-menu
60
+ %summary.btn-profile.navlink
61
+ %span.sr-only Open user menu
62
+ %img.user-profile{src:'/assets/images/placeholders/profile_supergirl.png', alt:''}
63
+ .user-details
64
+ .profile-role Admin
65
+ .profile-name Anja Berger
66
+ .dropdown-menu.profile-dropdown{role:'menu', ariaorientation:'vertical', arialabelledby:'user-menu'}
67
+ %a.dropdown-link{href:'#', role:'menuitem'}
68
+ %span.icon.icon-user
69
+ Your Profile
70
+ %a.dropdown-link{href:'#', role:'menuitem'}
71
+ %span.icon.icon-cog
72
+ Settings
73
+ %a.dropdown-link{href:'#', role:'menuitem'}
74
+ %span.icon.icon-shutdown
75
+ Sign out
76
+
package/src/pages/navigation/header_customer.haml CHANGED
@@ -1,77 +1,77 @@
1
- ---
2
- tags: navigation
3
- title: Header - Customer
4
- ---
5
-
6
- %nav.header.customer
7
- .navlinks.logo-wrapper
8
- %a.navlink.header-logo{href:'#'}
9
- %details.header-dropdown
10
- %summary.navlink.responsive-label
11
- %span.icon.icon-products
12
- %span Products
13
- .dropdown-menu.products-dropdown
14
- %a.navlink.product.dashed
15
- %span.icon.icon-products-lg
16
- Overview
17
- %a.navlink.product.dashed
18
- .icon.icon-plus-lg
19
- Create product
20
- %a.navlink.product.website
21
- .icon.icon-website-lg
22
- Website product
23
- %a.navlink.product.android
24
- .icon.icon-devices-android-lg
25
- Android product
26
- %a.navlink.product.apple
27
- .icon.icon-devices-apple-lg
28
- Apple product
29
- %a.navlink.product.streaming
30
- .icon.icon-streaming-lg
31
- Streaming product
32
- %a.navlink.product.gaming
33
- .icon.icon-gaming-lg
34
- Gaming product
35
- %a.navlink.product
36
- %img.logo{src:'/assets/images/logo-testio/testio_symbol_purpleteal_square.png', alt:''}
37
- .navlink-label Product Title with image
38
- .navlinks.left
39
- %a.navlink{href:'#'}
40
- %span.icon.icon-integrations
41
- %span Integrations
42
- %a.navlink.active{href:'#'}
43
- %span.icon.icon-analytics
44
- %span Metrics
45
- %details.mobile-links
46
- %summary.mobile-menu-btn
47
- .navlink
48
- %span.sr-only Open main menu
49
- %span.icon.icon-menu{ariahidden:'true'}
50
- .mobile-menu.sidebar
51
- %a.navlink{href:'#'}
52
- %span.icon.icon-integrations
53
- %span Integrations
54
- %a.navlink{href:'#'}
55
- %span.icon.icon-analytics
56
- %span Metrics
57
- .navlinks.right
58
- %a.navlink.hidden-xs-down{href:'#'}
59
- %span.icon.icon-search.mr-0
60
- %details.header-dropdown.user-menu
61
- %summary.btn-profile.navlink
62
- %span.sr-only Open user menu
63
- %img.user-profile{src:'/assets/images/placeholders/profile_supergirl.png', alt:''}
64
- .user-details
65
- .profile-role Customer
66
- .profile-name Anja Berger
67
- .dropdown-menu.profile-dropdown{role:'menu', ariaorientation:'vertical', arialabelledby:'user-menu'}
68
- %a.dropdown-link{href:'#', role:'menuitem'}
69
- %span.icon.icon-user
70
- Your Profile
71
- %a.dropdown-link{href:'#', role:'menuitem'}
72
- %span.icon.icon-cog
73
- Settings
74
- %a.dropdown-link{href:'#', role:'menuitem'}
75
- %span.icon.icon-shutdown
76
- Sign out
77
-
1
+ ---
2
+ tags: navigation
3
+ title: Header - Customer
4
+ ---
5
+
6
+ %nav.header.customer
7
+ .navlinks.logo-wrapper
8
+ %a.navlink.header-logo{href:'#'}
9
+ %details.header-dropdown
10
+ %summary.navlink.responsive-label
11
+ %span.icon.icon-products
12
+ %span Products
13
+ .dropdown-menu.products-dropdown
14
+ %a.navlink.product.dashed
15
+ %span.icon.icon-products-lg
16
+ Overview
17
+ %a.navlink.product.dashed
18
+ .icon.icon-plus-lg
19
+ Create product
20
+ %a.navlink.product.website
21
+ .icon.icon-website-lg
22
+ Website product
23
+ %a.navlink.product.android
24
+ .icon.icon-devices-android-lg
25
+ Android product
26
+ %a.navlink.product.apple
27
+ .icon.icon-devices-apple-lg
28
+ Apple product
29
+ %a.navlink.product.streaming
30
+ .icon.icon-streaming-lg
31
+ Streaming product
32
+ %a.navlink.product.gaming
33
+ .icon.icon-gaming-lg
34
+ Gaming product
35
+ %a.navlink.product
36
+ %img.logo{src:'/assets/images/logo-testio/testio_symbol_purpleteal_square.png', alt:''}
37
+ .navlink-label Product Title with image
38
+ .navlinks.left
39
+ %a.navlink{href:'#'}
40
+ %span.icon.icon-integrations
41
+ %span Integrations
42
+ %a.navlink.active{href:'#'}
43
+ %span.icon.icon-analytics
44
+ %span Metrics
45
+ %details.mobile-links
46
+ %summary.mobile-menu-btn
47
+ .navlink
48
+ %span.sr-only Open main menu
49
+ %span.icon.icon-menu{ariahidden:'true'}
50
+ .mobile-menu.sidebar
51
+ %a.navlink{href:'#'}
52
+ %span.icon.icon-integrations
53
+ %span Integrations
54
+ %a.navlink{href:'#'}
55
+ %span.icon.icon-analytics
56
+ %span Metrics
57
+ .navlinks.right
58
+ %a.navlink.hidden-xs-down{href:'#'}
59
+ %span.icon.icon-search.mr-0
60
+ %details.header-dropdown.user-menu
61
+ %summary.btn-profile.navlink
62
+ %span.sr-only Open user menu
63
+ %img.user-profile{src:'/assets/images/placeholders/profile_supergirl.png', alt:''}
64
+ .user-details
65
+ .profile-role Customer
66
+ .profile-name Anja Berger
67
+ .dropdown-menu.profile-dropdown{role:'menu', ariaorientation:'vertical', arialabelledby:'user-menu'}
68
+ %a.dropdown-link{href:'#', role:'menuitem'}
69
+ %span.icon.icon-user
70
+ Your Profile
71
+ %a.dropdown-link{href:'#', role:'menuitem'}
72
+ %span.icon.icon-cog
73
+ Settings
74
+ %a.dropdown-link{href:'#', role:'menuitem'}
75
+ %span.icon.icon-shutdown
76
+ Sign out
77
+