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-components-modals.html DELETED
@@ -1,319 +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-components-modals" 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-components-modals">
87
- <span class="kss-title__ref">
88
- 3.9
89
- <span class="kss-title__permalink-hash">
90
- #Components.Modals
91
- </span>
92
- </span>
93
- Modals
94
- </a>
95
- </h2>
96
-
97
- <p class="kss-toolbar">
98
- <a href="#kssref-components-modals" 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-components-modals" 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
- <a href="javascript:void(0)" class="button" data-modal='id-'>Open Modal</a>
143
- <div class="modal " id="id-">
144
- <div class="modal__dialog" role="document">
145
- <div class="modal__content">
146
- <div class="modal__header">
147
- <div class="modal__title">Title<br/><small>Subtitle</small></div>
148
- <div class="modal__close" data-close="modal">
149
- <i class="icon icon-close"></i>
150
- </div>
151
- </div>
152
- <div class="modal__body">
153
- Lorem Ipsum
154
- </div>
155
- <div class="modal__footer">
156
- <button class="button button--action">Save</button>
157
- <span class="button" data-close="modal">Abort</span>
158
- </div>
159
- </div>
160
- </div>
161
- </div>
162
- <div class="kss-modifier__example-footer"></div>
163
- </div>
164
-
165
- <div class="kss-modifier__name kss-style">
166
- .modal--info
167
- </div>
168
- <div class="kss-modifier__description kss-style">
169
- Info
170
- </div>
171
- <div class="kss-modifier__example">
172
- <a href="javascript:void(0)" class="button" data-modal='id-modal--info'>Open Modal</a>
173
- <div class="modal modal--info" id="id-modal--info">
174
- <div class="modal__dialog" role="document">
175
- <div class="modal__content">
176
- <div class="modal__header">
177
- <div class="modal__title">Title<br/><small>Subtitle</small></div>
178
- <div class="modal__close" data-close="modal">
179
- <i class="icon icon-close"></i>
180
- </div>
181
- </div>
182
- <div class="modal__body">
183
- Lorem Ipsum
184
- </div>
185
- <div class="modal__footer">
186
- <button class="button button--action">Save</button>
187
- <span class="button" data-close="modal">Abort</span>
188
- </div>
189
- </div>
190
- </div>
191
- </div>
192
- <div class="kss-modifier__example-footer"></div>
193
- </div>
194
- <div class="kss-modifier__name kss-style">
195
- .modal--error
196
- </div>
197
- <div class="kss-modifier__description kss-style">
198
- Error
199
- </div>
200
- <div class="kss-modifier__example">
201
- <a href="javascript:void(0)" class="button" data-modal='id-modal--error'>Open Modal</a>
202
- <div class="modal modal--error" id="id-modal--error">
203
- <div class="modal__dialog" role="document">
204
- <div class="modal__content">
205
- <div class="modal__header">
206
- <div class="modal__title">Title<br/><small>Subtitle</small></div>
207
- <div class="modal__close" data-close="modal">
208
- <i class="icon icon-close"></i>
209
- </div>
210
- </div>
211
- <div class="modal__body">
212
- Lorem Ipsum
213
- </div>
214
- <div class="modal__footer">
215
- <button class="button button--action">Save</button>
216
- <span class="button" data-close="modal">Abort</span>
217
- </div>
218
- </div>
219
- </div>
220
- </div>
221
- <div class="kss-modifier__example-footer"></div>
222
- </div>
223
- <div class="kss-modifier__name kss-style">
224
- .modal--success
225
- </div>
226
- <div class="kss-modifier__description kss-style">
227
- Success
228
- </div>
229
- <div class="kss-modifier__example">
230
- <a href="javascript:void(0)" class="button" data-modal='id-modal--success'>Open Modal</a>
231
- <div class="modal modal--success" id="id-modal--success">
232
- <div class="modal__dialog" role="document">
233
- <div class="modal__content">
234
- <div class="modal__header">
235
- <div class="modal__title">Title<br/><small>Subtitle</small></div>
236
- <div class="modal__close" data-close="modal">
237
- <i class="icon icon-close"></i>
238
- </div>
239
- </div>
240
- <div class="modal__body">
241
- Lorem Ipsum
242
- </div>
243
- <div class="modal__footer">
244
- <button class="button button--action">Save</button>
245
- <span class="button" data-close="modal">Abort</span>
246
- </div>
247
- </div>
248
- </div>
249
- </div>
250
- <div class="kss-modifier__example-footer"></div>
251
- </div>
252
- </div>
253
-
254
- <details class="kss-markup kss-style">
255
- <summary>
256
- Markup
257
- </summary>
258
- <pre class="hljs"><code class="language-handlebars"><span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;javascript:void(0)&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;button&quot;</span> <span class="hljs-attr">data-modal</span>=<span class="hljs-string">&#x27;id-[modifier class]&#x27;</span>&gt;</span>Open Modal<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
259
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;modal [modifier class]&quot;</span> <span class="hljs-attr">id</span>=<span class="hljs-string">&quot;id-[modifier class]&quot;</span>&gt;</span>
260
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;modal__dialog&quot;</span> <span class="hljs-attr">role</span>=<span class="hljs-string">&quot;document&quot;</span>&gt;</span>
261
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;modal__content&quot;</span>&gt;</span>
262
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;modal__header&quot;</span>&gt;</span>
263
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;modal__title&quot;</span>&gt;</span>Title<span class="hljs-tag">&lt;<span class="hljs-name">br</span>/&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">small</span>&gt;</span>Subtitle<span class="hljs-tag">&lt;/<span class="hljs-name">small</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
264
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;modal__close&quot;</span> <span class="hljs-attr">data-close</span>=<span class="hljs-string">&quot;modal&quot;</span>&gt;</span>
265
- <span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;icon icon-close&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span>
266
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
267
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
268
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;modal__body&quot;</span>&gt;</span>
269
- Lorem Ipsum
270
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
271
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;modal__footer&quot;</span>&gt;</span>
272
- <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;button button--action&quot;</span>&gt;</span>Save<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span>
273
- <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;button&quot;</span> <span class="hljs-attr">data-close</span>=<span class="hljs-string">&quot;modal&quot;</span>&gt;</span>Abort<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
274
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
275
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
276
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
277
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span></code></pre>
278
- </details>
279
-
280
- <div class="kss-source kss-style">
281
- Source: <code>build/doc/doc.css</code>, line 11742
282
- </div>
283
-
284
- </div>
285
- </article>
286
- </main>
287
-
288
- <!-- SCRIPTS -->
289
- <script src="kss-assets/kss.js"></script>
290
- <script src="kss-assets/scrollspy.js"></script>
291
- <script src="kss-assets/kss-fullscreen.js"></script>
292
- <script src="kss-assets/kss-guides.js"></script>
293
- <script src="kss-assets/kss-markup.js"></script>
294
- <script>
295
- var spy = new ScrollSpy('#kss-node', {
296
- nav: '.kss-nav__menu-child > li > a',
297
- className: 'is-in-viewport'
298
- });
299
- var kssFullScreen = new KssFullScreen({
300
- idPrefix: 'kss-fullscreen-',
301
- bodyClass: 'kss-fullscreen-mode',
302
- elementClass: 'is-fullscreen'
303
- });
304
- var kssGuides = new KssGuides({
305
- bodyClass: 'kss-guides-mode'
306
- });
307
- var kssMarkup = new KssMarkup({
308
- bodyClass: 'kss-markup-mode',
309
- detailsClass: 'kss-markup'
310
- });
311
- </script>
312
- <script src="../../default/b2c/dist/js/main.js"></script>
313
- <script src="../dist/js/main.js"></script>
314
-
315
-
316
-
317
- <!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
318
- </body>
319
- </html>
package/child/styleguide/item-components-pagination.html DELETED
@@ -1,215 +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-components-pagination" 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-components-pagination">
87
- <span class="kss-title__ref">
88
- 3.10
89
- <span class="kss-title__permalink-hash">
90
- #Components.Pagination
91
- </span>
92
- </span>
93
- Pagination
94
- </a>
95
- </h2>
96
-
97
- <p class="kss-toolbar">
98
- <a href="#kssref-components-pagination" 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-components-pagination" 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
- Example
135
- </div>
136
-
137
-
138
- <div class="kss-modifier__example">
139
- <div class="pagination">
140
- <a class="pagination__item pagination__item--prev" href="?page=2&amp;sort_by=ranking">
141
- <i class="icon icon-angle-left"></i>
142
- </a>
143
- <a class="pagination__item " href="?page=1&amp;sort_by=ranking">1</a>
144
- <a class="pagination__item " href="?page=2&amp;sort_by=ranking">2</a>
145
- <a class="pagination__item pagination__item--active" href="?page=3&amp;sort_by=ranking">3</a>
146
- <span class="pagination__item pagination__item--seperator">...</span>
147
- <a class="pagination__item " href="?page=5&amp;sort_by=ranking">5</a>
148
- <a class="pagination__item pagination__item--prev" href="?page=4&amp;sort_by=ranking">
149
- <i class="icon icon-angle-right"></i>
150
- </a>
151
- </div>
152
- <div class="kss-modifier__example-footer"></div>
153
- </div>
154
-
155
- </div>
156
-
157
- <details class="kss-markup kss-style">
158
- <summary>
159
- Markup
160
- </summary>
161
- <pre class="hljs"><code class="language-handlebars"><span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;pagination&quot;</span>&gt;</span>
162
- <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;pagination__item pagination__item--prev&quot;</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;?page=2<span class="hljs-symbol">&amp;amp;</span>sort_by=ranking&quot;</span>&gt;</span>
163
- <span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;icon icon-angle-left&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span>
164
- <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
165
- <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;pagination__item &quot;</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;?page=1<span class="hljs-symbol">&amp;amp;</span>sort_by=ranking&quot;</span>&gt;</span>1<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
166
- <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;pagination__item &quot;</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;?page=2<span class="hljs-symbol">&amp;amp;</span>sort_by=ranking&quot;</span>&gt;</span>2<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
167
- <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;pagination__item pagination__item--active&quot;</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;?page=3<span class="hljs-symbol">&amp;amp;</span>sort_by=ranking&quot;</span>&gt;</span>3<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
168
- <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;pagination__item pagination__item--seperator&quot;</span>&gt;</span>...<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
169
- <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;pagination__item &quot;</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;?page=5<span class="hljs-symbol">&amp;amp;</span>sort_by=ranking&quot;</span>&gt;</span>5<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
170
- <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;pagination__item pagination__item--prev&quot;</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;?page=4<span class="hljs-symbol">&amp;amp;</span>sort_by=ranking&quot;</span>&gt;</span>
171
- <span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;icon icon-angle-right&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span>
172
- <span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
173
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span></code></pre>
174
- </details>
175
-
176
- <div class="kss-source kss-style">
177
- Source: <code>build/doc/doc.css</code>, line 9981
178
- </div>
179
-
180
- </div>
181
- </article>
182
- </main>
183
-
184
- <!-- SCRIPTS -->
185
- <script src="kss-assets/kss.js"></script>
186
- <script src="kss-assets/scrollspy.js"></script>
187
- <script src="kss-assets/kss-fullscreen.js"></script>
188
- <script src="kss-assets/kss-guides.js"></script>
189
- <script src="kss-assets/kss-markup.js"></script>
190
- <script>
191
- var spy = new ScrollSpy('#kss-node', {
192
- nav: '.kss-nav__menu-child > li > a',
193
- className: 'is-in-viewport'
194
- });
195
- var kssFullScreen = new KssFullScreen({
196
- idPrefix: 'kss-fullscreen-',
197
- bodyClass: 'kss-fullscreen-mode',
198
- elementClass: 'is-fullscreen'
199
- });
200
- var kssGuides = new KssGuides({
201
- bodyClass: 'kss-guides-mode'
202
- });
203
- var kssMarkup = new KssMarkup({
204
- bodyClass: 'kss-markup-mode',
205
- detailsClass: 'kss-markup'
206
- });
207
- </script>
208
- <script src="../../default/b2c/dist/js/main.js"></script>
209
- <script src="../dist/js/main.js"></script>
210
-
211
-
212
-
213
- <!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
214
- </body>
215
- </html>