cronus-theme 2.0.89 → 2.0.90

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 (240) hide show
  1. package/Gulpfile.js +4 -3
  2. package/README.md +1 -12
  3. package/default/b2b.yaml +2 -1
  4. package/default/b2c.yaml +2 -1
  5. package/default/catalog.yaml +2 -1
  6. package/default/login.yaml +2 -1
  7. package/default/templates/emails/basicmail/basicmail.mustache +2 -2
  8. package/default/templates/emails/basicmail/basicmailFooter.mustache +1 -1
  9. package/default/templates/emails/basicmail/basicmailHeader.mustache +1 -1
  10. package/default/templates/emails/footerText.mustache +12 -12
  11. package/default/templates/emails/ordermail/orderLines.mustache +5 -5
  12. package/default/templates/emails/ordermail/ordermail.mustache +1 -1
  13. package/default/templates/emails/ordermail/ordermailDcOrder.mustache +1 -1
  14. package/default/templates/emails/ordermail/ordermailDetails.mustache +17 -17
  15. package/default/templates/emails/ordermail/ordermailFooter.mustache +1 -1
  16. package/default/templates/emails/ordermail/ordermailHeader.mustache +5 -5
  17. package/default/templates/emails/ordermail/ordermailIntro.mustache +1 -1
  18. package/default/templates/emails/ordermail/ordermailIntroText.mustache +1 -1
  19. package/default/templates/emails/ordermail/ordermailItem.mustache +1 -1
  20. package/default/templates/emails/ordermail/ordermailItemHeadline.mustache +1 -1
  21. package/default/templates/emails/ordermail/ordermailItemList.mustache +1 -1
  22. package/default/templates/shop/item_statistics_account.mustache +1 -1
  23. package/default/website.yaml +2 -1
  24. package/package.json +1 -1
  25. package/child/404_de.html +0 -32
  26. package/child/404_en.html +0 -32
  27. package/child/Gulpfile.js +0 -463
  28. package/child/build/doc/doc.css +0 -21873
  29. package/child/build/favicons/android-chrome-192x192.png +0 -0
  30. package/child/build/favicons/android-chrome-512x512.png +0 -0
  31. package/child/build/favicons/apple-touch-icon.png +0 -0
  32. package/child/build/favicons/browserconfig.xml +0 -9
  33. package/child/build/favicons/favicon-16x16.png +0 -0
  34. package/child/build/favicons/favicon-32x32.png +0 -0
  35. package/child/build/favicons/favicon.ico +0 -0
  36. package/child/build/favicons/faviconData.json +0 -1
  37. package/child/build/favicons/mstile-144x144.png +0 -0
  38. package/child/build/favicons/mstile-150x150.png +0 -0
  39. package/child/build/favicons/mstile-310x150.png +0 -0
  40. package/child/build/favicons/mstile-310x310.png +0 -0
  41. package/child/build/favicons/mstile-70x70.png +0 -0
  42. package/child/build/favicons/safari-pinned-tab.svg +0 -36
  43. package/child/build/favicons/site.webmanifest +0 -19
  44. package/child/child.yaml +0 -137
  45. package/child/ck_styles.js +0 -90
  46. package/child/config.json +0 -37
  47. package/child/dist/css/addons/errorPages.css +0 -1
  48. package/child/dist/css/addons/fck.css +0 -1
  49. package/child/dist/css/addons/kss.css +0 -1
  50. package/child/dist/css/child.css +0 -1
  51. package/child/dist/css/child1734010270.css +0 -1
  52. package/child/dist/css/doc.css +0 -1
  53. package/child/dist/css/doc1734010270.css +0 -1
  54. package/child/dist/favicons/android-chrome-192x192.png +0 -0
  55. package/child/dist/favicons/android-chrome-512x512.png +0 -0
  56. package/child/dist/favicons/apple-touch-icon.png +0 -0
  57. package/child/dist/favicons/browserconfig.xml +0 -9
  58. package/child/dist/favicons/favicon-16x16.png +0 -0
  59. package/child/dist/favicons/favicon-32x32.png +0 -0
  60. package/child/dist/favicons/favicon.ico +0 -0
  61. package/child/dist/favicons/faviconData.json +0 -1
  62. package/child/dist/favicons/mstile-144x144.png +0 -0
  63. package/child/dist/favicons/mstile-150x150.png +0 -0
  64. package/child/dist/favicons/mstile-310x150.png +0 -0
  65. package/child/dist/favicons/mstile-310x310.png +0 -0
  66. package/child/dist/favicons/mstile-70x70.png +0 -0
  67. package/child/dist/favicons/safari-pinned-tab.svg +0 -36
  68. package/child/dist/favicons/site.webmanifest +0 -19
  69. package/child/dist/fonts/barlow-600.woff +0 -0
  70. package/child/dist/fonts/barlow-600.woff2 +0 -0
  71. package/child/dist/fonts/barlow-700.woff +0 -0
  72. package/child/dist/fonts/barlow-700.woff2 +0 -0
  73. package/child/dist/fonts/barlow-regular.woff +0 -0
  74. package/child/dist/fonts/barlow-regular.woff2 +0 -0
  75. package/child/dist/fonts/icons1689843011.woff +0 -0
  76. package/child/dist/fonts/icons1689843011.woff2 +0 -0
  77. package/child/dist/fonts/icons1689843343.woff +0 -0
  78. package/child/dist/fonts/icons1689843343.woff2 +0 -0
  79. package/child/dist/fonts/icons1734010270.woff +0 -0
  80. package/child/dist/fonts/icons1734010270.woff2 +0 -0
  81. package/child/dist/js/child.js +0 -2
  82. package/child/dist/js/child.js.map +0 -7
  83. package/child/dist/js/child1734010270.js +0 -2
  84. package/child/dist/snippets/css/child.html +0 -1
  85. package/child/dist/snippets/css/doc.html +0 -1
  86. package/child/dist/snippets/faviconmarkup.html +0 -9
  87. package/child/dist/snippets/iconfont.html +0 -1
  88. package/child/dist/snippets/js/child.html +0 -1
  89. package/child/frontend.php +0 -266
  90. package/child/homepage.md +0 -1
  91. package/child/kss-config.json +0 -17
  92. package/child/package.json +0 -65
  93. package/child/sample.jpg +0 -0
  94. package/child/src/favicon/favicon.svg +0 -1
  95. package/child/src/fonts/barlow-600.woff +0 -0
  96. package/child/src/fonts/barlow-600.woff2 +0 -0
  97. package/child/src/fonts/barlow-700.woff +0 -0
  98. package/child/src/fonts/barlow-700.woff2 +0 -0
  99. package/child/src/fonts/barlow-regular.woff +0 -0
  100. package/child/src/fonts/barlow-regular.woff2 +0 -0
  101. package/child/src/fonts/icons1689843011.woff +0 -0
  102. package/child/src/fonts/icons1689843011.woff2 +0 -0
  103. package/child/src/fonts/icons1689843343.woff +0 -0
  104. package/child/src/fonts/icons1689843343.woff2 +0 -0
  105. package/child/src/icons/icons1734010270.woff +0 -0
  106. package/child/src/icons/icons1734010270.woff2 +0 -0
  107. package/child/src/js/child.js +0 -0
  108. package/child/src/scss/_print.scss +0 -5
  109. package/child/src/scss/addons/errorPages.scss +0 -109
  110. package/child/src/scss/addons/fck.scss +0 -6
  111. package/child/src/scss/addons/kss.scss +0 -108
  112. package/child/src/scss/base/_fonts.scss +0 -27
  113. package/child/src/scss/base/_icons.scss +0 -968
  114. package/child/src/scss/base/_variables.scss +0 -0
  115. package/child/src/scss/child.scss +0 -11
  116. package/child/src/scss/doc.scss +0 -2
  117. package/child/src/scss/mixins/_breakpoints.scss +0 -127
  118. package/child/src/scss/mixins/_functions.scss +0 -273
  119. package/child/src/scss/mixins/_grid.scss +0 -85
  120. package/child/src/scss/mixins/_mixins.scss +0 -3
  121. package/child/src/scss/template/_icons.scss +0 -33
  122. package/child/src/snippets/faviconmarkup.html +0 -0
  123. package/child/src/snippets/includeCSS.html +0 -1
  124. package/child/src/snippets/includeFont.html +0 -1
  125. package/child/src/snippets/includeJS.html +0 -1
  126. package/child/styleguide/index.html +0 -119
  127. package/child/styleguide/item-base-button-link.html +0 -191
  128. package/child/styleguide/item-base-buttons.html +0 -244
  129. package/child/styleguide/item-base-fake-tables.html +0 -221
  130. package/child/styleguide/item-base-icons.html +0 -290
  131. package/child/styleguide/item-base-lists.html +0 -216
  132. package/child/styleguide/item-base-tables.html +0 -221
  133. package/child/styleguide/item-base-tags-group.html +0 -209
  134. package/child/styleguide/item-base-tags.html +0 -224
  135. package/child/styleguide/item-base.html +0 -171
  136. package/child/styleguide/item-colors-background.html +0 -305
  137. package/child/styleguide/item-colors-border.html +0 -263
  138. package/child/styleguide/item-colors-font.html +0 -304
  139. package/child/styleguide/item-colors.html +0 -159
  140. package/child/styleguide/item-components-action-icon.html +0 -244
  141. package/child/styleguide/item-components-actionbox.html +0 -195
  142. package/child/styleguide/item-components-alerts.html +0 -244
  143. package/child/styleguide/item-components-breadcrumb.html +0 -209
  144. package/child/styleguide/item-components-custom-select.html +0 -588
  145. package/child/styleguide/item-components-filegallery.html +0 -223
  146. package/child/styleguide/item-components-iconbar.html +0 -378
  147. package/child/styleguide/item-components-iconbox.html +0 -197
  148. package/child/styleguide/item-components-iconlist.html +0 -205
  149. package/child/styleguide/item-components-modals.html +0 -319
  150. package/child/styleguide/item-components-pagination.html +0 -215
  151. package/child/styleguide/item-components-processbar.html +0 -225
  152. package/child/styleguide/item-components-radio-list.html +0 -297
  153. package/child/styleguide/item-components-rating.html +0 -213
  154. package/child/styleguide/item-components-scrollbar.html +0 -327
  155. package/child/styleguide/item-components-searchbar.html +0 -204
  156. package/child/styleguide/item-components-share-links.html +0 -209
  157. package/child/styleguide/item-components-tags-group.html +0 -209
  158. package/child/styleguide/item-components-tags.html +0 -254
  159. package/child/styleguide/item-components-trust-infobar.html +0 -205
  160. package/child/styleguide/item-components-trustbar.html +0 -213
  161. package/child/styleguide/item-components-trustlist.html +0 -211
  162. package/child/styleguide/item-components.html +0 -261
  163. package/child/styleguide/item-form-checkboxes-switch.html +0 -195
  164. package/child/styleguide/item-form-checkboxes.html +0 -195
  165. package/child/styleguide/item-form-file-input.html +0 -252
  166. package/child/styleguide/item-form-infield-input-groups.html +0 -215
  167. package/child/styleguide/item-form-input-groups-addons.html +0 -286
  168. package/child/styleguide/item-form-input-groups.html +0 -210
  169. package/child/styleguide/item-form-inputs.html +0 -398
  170. package/child/styleguide/item-form-label-left-input-groups.html +0 -201
  171. package/child/styleguide/item-form-radioboxes-switch.html +0 -211
  172. package/child/styleguide/item-form.html +0 -189
  173. package/child/styleguide/item-navigations-mainnav.html +0 -239
  174. package/child/styleguide/item-navigations-nav.html +0 -215
  175. package/child/styleguide/item-navigations-navgroup.html +0 -538
  176. package/child/styleguide/item-navigations-subnav.html +0 -295
  177. package/child/styleguide/item-navigations-toggle-navigation.html +0 -216
  178. package/child/styleguide/item-navigations.html +0 -171
  179. package/child/styleguide/item-shop-accountbox.html +0 -318
  180. package/child/styleguide/item-shop-amount-lines.html +0 -243
  181. package/child/styleguide/item-shop-attributes-icons.html +0 -205
  182. package/child/styleguide/item-shop-categorybox.html +0 -227
  183. package/child/styleguide/item-shop-categorylist-itempreview.html +0 -247
  184. package/child/styleguide/item-shop-categorylist.html +0 -257
  185. package/child/styleguide/item-shop-checkout-buttons.html +0 -205
  186. package/child/styleguide/item-shop-filter.html +0 -707
  187. package/child/styleguide/item-shop-history-list-item.html +0 -213
  188. package/child/styleguide/item-shop-inventory.html +0 -300
  189. package/child/styleguide/item-shop-list-type-switch.html +0 -207
  190. package/child/styleguide/item-shop-order-history-list.html +0 -254
  191. package/child/styleguide/item-shop-orderboxsummary.html +0 -267
  192. package/child/styleguide/item-shop-orderbutton.html +0 -297
  193. package/child/styleguide/item-shop-orderitemlist.html +0 -263
  194. package/child/styleguide/item-shop-prices-list-graduated.html +0 -247
  195. package/child/styleguide/item-shop-prices-list.html +0 -217
  196. package/child/styleguide/item-shop-prices.html +0 -199
  197. package/child/styleguide/item-shop-promotions.html +0 -201
  198. package/child/styleguide/item-shop-quantity-spinner.html +0 -366
  199. package/child/styleguide/item-shop-sorting.html +0 -271
  200. package/child/styleguide/item-shop-state.html +0 -279
  201. package/child/styleguide/item-shop-variantselection.html +0 -199
  202. package/child/styleguide/item-shop.html +0 -243
  203. package/child/styleguide/item-siteparts-filegallery.html +0 -223
  204. package/child/styleguide/item-siteparts-scrollbar.html +0 -294
  205. package/child/styleguide/item-siteparts-slidecontent.html +0 -217
  206. package/child/styleguide/item-siteparts.html +0 -159
  207. package/child/styleguide/item-structure-containers.html +0 -234
  208. package/child/styleguide/item-structure-grid.html +0 -373
  209. package/child/styleguide/item-structure-margins.html +0 -307
  210. package/child/styleguide/item-structure-paddings.html +0 -307
  211. package/child/styleguide/item-structure.html +0 -165
  212. package/child/styleguide/item-typo-alignment-transform.html +0 -274
  213. package/child/styleguide/item-typo-headlines.html +0 -225
  214. package/child/styleguide/item-typo-link-with-icon.html +0 -254
  215. package/child/styleguide/item-typo-links.html +0 -224
  216. package/child/styleguide/item-typo-text.html +0 -214
  217. package/child/styleguide/item-typo.html +0 -165
  218. package/child/styleguide/kss-assets/WARNING.txt +0 -2
  219. package/child/styleguide/kss-assets/github-fork--black.png +0 -0
  220. package/child/styleguide/kss-assets/kss-fullscreen.js +0 -60
  221. package/child/styleguide/kss-assets/kss-guides.js +0 -27
  222. package/child/styleguide/kss-assets/kss-markup.js +0 -42
  223. package/child/styleguide/kss-assets/kss.css +0 -1
  224. package/child/styleguide/kss-assets/kss.js +0 -53
  225. package/child/styleguide/kss-assets/kss.scss +0 -746
  226. package/child/styleguide/kss-assets/noise-low.png +0 -0
  227. package/child/styleguide/kss-assets/sample-inline.png +0 -0
  228. package/child/styleguide/kss-assets/sample-inline.svg +0 -3
  229. package/child/styleguide/kss-assets/sample.png +0 -0
  230. package/child/styleguide/kss-assets/sample.svg +0 -3
  231. package/child/styleguide/kss-assets/scrollspy.js +0 -147
  232. package/child/styleguide/section-base.html +0 -784
  233. package/child/styleguide/section-colors.html +0 -743
  234. package/child/styleguide/section-components.html +0 -3375
  235. package/child/styleguide/section-form.html +0 -1383
  236. package/child/styleguide/section-navigations.html +0 -1194
  237. package/child/styleguide/section-shop.html +0 -3333
  238. package/child/styleguide/section-siteparts.html +0 -605
  239. package/child/styleguide/section-structure.html +0 -1002
  240. package/child/styleguide/section-typo.html +0 -698
package/child/styleguide/item-navigations-navgroup.html DELETED
@@ -1,538 +0,0 @@
1
- <!DOCTYPE html>
2
- <html class="no-js" lang="en">
3
- <head>
4
- <meta charset="utf-8"/>
5
- <title>Style Guide</title>
6
-
7
- <meta name="description" content=""/>
8
- <meta name="generator" content="kss-node"/>
9
- <meta name="viewport" content="width=device-width"/>
10
-
11
- <link rel="stylesheet" href="kss-assets/kss.css"/>
12
- <link rel="stylesheet" href="../dist/css/addons/kss.css"/>
13
- <link rel="stylesheet" href="../../default/b2c/dist/css/doc.css"/>
14
- <link rel="stylesheet" href="../dist/css/doc.css"/>
15
-
16
- </head>
17
- <body id="kss-node" class="kss-fullscreen-mode">
18
-
19
- <div class="kss-sidebar kss-style">
20
- <header class="kss-header">
21
- <h1 class="kss-doc-title">Style Guide</h1>
22
- </header>
23
- <nav class="kss-nav" aria-label="Style Guide">
24
- <ul class="kss-nav__menu">
25
- <li class="kss-nav__menu-item">
26
- <a class="kss-nav__menu-link" href="./">
27
- <span class="kss-nav__ref">0</span
28
- ><span class="kss-nav__name">Overview</span>
29
- </a>
30
- </li>
31
- <li class="kss-nav__menu-item">
32
- <a class="kss-nav__menu-link" href="section-base.html">
33
- <span class="kss-nav__ref">1</span><span class="kss-nav__name">Base</span>
34
- </a>
35
- </li>
36
- <li class="kss-nav__menu-item">
37
- <a class="kss-nav__menu-link" href="section-colors.html">
38
- <span class="kss-nav__ref">2</span><span class="kss-nav__name">Colors</span>
39
- </a>
40
- </li>
41
- <li class="kss-nav__menu-item">
42
- <a class="kss-nav__menu-link" href="section-components.html">
43
- <span class="kss-nav__ref">3</span><span class="kss-nav__name">Components</span>
44
- </a>
45
- </li>
46
- <li class="kss-nav__menu-item">
47
- <a class="kss-nav__menu-link" href="section-form.html">
48
- <span class="kss-nav__ref">4</span><span class="kss-nav__name">Form</span>
49
- </a>
50
- </li>
51
- <li class="kss-nav__menu-item">
52
- <a class="kss-nav__menu-link" href="section-navigations.html">
53
- <span class="kss-nav__ref">5</span><span class="kss-nav__name">Navigations</span>
54
- </a>
55
- </li>
56
- <li class="kss-nav__menu-item">
57
- <a class="kss-nav__menu-link" href="section-shop.html">
58
- <span class="kss-nav__ref">6</span><span class="kss-nav__name">Shop</span>
59
- </a>
60
- </li>
61
- <li class="kss-nav__menu-item">
62
- <a class="kss-nav__menu-link" href="section-siteparts.html">
63
- <span class="kss-nav__ref">7</span><span class="kss-nav__name">Siteparts</span>
64
- </a>
65
- </li>
66
- <li class="kss-nav__menu-item">
67
- <a class="kss-nav__menu-link" href="section-structure.html">
68
- <span class="kss-nav__ref">8</span><span class="kss-nav__name">Structure</span>
69
- </a>
70
- </li>
71
- <li class="kss-nav__menu-item">
72
- <a class="kss-nav__menu-link" href="section-typo.html">
73
- <span class="kss-nav__ref">9</span><span class="kss-nav__name">Typo</span>
74
- </a>
75
- </li>
76
- </ul>
77
- </nav>
78
- </div>
79
- <main class="kss-main" aria-label="Content">
80
- <article>
81
-
82
- <div id="kssref-navigations-navgroup" class="kss-section kss-section--depth-2 is-fullscreen">
83
-
84
- <div class="kss-style">
85
- <h2 class="kss-title kss-title--level-2">
86
- <a class="kss-title__permalink" href="#kssref-navigations-navgroup">
87
- <span class="kss-title__ref">
88
- 5.3
89
- <span class="kss-title__permalink-hash">
90
- #Navigations.Navgroup
91
- </span>
92
- </span>
93
- Navgroup
94
- </a>
95
- </h2>
96
-
97
- <p class="kss-toolbar">
98
- <a href="#kssref-navigations-navgroup" data-kss-guides="true">
99
- <span class="kss-toolbar__tooltip">Toggle example guides</span>
100
- <svg focusable="false" aria-hidden="true" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 64 64">
101
- <rect class="kss-toolbar__icon-fill" x="5" y="35" width="5" height="9"/>
102
- <rect class="kss-toolbar__icon-fill" x="54" y="21" width="5" height="9"/>
103
- <rect class="kss-toolbar__icon-fill" x="54" y="35" width="5" height="9"/>
104
- <rect class="kss-toolbar__icon-fill" x="5" y="21" width="5" height="9"/>
105
- <rect class="kss-toolbar__icon-fill" x="5" y="0" width="5" height="15"/>
106
- <rect class="kss-toolbar__icon-fill" x="35" y="5" width="9" height="5"/>
107
- <rect class="kss-toolbar__icon-fill" x="20" y="5" width="9" height="5"/>
108
- <rect class="kss-toolbar__icon-fill" x="0" y="5" width="15" height="5"/>
109
- <rect class="kss-toolbar__icon-fill" x="54" y="0" width="5" height="15"/>
110
- <rect class="kss-toolbar__icon-fill" x="49" y="5" width="15" height="5"/>
111
- <rect class="kss-toolbar__icon-fill" x="54" y="49" width="5" height="15"/>
112
- <rect class="kss-toolbar__icon-fill" x="49" y="54" width="15" height="5"/>
113
- <rect class="kss-toolbar__icon-fill" x="5" y="49" width="5" height="15"/>
114
- <rect class="kss-toolbar__icon-fill" x="0" y="54" width="15" height="5"/>
115
- <rect class="kss-toolbar__icon-fill" x="35" y="54" width="9" height="5"/>
116
- <rect class="kss-toolbar__icon-fill" x="20" y="54" width="9" height="5"/>
117
- </svg>
118
- </a>
119
- <a href="#kssref-navigations-navgroup" data-kss-markup="true">
120
- <span class="kss-toolbar__tooltip">Toggle HTML markup</span>
121
- <svg focusable="false" aria-hidden="true" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 64 64">
122
- <path class="kss-toolbar__icon-fill" d="M37.555,46.239l6.103,6.103l20.342,-20.342l-20.342,-20.342l-6.103,6.103l14.24,14.239l-14.24,14.239Z"/>
123
- <path class="kss-toolbar__icon-fill" d="M26.445,17.761l-6.103,-6.103l-20.342,20.342l20.342,20.342l6.103,-6.103l-14.24,-14.239l14.24,-14.239Z"/>
124
- </svg>
125
- </a>
126
- </p>
127
-
128
-
129
-
130
- </div>
131
-
132
- <div class="kss-modifier__wrapper">
133
- <div class="kss-modifier__heading kss-style">
134
- Examples
135
- </div>
136
-
137
- <div class="kss-modifier__default-name kss-style">
138
- Default styling
139
- </div>
140
-
141
- <div class="kss-modifier__example">
142
- <nav class="navgroup ">
143
- <ul>
144
- <li>
145
- <a href="#">Level 1</a>
146
- <ul>
147
- <li>
148
- <a href="#">Level 2</a>
149
- </li>
150
- <li>
151
- <a href="#">Level 2</a>
152
- </li>
153
- <li>
154
- <a href="#">Level 2</a>
155
- </li>
156
- </ul>
157
- </li>
158
- <li class="is-active-tree">
159
- <a href="#">Level 1</a>
160
- <ul>
161
- <li>
162
- <a href="#">Level 2</a>
163
- </li>
164
- <li class="is-active">
165
- <a href="#">Level 2</a>
166
- </li>
167
- <li>
168
- <a href="#">Level 2</a>
169
- </li>
170
- </ul>
171
- </li>
172
- <li>
173
- <a href="#">Level 1</a>
174
- <ul>
175
- <li>
176
- <a href="#">Level 2</a>
177
- </li>
178
- <li>
179
- <a href="#">Level 2</a>
180
- </li>
181
- </ul>
182
- </li>
183
- </ul>
184
- </nav>
185
- <div class="kss-modifier__example-footer"></div>
186
- </div>
187
-
188
- <div class="kss-modifier__name kss-style">
189
- .navgroup--col-2
190
- </div>
191
- <div class="kss-modifier__description kss-style">
192
- 2 Columns
193
- </div>
194
- <div class="kss-modifier__example">
195
- <nav class="navgroup navgroup--col-2">
196
- <ul>
197
- <li>
198
- <a href="#">Level 1</a>
199
- <ul>
200
- <li>
201
- <a href="#">Level 2</a>
202
- </li>
203
- <li>
204
- <a href="#">Level 2</a>
205
- </li>
206
- <li>
207
- <a href="#">Level 2</a>
208
- </li>
209
- </ul>
210
- </li>
211
- <li class="is-active-tree">
212
- <a href="#">Level 1</a>
213
- <ul>
214
- <li>
215
- <a href="#">Level 2</a>
216
- </li>
217
- <li class="is-active">
218
- <a href="#">Level 2</a>
219
- </li>
220
- <li>
221
- <a href="#">Level 2</a>
222
- </li>
223
- </ul>
224
- </li>
225
- <li>
226
- <a href="#">Level 1</a>
227
- <ul>
228
- <li>
229
- <a href="#">Level 2</a>
230
- </li>
231
- <li>
232
- <a href="#">Level 2</a>
233
- </li>
234
- </ul>
235
- </li>
236
- </ul>
237
- </nav>
238
- <div class="kss-modifier__example-footer"></div>
239
- </div>
240
- <div class="kss-modifier__name kss-style">
241
- .navgroup--col-3
242
- </div>
243
- <div class="kss-modifier__description kss-style">
244
- 3 Columns
245
- </div>
246
- <div class="kss-modifier__example">
247
- <nav class="navgroup navgroup--col-3">
248
- <ul>
249
- <li>
250
- <a href="#">Level 1</a>
251
- <ul>
252
- <li>
253
- <a href="#">Level 2</a>
254
- </li>
255
- <li>
256
- <a href="#">Level 2</a>
257
- </li>
258
- <li>
259
- <a href="#">Level 2</a>
260
- </li>
261
- </ul>
262
- </li>
263
- <li class="is-active-tree">
264
- <a href="#">Level 1</a>
265
- <ul>
266
- <li>
267
- <a href="#">Level 2</a>
268
- </li>
269
- <li class="is-active">
270
- <a href="#">Level 2</a>
271
- </li>
272
- <li>
273
- <a href="#">Level 2</a>
274
- </li>
275
- </ul>
276
- </li>
277
- <li>
278
- <a href="#">Level 1</a>
279
- <ul>
280
- <li>
281
- <a href="#">Level 2</a>
282
- </li>
283
- <li>
284
- <a href="#">Level 2</a>
285
- </li>
286
- </ul>
287
- </li>
288
- </ul>
289
- </nav>
290
- <div class="kss-modifier__example-footer"></div>
291
- </div>
292
- <div class="kss-modifier__name kss-style">
293
- .navgroup--col-4
294
- </div>
295
- <div class="kss-modifier__description kss-style">
296
- 4 Columns
297
- </div>
298
- <div class="kss-modifier__example">
299
- <nav class="navgroup navgroup--col-4">
300
- <ul>
301
- <li>
302
- <a href="#">Level 1</a>
303
- <ul>
304
- <li>
305
- <a href="#">Level 2</a>
306
- </li>
307
- <li>
308
- <a href="#">Level 2</a>
309
- </li>
310
- <li>
311
- <a href="#">Level 2</a>
312
- </li>
313
- </ul>
314
- </li>
315
- <li class="is-active-tree">
316
- <a href="#">Level 1</a>
317
- <ul>
318
- <li>
319
- <a href="#">Level 2</a>
320
- </li>
321
- <li class="is-active">
322
- <a href="#">Level 2</a>
323
- </li>
324
- <li>
325
- <a href="#">Level 2</a>
326
- </li>
327
- </ul>
328
- </li>
329
- <li>
330
- <a href="#">Level 1</a>
331
- <ul>
332
- <li>
333
- <a href="#">Level 2</a>
334
- </li>
335
- <li>
336
- <a href="#">Level 2</a>
337
- </li>
338
- </ul>
339
- </li>
340
- </ul>
341
- </nav>
342
- <div class="kss-modifier__example-footer"></div>
343
- </div>
344
- <div class="kss-modifier__name kss-style">
345
- .navgroup--col-5
346
- </div>
347
- <div class="kss-modifier__description kss-style">
348
- 5 Columns
349
- </div>
350
- <div class="kss-modifier__example">
351
- <nav class="navgroup navgroup--col-5">
352
- <ul>
353
- <li>
354
- <a href="#">Level 1</a>
355
- <ul>
356
- <li>
357
- <a href="#">Level 2</a>
358
- </li>
359
- <li>
360
- <a href="#">Level 2</a>
361
- </li>
362
- <li>
363
- <a href="#">Level 2</a>
364
- </li>
365
- </ul>
366
- </li>
367
- <li class="is-active-tree">
368
- <a href="#">Level 1</a>
369
- <ul>
370
- <li>
371
- <a href="#">Level 2</a>
372
- </li>
373
- <li class="is-active">
374
- <a href="#">Level 2</a>
375
- </li>
376
- <li>
377
- <a href="#">Level 2</a>
378
- </li>
379
- </ul>
380
- </li>
381
- <li>
382
- <a href="#">Level 1</a>
383
- <ul>
384
- <li>
385
- <a href="#">Level 2</a>
386
- </li>
387
- <li>
388
- <a href="#">Level 2</a>
389
- </li>
390
- </ul>
391
- </li>
392
- </ul>
393
- </nav>
394
- <div class="kss-modifier__example-footer"></div>
395
- </div>
396
- <div class="kss-modifier__name kss-style">
397
- .navgroup--collapse-mobile
398
- </div>
399
- <div class="kss-modifier__description kss-style">
400
- Collapse Mobile
401
- </div>
402
- <div class="kss-modifier__example">
403
- <nav class="navgroup navgroup--collapse-mobile">
404
- <ul>
405
- <li>
406
- <a href="#">Level 1</a>
407
- <ul>
408
- <li>
409
- <a href="#">Level 2</a>
410
- </li>
411
- <li>
412
- <a href="#">Level 2</a>
413
- </li>
414
- <li>
415
- <a href="#">Level 2</a>
416
- </li>
417
- </ul>
418
- </li>
419
- <li class="is-active-tree">
420
- <a href="#">Level 1</a>
421
- <ul>
422
- <li>
423
- <a href="#">Level 2</a>
424
- </li>
425
- <li class="is-active">
426
- <a href="#">Level 2</a>
427
- </li>
428
- <li>
429
- <a href="#">Level 2</a>
430
- </li>
431
- </ul>
432
- </li>
433
- <li>
434
- <a href="#">Level 1</a>
435
- <ul>
436
- <li>
437
- <a href="#">Level 2</a>
438
- </li>
439
- <li>
440
- <a href="#">Level 2</a>
441
- </li>
442
- </ul>
443
- </li>
444
- </ul>
445
- </nav>
446
- <div class="kss-modifier__example-footer"></div>
447
- </div>
448
- </div>
449
-
450
- <details class="kss-markup kss-style">
451
- <summary>
452
- Markup
453
- </summary>
454
- <pre class="hljs"><code class="language-handlebars"><span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">nav</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;navgroup [modifier class]&quot;</span>&gt;</span>
455
- <span class="hljs-tag">&lt;<span class="hljs-name">ul</span>&gt;</span>
456
- <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span>
457
- <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;#&quot;</span>&gt;</span>Level 1<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
458
- <span class="hljs-tag">&lt;<span class="hljs-name">ul</span>&gt;</span>
459
- <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span>
460
- <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;#&quot;</span>&gt;</span>Level 2<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
461
- <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span>
462
- <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span>
463
- <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;#&quot;</span>&gt;</span>Level 2<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
464
- <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span>
465
- <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span>
466
- <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;#&quot;</span>&gt;</span>Level 2<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
467
- <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span>
468
- <span class="hljs-tag">&lt;/<span class="hljs-name">ul</span>&gt;</span>
469
- <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span>
470
- <span class="hljs-tag">&lt;<span class="hljs-name">li</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;is-active-tree&quot;</span>&gt;</span>
471
- <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;#&quot;</span>&gt;</span>Level 1<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
472
- <span class="hljs-tag">&lt;<span class="hljs-name">ul</span>&gt;</span>
473
- <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span>
474
- <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;#&quot;</span>&gt;</span>Level 2<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
475
- <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span>
476
- <span class="hljs-tag">&lt;<span class="hljs-name">li</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;is-active&quot;</span>&gt;</span>
477
- <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;#&quot;</span>&gt;</span>Level 2<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
478
- <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span>
479
- <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span>
480
- <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;#&quot;</span>&gt;</span>Level 2<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
481
- <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span>
482
- <span class="hljs-tag">&lt;/<span class="hljs-name">ul</span>&gt;</span>
483
- <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span>
484
- <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span>
485
- <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;#&quot;</span>&gt;</span>Level 1<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
486
- <span class="hljs-tag">&lt;<span class="hljs-name">ul</span>&gt;</span>
487
- <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span>
488
- <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;#&quot;</span>&gt;</span>Level 2<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
489
- <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span>
490
- <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span>
491
- <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;#&quot;</span>&gt;</span>Level 2<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
492
- <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span>
493
- <span class="hljs-tag">&lt;/<span class="hljs-name">ul</span>&gt;</span>
494
- <span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span>
495
- <span class="hljs-tag">&lt;/<span class="hljs-name">ul</span>&gt;</span>
496
- <span class="hljs-tag">&lt;/<span class="hljs-name">nav</span>&gt;</span></span></code></pre>
497
- </details>
498
-
499
- <div class="kss-source kss-style">
500
- Source: <code>build/doc/doc.css</code>, line 13573
501
- </div>
502
-
503
- </div>
504
- </article>
505
- </main>
506
-
507
- <!-- SCRIPTS -->
508
- <script src="kss-assets/kss.js"></script>
509
- <script src="kss-assets/scrollspy.js"></script>
510
- <script src="kss-assets/kss-fullscreen.js"></script>
511
- <script src="kss-assets/kss-guides.js"></script>
512
- <script src="kss-assets/kss-markup.js"></script>
513
- <script>
514
- var spy = new ScrollSpy('#kss-node', {
515
- nav: '.kss-nav__menu-child > li > a',
516
- className: 'is-in-viewport'
517
- });
518
- var kssFullScreen = new KssFullScreen({
519
- idPrefix: 'kss-fullscreen-',
520
- bodyClass: 'kss-fullscreen-mode',
521
- elementClass: 'is-fullscreen'
522
- });
523
- var kssGuides = new KssGuides({
524
- bodyClass: 'kss-guides-mode'
525
- });
526
- var kssMarkup = new KssMarkup({
527
- bodyClass: 'kss-markup-mode',
528
- detailsClass: 'kss-markup'
529
- });
530
- </script>
531
- <script src="../../default/b2c/dist/js/main.js"></script>
532
- <script src="../dist/js/main.js"></script>
533
-
534
-
535
-
536
- <!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
537
- </body>
538
- </html>