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
@@ -1,784 +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" >
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
- <ul class="kss-nav__menu-child">
36
- <li class="kss-nav__menu-item">
37
- <a class="kss-nav__menu-link" href="section-base.html#kssref-base-button-link">
38
- <span class="kss-nav__ref ">1.1</span
39
- ><span class="kss-nav__name">Button Link</span>
40
- </a>
41
- </li>
42
- <li class="kss-nav__menu-item">
43
- <a class="kss-nav__menu-link" href="section-base.html#kssref-base-buttons">
44
- <span class="kss-nav__ref ">1.2</span
45
- ><span class="kss-nav__name">Button</span>
46
- </a>
47
- </li>
48
- <li class="kss-nav__menu-item">
49
- <a class="kss-nav__menu-link" href="section-base.html#kssref-base-fake-tables">
50
- <span class="kss-nav__ref ">1.3</span
51
- ><span class="kss-nav__name">Fake Tables</span>
52
- </a>
53
- </li>
54
- <li class="kss-nav__menu-item">
55
- <a class="kss-nav__menu-link" href="section-base.html#kssref-base-lists">
56
- <span class="kss-nav__ref ">1.4</span
57
- ><span class="kss-nav__name">Lists</span>
58
- </a>
59
- </li>
60
- <li class="kss-nav__menu-item">
61
- <a class="kss-nav__menu-link" href="section-base.html#kssref-base-tables">
62
- <span class="kss-nav__ref ">1.5</span
63
- ><span class="kss-nav__name">Tables</span>
64
- </a>
65
- </li>
66
- </ul>
67
- </li>
68
- <li class="kss-nav__menu-item">
69
- <a class="kss-nav__menu-link" href="section-colors.html">
70
- <span class="kss-nav__ref">2</span><span class="kss-nav__name">Colors</span>
71
- </a>
72
- </li>
73
- <li class="kss-nav__menu-item">
74
- <a class="kss-nav__menu-link" href="section-components.html">
75
- <span class="kss-nav__ref">3</span><span class="kss-nav__name">Components</span>
76
- </a>
77
- </li>
78
- <li class="kss-nav__menu-item">
79
- <a class="kss-nav__menu-link" href="section-form.html">
80
- <span class="kss-nav__ref">4</span><span class="kss-nav__name">Form</span>
81
- </a>
82
- </li>
83
- <li class="kss-nav__menu-item">
84
- <a class="kss-nav__menu-link" href="section-navigations.html">
85
- <span class="kss-nav__ref">5</span><span class="kss-nav__name">Navigations</span>
86
- </a>
87
- </li>
88
- <li class="kss-nav__menu-item">
89
- <a class="kss-nav__menu-link" href="section-shop.html">
90
- <span class="kss-nav__ref">6</span><span class="kss-nav__name">Shop</span>
91
- </a>
92
- </li>
93
- <li class="kss-nav__menu-item">
94
- <a class="kss-nav__menu-link" href="section-siteparts.html">
95
- <span class="kss-nav__ref">7</span><span class="kss-nav__name">Siteparts</span>
96
- </a>
97
- </li>
98
- <li class="kss-nav__menu-item">
99
- <a class="kss-nav__menu-link" href="section-structure.html">
100
- <span class="kss-nav__ref">8</span><span class="kss-nav__name">Structure</span>
101
- </a>
102
- </li>
103
- <li class="kss-nav__menu-item">
104
- <a class="kss-nav__menu-link" href="section-typo.html">
105
- <span class="kss-nav__ref">9</span><span class="kss-nav__name">Typo</span>
106
- </a>
107
- </li>
108
- </ul>
109
- </nav>
110
- </div>
111
- <main class="kss-main" aria-label="Content">
112
- <article>
113
-
114
- <div id="kssref-base" class="kss-section kss-section--depth-1 ">
115
-
116
- <div class="kss-style">
117
- <h1 class="kss-title kss-title--level-1">
118
- <a class="kss-title__permalink" href="#kssref-base">
119
- <span class="kss-title__ref">
120
- 1
121
- <span class="kss-title__permalink-hash">
122
- #Base
123
- </span>
124
- </span>
125
- Base
126
- </a>
127
- </h1>
128
-
129
-
130
-
131
-
132
- </div>
133
-
134
-
135
-
136
- </div>
137
- <section id="kssref-base-button-link" class="kss-section kss-section--depth-2 ">
138
-
139
- <div class="kss-style">
140
- <h2 class="kss-title kss-title--level-2">
141
- <a class="kss-title__permalink" href="#kssref-base-button-link">
142
- <span class="kss-title__ref">
143
- 1.1
144
- <span class="kss-title__permalink-hash">
145
- #Base.Button Link
146
- </span>
147
- </span>
148
- Button Link
149
- </a>
150
- </h2>
151
-
152
- <p class="kss-toolbar">
153
- <a href="#kssref-base-button-link" data-kss-fullscreen="kssref-base-button-link">
154
- <span class="kss-toolbar__tooltip">Toggle full screen</span>
155
- <svg focusable="false" aria-hidden="true" class="off" 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">
156
- <path class="kss-toolbar__icon-fill" d="M64 0v26l-10-10-12 12-6-6 12-12-10-10zM28 42l-12 12 10 10h-26v-26l10 10 12-12z"></path>
157
- </svg>
158
- <svg focusable="false" aria-hidden="true" class="on" 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">
159
- <path class="kss-toolbar__icon-fill" d="M28 36v26l-10-10-12 12-6-6 12-12-10-10zM64 6l-12 12 10 10h-26v-26l10 10 12-12z"></path>
160
- </svg>
161
- </a>
162
- <a href="item-base-button-link.html" target="_blank">
163
- <span class="kss-toolbar__tooltip">Open in new window</span>
164
- <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">
165
- <rect x="0" y="20" width="40" height="44" fill="#fff"/>
166
- <path class="kss-toolbar__icon-fill" d="M40,64l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
167
- <rect class="kss-toolbar__icon-fill" x="0" y="20" width="40" height="10"/>
168
- <rect x="24" y="0" width="40" height="44" fill="#fff"/>
169
- <path class="kss-toolbar__icon-fill" d="M64,44l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
170
- <rect class="kss-toolbar__icon-fill" x="24" y="0" width="40" height="10"/>
171
- </svg>
172
- </a>
173
- <a href="#kssref-base-button-link" data-kss-guides="true">
174
- <span class="kss-toolbar__tooltip">Toggle example guides</span>
175
- <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">
176
- <rect class="kss-toolbar__icon-fill" x="5" y="35" width="5" height="9"/>
177
- <rect class="kss-toolbar__icon-fill" x="54" y="21" width="5" height="9"/>
178
- <rect class="kss-toolbar__icon-fill" x="54" y="35" width="5" height="9"/>
179
- <rect class="kss-toolbar__icon-fill" x="5" y="21" width="5" height="9"/>
180
- <rect class="kss-toolbar__icon-fill" x="5" y="0" width="5" height="15"/>
181
- <rect class="kss-toolbar__icon-fill" x="35" y="5" width="9" height="5"/>
182
- <rect class="kss-toolbar__icon-fill" x="20" y="5" width="9" height="5"/>
183
- <rect class="kss-toolbar__icon-fill" x="0" y="5" width="15" height="5"/>
184
- <rect class="kss-toolbar__icon-fill" x="54" y="0" width="5" height="15"/>
185
- <rect class="kss-toolbar__icon-fill" x="49" y="5" width="15" height="5"/>
186
- <rect class="kss-toolbar__icon-fill" x="54" y="49" width="5" height="15"/>
187
- <rect class="kss-toolbar__icon-fill" x="49" y="54" width="15" height="5"/>
188
- <rect class="kss-toolbar__icon-fill" x="5" y="49" width="5" height="15"/>
189
- <rect class="kss-toolbar__icon-fill" x="0" y="54" width="15" height="5"/>
190
- <rect class="kss-toolbar__icon-fill" x="35" y="54" width="9" height="5"/>
191
- <rect class="kss-toolbar__icon-fill" x="20" y="54" width="9" height="5"/>
192
- </svg>
193
- </a>
194
- <a href="#kssref-base-button-link" data-kss-markup="true">
195
- <span class="kss-toolbar__tooltip">Toggle HTML markup</span>
196
- <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">
197
- <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"/>
198
- <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"/>
199
- </svg>
200
- </a>
201
- </p>
202
-
203
-
204
-
205
- </div>
206
-
207
- <div class="kss-modifier__wrapper">
208
- <div class="kss-modifier__heading kss-style">
209
- Example
210
- </div>
211
-
212
-
213
- <div class="kss-modifier__example">
214
- <a href="#" class="buttonLink">Button Link</a> <button class="buttonLink">Button Link</button>
215
- <div class="kss-modifier__example-footer"></div>
216
- </div>
217
-
218
- </div>
219
-
220
- <details class="kss-markup kss-style">
221
- <summary>
222
- Markup
223
- </summary>
224
- <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;#&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;buttonLink&quot;</span>&gt;</span>Button Link<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;buttonLink&quot;</span>&gt;</span>Button Link<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span></span></code></pre>
225
- </details>
226
-
227
- <div class="kss-source kss-style">
228
- Source: <code>build/doc/doc.css</code>, line 3540
229
- </div>
230
-
231
- </section>
232
- <section id="kssref-base-buttons" class="kss-section kss-section--depth-2 ">
233
-
234
- <div class="kss-style">
235
- <h2 class="kss-title kss-title--level-2">
236
- <a class="kss-title__permalink" href="#kssref-base-buttons">
237
- <span class="kss-title__ref">
238
- 1.2
239
- <span class="kss-title__permalink-hash">
240
- #Base.Buttons
241
- </span>
242
- </span>
243
- Button
244
- </a>
245
- </h2>
246
-
247
- <p class="kss-toolbar">
248
- <a href="#kssref-base-buttons" data-kss-fullscreen="kssref-base-buttons">
249
- <span class="kss-toolbar__tooltip">Toggle full screen</span>
250
- <svg focusable="false" aria-hidden="true" class="off" 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">
251
- <path class="kss-toolbar__icon-fill" d="M64 0v26l-10-10-12 12-6-6 12-12-10-10zM28 42l-12 12 10 10h-26v-26l10 10 12-12z"></path>
252
- </svg>
253
- <svg focusable="false" aria-hidden="true" class="on" 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">
254
- <path class="kss-toolbar__icon-fill" d="M28 36v26l-10-10-12 12-6-6 12-12-10-10zM64 6l-12 12 10 10h-26v-26l10 10 12-12z"></path>
255
- </svg>
256
- </a>
257
- <a href="item-base-buttons.html" target="_blank">
258
- <span class="kss-toolbar__tooltip">Open in new window</span>
259
- <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">
260
- <rect x="0" y="20" width="40" height="44" fill="#fff"/>
261
- <path class="kss-toolbar__icon-fill" d="M40,64l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
262
- <rect class="kss-toolbar__icon-fill" x="0" y="20" width="40" height="10"/>
263
- <rect x="24" y="0" width="40" height="44" fill="#fff"/>
264
- <path class="kss-toolbar__icon-fill" d="M64,44l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
265
- <rect class="kss-toolbar__icon-fill" x="24" y="0" width="40" height="10"/>
266
- </svg>
267
- </a>
268
- <a href="#kssref-base-buttons" data-kss-guides="true">
269
- <span class="kss-toolbar__tooltip">Toggle example guides</span>
270
- <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">
271
- <rect class="kss-toolbar__icon-fill" x="5" y="35" width="5" height="9"/>
272
- <rect class="kss-toolbar__icon-fill" x="54" y="21" width="5" height="9"/>
273
- <rect class="kss-toolbar__icon-fill" x="54" y="35" width="5" height="9"/>
274
- <rect class="kss-toolbar__icon-fill" x="5" y="21" width="5" height="9"/>
275
- <rect class="kss-toolbar__icon-fill" x="5" y="0" width="5" height="15"/>
276
- <rect class="kss-toolbar__icon-fill" x="35" y="5" width="9" height="5"/>
277
- <rect class="kss-toolbar__icon-fill" x="20" y="5" width="9" height="5"/>
278
- <rect class="kss-toolbar__icon-fill" x="0" y="5" width="15" height="5"/>
279
- <rect class="kss-toolbar__icon-fill" x="54" y="0" width="5" height="15"/>
280
- <rect class="kss-toolbar__icon-fill" x="49" y="5" width="15" height="5"/>
281
- <rect class="kss-toolbar__icon-fill" x="54" y="49" width="5" height="15"/>
282
- <rect class="kss-toolbar__icon-fill" x="49" y="54" width="15" height="5"/>
283
- <rect class="kss-toolbar__icon-fill" x="5" y="49" width="5" height="15"/>
284
- <rect class="kss-toolbar__icon-fill" x="0" y="54" width="15" height="5"/>
285
- <rect class="kss-toolbar__icon-fill" x="35" y="54" width="9" height="5"/>
286
- <rect class="kss-toolbar__icon-fill" x="20" y="54" width="9" height="5"/>
287
- </svg>
288
- </a>
289
- <a href="#kssref-base-buttons" data-kss-markup="true">
290
- <span class="kss-toolbar__tooltip">Toggle HTML markup</span>
291
- <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">
292
- <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"/>
293
- <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"/>
294
- </svg>
295
- </a>
296
- </p>
297
-
298
-
299
-
300
- </div>
301
-
302
- <div class="kss-modifier__wrapper">
303
- <div class="kss-modifier__heading kss-style">
304
- Examples
305
- </div>
306
-
307
- <div class="kss-modifier__default-name kss-style">
308
- Default styling
309
- </div>
310
-
311
- <div class="kss-modifier__example">
312
- <a href="#" class="button ">Button</a> <button class="button ">Button</button>
313
- <div class="kss-modifier__example-footer"></div>
314
- </div>
315
-
316
- <div class="kss-modifier__name kss-style">
317
- .button--primary
318
- </div>
319
- <div class="kss-modifier__description kss-style">
320
- Primary
321
- </div>
322
- <div class="kss-modifier__example">
323
- <a href="#" class="button button--primary">Button</a> <button class="button button--primary">Button</button>
324
- <div class="kss-modifier__example-footer"></div>
325
- </div>
326
- <div class="kss-modifier__name kss-style">
327
- .button--action
328
- </div>
329
- <div class="kss-modifier__description kss-style">
330
- Action
331
- </div>
332
- <div class="kss-modifier__example">
333
- <a href="#" class="button button--action">Button</a> <button class="button button--action">Button</button>
334
- <div class="kss-modifier__example-footer"></div>
335
- </div>
336
- <div class="kss-modifier__name kss-style">
337
- .button--danger
338
- </div>
339
- <div class="kss-modifier__description kss-style">
340
- Danger
341
- </div>
342
- <div class="kss-modifier__example">
343
- <a href="#" class="button button--danger">Button</a> <button class="button button--danger">Button</button>
344
- <div class="kss-modifier__example-footer"></div>
345
- </div>
346
- <div class="kss-modifier__name kss-style">
347
- .button--bordered
348
- </div>
349
- <div class="kss-modifier__description kss-style">
350
- Bordered
351
- </div>
352
- <div class="kss-modifier__example">
353
- <a href="#" class="button button--bordered">Button</a> <button class="button button--bordered">Button</button>
354
- <div class="kss-modifier__example-footer"></div>
355
- </div>
356
- <div class="kss-modifier__name kss-style">
357
- :disabled
358
- </div>
359
- <div class="kss-modifier__description kss-style">
360
- Disabled
361
- </div>
362
- <div class="kss-modifier__example">
363
- <a href="#" class="button pseudo-class-disabled">Button</a> <button class="button pseudo-class-disabled">Button</button>
364
- <div class="kss-modifier__example-footer"></div>
365
- </div>
366
- </div>
367
-
368
- <details class="kss-markup kss-style">
369
- <summary>
370
- Markup
371
- </summary>
372
- <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;#&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;button [modifier class]&quot;</span>&gt;</span>Button<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;button [modifier class]&quot;</span>&gt;</span>Button<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span></span></code></pre>
373
- </details>
374
-
375
- <div class="kss-source kss-style">
376
- Source: <code>build/doc/doc.css</code>, line 3210
377
- </div>
378
-
379
- </section>
380
- <section id="kssref-base-fake-tables" class="kss-section kss-section--depth-2 ">
381
-
382
- <div class="kss-style">
383
- <h2 class="kss-title kss-title--level-2">
384
- <a class="kss-title__permalink" href="#kssref-base-fake-tables">
385
- <span class="kss-title__ref">
386
- 1.3
387
- <span class="kss-title__permalink-hash">
388
- #Base.Fake Tables
389
- </span>
390
- </span>
391
- Fake Tables
392
- </a>
393
- </h2>
394
-
395
- <p class="kss-toolbar">
396
- <a href="#kssref-base-fake-tables" data-kss-fullscreen="kssref-base-fake-tables">
397
- <span class="kss-toolbar__tooltip">Toggle full screen</span>
398
- <svg focusable="false" aria-hidden="true" class="off" 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">
399
- <path class="kss-toolbar__icon-fill" d="M64 0v26l-10-10-12 12-6-6 12-12-10-10zM28 42l-12 12 10 10h-26v-26l10 10 12-12z"></path>
400
- </svg>
401
- <svg focusable="false" aria-hidden="true" class="on" 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">
402
- <path class="kss-toolbar__icon-fill" d="M28 36v26l-10-10-12 12-6-6 12-12-10-10zM64 6l-12 12 10 10h-26v-26l10 10 12-12z"></path>
403
- </svg>
404
- </a>
405
- <a href="item-base-fake-tables.html" target="_blank">
406
- <span class="kss-toolbar__tooltip">Open in new window</span>
407
- <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">
408
- <rect x="0" y="20" width="40" height="44" fill="#fff"/>
409
- <path class="kss-toolbar__icon-fill" d="M40,64l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
410
- <rect class="kss-toolbar__icon-fill" x="0" y="20" width="40" height="10"/>
411
- <rect x="24" y="0" width="40" height="44" fill="#fff"/>
412
- <path class="kss-toolbar__icon-fill" d="M64,44l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
413
- <rect class="kss-toolbar__icon-fill" x="24" y="0" width="40" height="10"/>
414
- </svg>
415
- </a>
416
- <a href="#kssref-base-fake-tables" data-kss-guides="true">
417
- <span class="kss-toolbar__tooltip">Toggle example guides</span>
418
- <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">
419
- <rect class="kss-toolbar__icon-fill" x="5" y="35" width="5" height="9"/>
420
- <rect class="kss-toolbar__icon-fill" x="54" y="21" width="5" height="9"/>
421
- <rect class="kss-toolbar__icon-fill" x="54" y="35" width="5" height="9"/>
422
- <rect class="kss-toolbar__icon-fill" x="5" y="21" width="5" height="9"/>
423
- <rect class="kss-toolbar__icon-fill" x="5" y="0" width="5" height="15"/>
424
- <rect class="kss-toolbar__icon-fill" x="35" y="5" width="9" height="5"/>
425
- <rect class="kss-toolbar__icon-fill" x="20" y="5" width="9" height="5"/>
426
- <rect class="kss-toolbar__icon-fill" x="0" y="5" width="15" height="5"/>
427
- <rect class="kss-toolbar__icon-fill" x="54" y="0" width="5" height="15"/>
428
- <rect class="kss-toolbar__icon-fill" x="49" y="5" width="15" height="5"/>
429
- <rect class="kss-toolbar__icon-fill" x="54" y="49" width="5" height="15"/>
430
- <rect class="kss-toolbar__icon-fill" x="49" y="54" width="15" height="5"/>
431
- <rect class="kss-toolbar__icon-fill" x="5" y="49" width="5" height="15"/>
432
- <rect class="kss-toolbar__icon-fill" x="0" y="54" width="15" height="5"/>
433
- <rect class="kss-toolbar__icon-fill" x="35" y="54" width="9" height="5"/>
434
- <rect class="kss-toolbar__icon-fill" x="20" y="54" width="9" height="5"/>
435
- </svg>
436
- </a>
437
- <a href="#kssref-base-fake-tables" data-kss-markup="true">
438
- <span class="kss-toolbar__tooltip">Toggle HTML markup</span>
439
- <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">
440
- <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"/>
441
- <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"/>
442
- </svg>
443
- </a>
444
- </p>
445
-
446
-
447
-
448
- </div>
449
-
450
- <div class="kss-modifier__wrapper">
451
- <div class="kss-modifier__heading kss-style">
452
- Example
453
- </div>
454
-
455
-
456
- <div class="kss-modifier__example">
457
- <div class="table">
458
- <div class="table__row table__row--header">
459
- <div class="table__cell">Header</div>
460
- <div class="table__cell">Header</div>
461
- <div class="table__cell">Header</div>
462
- <div class="table__cell">Header</div>
463
- <div class="table__cell">Header</div>
464
- </div>
465
- <div class="table__row">
466
- <div class="table__cell">Cell</div>
467
- <div class="table__cell">Cell</div>
468
- <div class="table__cell">Cell</div>
469
- <div class="table__cell">Cell</div>
470
- <div class="table__cell">Cell</div>
471
- </div>
472
- </div>
473
- <div class="kss-modifier__example-footer"></div>
474
- </div>
475
-
476
- </div>
477
-
478
- <details class="kss-markup kss-style">
479
- <summary>
480
- Markup
481
- </summary>
482
- <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;table&quot;</span>&gt;</span>
483
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;table__row table__row--header&quot;</span>&gt;</span>
484
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;table__cell&quot;</span>&gt;</span>Header<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
485
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;table__cell&quot;</span>&gt;</span>Header<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
486
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;table__cell&quot;</span>&gt;</span>Header<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
487
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;table__cell&quot;</span>&gt;</span>Header<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
488
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;table__cell&quot;</span>&gt;</span>Header<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
489
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
490
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;table__row&quot;</span>&gt;</span>
491
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;table__cell&quot;</span>&gt;</span>Cell<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
492
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;table__cell&quot;</span>&gt;</span>Cell<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
493
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;table__cell&quot;</span>&gt;</span>Cell<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
494
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;table__cell&quot;</span>&gt;</span>Cell<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
495
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;table__cell&quot;</span>&gt;</span>Cell<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
496
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
497
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span></code></pre>
498
- </details>
499
-
500
- <div class="kss-source kss-style">
501
- Source: <code>build/doc/doc.css</code>, line 4213
502
- </div>
503
-
504
- </section>
505
- <section id="kssref-base-lists" class="kss-section kss-section--depth-2 ">
506
-
507
- <div class="kss-style">
508
- <h2 class="kss-title kss-title--level-2">
509
- <a class="kss-title__permalink" href="#kssref-base-lists">
510
- <span class="kss-title__ref">
511
- 1.4
512
- <span class="kss-title__permalink-hash">
513
- #Base.Lists
514
- </span>
515
- </span>
516
- Lists
517
- </a>
518
- </h2>
519
-
520
- <p class="kss-toolbar">
521
- <a href="#kssref-base-lists" data-kss-fullscreen="kssref-base-lists">
522
- <span class="kss-toolbar__tooltip">Toggle full screen</span>
523
- <svg focusable="false" aria-hidden="true" class="off" 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">
524
- <path class="kss-toolbar__icon-fill" d="M64 0v26l-10-10-12 12-6-6 12-12-10-10zM28 42l-12 12 10 10h-26v-26l10 10 12-12z"></path>
525
- </svg>
526
- <svg focusable="false" aria-hidden="true" class="on" 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">
527
- <path class="kss-toolbar__icon-fill" d="M28 36v26l-10-10-12 12-6-6 12-12-10-10zM64 6l-12 12 10 10h-26v-26l10 10 12-12z"></path>
528
- </svg>
529
- </a>
530
- <a href="item-base-lists.html" target="_blank">
531
- <span class="kss-toolbar__tooltip">Open in new window</span>
532
- <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">
533
- <rect x="0" y="20" width="40" height="44" fill="#fff"/>
534
- <path class="kss-toolbar__icon-fill" d="M40,64l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
535
- <rect class="kss-toolbar__icon-fill" x="0" y="20" width="40" height="10"/>
536
- <rect x="24" y="0" width="40" height="44" fill="#fff"/>
537
- <path class="kss-toolbar__icon-fill" d="M64,44l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
538
- <rect class="kss-toolbar__icon-fill" x="24" y="0" width="40" height="10"/>
539
- </svg>
540
- </a>
541
- <a href="#kssref-base-lists" data-kss-guides="true">
542
- <span class="kss-toolbar__tooltip">Toggle example guides</span>
543
- <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">
544
- <rect class="kss-toolbar__icon-fill" x="5" y="35" width="5" height="9"/>
545
- <rect class="kss-toolbar__icon-fill" x="54" y="21" width="5" height="9"/>
546
- <rect class="kss-toolbar__icon-fill" x="54" y="35" width="5" height="9"/>
547
- <rect class="kss-toolbar__icon-fill" x="5" y="21" width="5" height="9"/>
548
- <rect class="kss-toolbar__icon-fill" x="5" y="0" width="5" height="15"/>
549
- <rect class="kss-toolbar__icon-fill" x="35" y="5" width="9" height="5"/>
550
- <rect class="kss-toolbar__icon-fill" x="20" y="5" width="9" height="5"/>
551
- <rect class="kss-toolbar__icon-fill" x="0" y="5" width="15" height="5"/>
552
- <rect class="kss-toolbar__icon-fill" x="54" y="0" width="5" height="15"/>
553
- <rect class="kss-toolbar__icon-fill" x="49" y="5" width="15" height="5"/>
554
- <rect class="kss-toolbar__icon-fill" x="54" y="49" width="5" height="15"/>
555
- <rect class="kss-toolbar__icon-fill" x="49" y="54" width="15" height="5"/>
556
- <rect class="kss-toolbar__icon-fill" x="5" y="49" width="5" height="15"/>
557
- <rect class="kss-toolbar__icon-fill" x="0" y="54" width="15" height="5"/>
558
- <rect class="kss-toolbar__icon-fill" x="35" y="54" width="9" height="5"/>
559
- <rect class="kss-toolbar__icon-fill" x="20" y="54" width="9" height="5"/>
560
- </svg>
561
- </a>
562
- <a href="#kssref-base-lists" data-kss-markup="true">
563
- <span class="kss-toolbar__tooltip">Toggle HTML markup</span>
564
- <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">
565
- <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"/>
566
- <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"/>
567
- </svg>
568
- </a>
569
- </p>
570
-
571
-
572
-
573
- </div>
574
-
575
- <div class="kss-modifier__wrapper">
576
- <div class="kss-modifier__heading kss-style">
577
- Examples
578
- </div>
579
-
580
- <div class="kss-modifier__default-name kss-style">
581
- Default styling
582
- </div>
583
-
584
- <div class="kss-modifier__example">
585
- <ul class="">
586
- <li>List</li>
587
- <li>List</li>
588
- <li>List</li>
589
- </ul>
590
- <div class="kss-modifier__example-footer"></div>
591
- </div>
592
-
593
- <div class="kss-modifier__name kss-style">
594
- .checkList
595
- </div>
596
- <div class="kss-modifier__description kss-style">
597
- Checklist
598
- </div>
599
- <div class="kss-modifier__example">
600
- <ul class="checkList">
601
- <li>List</li>
602
- <li>List</li>
603
- <li>List</li>
604
- </ul>
605
- <div class="kss-modifier__example-footer"></div>
606
- </div>
607
- </div>
608
-
609
- <details class="kss-markup kss-style">
610
- <summary>
611
- Markup
612
- </summary>
613
- <pre class="hljs"><code class="language-handlebars"><span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">ul</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;[modifier class]&quot;</span>&gt;</span>
614
- <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span>List<span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span>
615
- <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span>List<span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span>
616
- <span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span>List<span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span>
617
- <span class="hljs-tag">&lt;/<span class="hljs-name">ul</span>&gt;</span></span></code></pre>
618
- </details>
619
-
620
- <div class="kss-source kss-style">
621
- Source: <code>build/doc/doc.css</code>, line 9927
622
- </div>
623
-
624
- </section>
625
- <section id="kssref-base-tables" class="kss-section kss-section--depth-2 ">
626
-
627
- <div class="kss-style">
628
- <h2 class="kss-title kss-title--level-2">
629
- <a class="kss-title__permalink" href="#kssref-base-tables">
630
- <span class="kss-title__ref">
631
- 1.5
632
- <span class="kss-title__permalink-hash">
633
- #Base.Tables
634
- </span>
635
- </span>
636
- Tables
637
- </a>
638
- </h2>
639
-
640
- <p class="kss-toolbar">
641
- <a href="#kssref-base-tables" data-kss-fullscreen="kssref-base-tables">
642
- <span class="kss-toolbar__tooltip">Toggle full screen</span>
643
- <svg focusable="false" aria-hidden="true" class="off" 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">
644
- <path class="kss-toolbar__icon-fill" d="M64 0v26l-10-10-12 12-6-6 12-12-10-10zM28 42l-12 12 10 10h-26v-26l10 10 12-12z"></path>
645
- </svg>
646
- <svg focusable="false" aria-hidden="true" class="on" 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">
647
- <path class="kss-toolbar__icon-fill" d="M28 36v26l-10-10-12 12-6-6 12-12-10-10zM64 6l-12 12 10 10h-26v-26l10 10 12-12z"></path>
648
- </svg>
649
- </a>
650
- <a href="item-base-tables.html" target="_blank">
651
- <span class="kss-toolbar__tooltip">Open in new window</span>
652
- <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">
653
- <rect x="0" y="20" width="40" height="44" fill="#fff"/>
654
- <path class="kss-toolbar__icon-fill" d="M40,64l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
655
- <rect class="kss-toolbar__icon-fill" x="0" y="20" width="40" height="10"/>
656
- <rect x="24" y="0" width="40" height="44" fill="#fff"/>
657
- <path class="kss-toolbar__icon-fill" d="M64,44l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
658
- <rect class="kss-toolbar__icon-fill" x="24" y="0" width="40" height="10"/>
659
- </svg>
660
- </a>
661
- <a href="#kssref-base-tables" data-kss-guides="true">
662
- <span class="kss-toolbar__tooltip">Toggle example guides</span>
663
- <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">
664
- <rect class="kss-toolbar__icon-fill" x="5" y="35" width="5" height="9"/>
665
- <rect class="kss-toolbar__icon-fill" x="54" y="21" width="5" height="9"/>
666
- <rect class="kss-toolbar__icon-fill" x="54" y="35" width="5" height="9"/>
667
- <rect class="kss-toolbar__icon-fill" x="5" y="21" width="5" height="9"/>
668
- <rect class="kss-toolbar__icon-fill" x="5" y="0" width="5" height="15"/>
669
- <rect class="kss-toolbar__icon-fill" x="35" y="5" width="9" height="5"/>
670
- <rect class="kss-toolbar__icon-fill" x="20" y="5" width="9" height="5"/>
671
- <rect class="kss-toolbar__icon-fill" x="0" y="5" width="15" height="5"/>
672
- <rect class="kss-toolbar__icon-fill" x="54" y="0" width="5" height="15"/>
673
- <rect class="kss-toolbar__icon-fill" x="49" y="5" width="15" height="5"/>
674
- <rect class="kss-toolbar__icon-fill" x="54" y="49" width="5" height="15"/>
675
- <rect class="kss-toolbar__icon-fill" x="49" y="54" width="15" height="5"/>
676
- <rect class="kss-toolbar__icon-fill" x="5" y="49" width="5" height="15"/>
677
- <rect class="kss-toolbar__icon-fill" x="0" y="54" width="15" height="5"/>
678
- <rect class="kss-toolbar__icon-fill" x="35" y="54" width="9" height="5"/>
679
- <rect class="kss-toolbar__icon-fill" x="20" y="54" width="9" height="5"/>
680
- </svg>
681
- </a>
682
- <a href="#kssref-base-tables" data-kss-markup="true">
683
- <span class="kss-toolbar__tooltip">Toggle HTML markup</span>
684
- <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">
685
- <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"/>
686
- <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"/>
687
- </svg>
688
- </a>
689
- </p>
690
-
691
-
692
-
693
- </div>
694
-
695
- <div class="kss-modifier__wrapper">
696
- <div class="kss-modifier__heading kss-style">
697
- Example
698
- </div>
699
-
700
-
701
- <div class="kss-modifier__example">
702
- <table>
703
- <tr>
704
- <th>Header</th>
705
- <th>Header</th>
706
- <th>Header</th>
707
- <th>Header</th>
708
- <th>Header</th>
709
- </tr>
710
- <tr>
711
- <td>Cell</td>
712
- <td>Cell</td>
713
- <td>Cell</td>
714
- <td>Cell</td>
715
- <td>Cell</td>
716
- </tr>
717
- </table>
718
- <div class="kss-modifier__example-footer"></div>
719
- </div>
720
-
721
- </div>
722
-
723
- <details class="kss-markup kss-style">
724
- <summary>
725
- Markup
726
- </summary>
727
- <pre class="hljs"><code class="language-handlebars"><span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">table</span>&gt;</span>
728
- <span class="hljs-tag">&lt;<span class="hljs-name">tr</span>&gt;</span>
729
- <span class="hljs-tag">&lt;<span class="hljs-name">th</span>&gt;</span>Header<span class="hljs-tag">&lt;/<span class="hljs-name">th</span>&gt;</span>
730
- <span class="hljs-tag">&lt;<span class="hljs-name">th</span>&gt;</span>Header<span class="hljs-tag">&lt;/<span class="hljs-name">th</span>&gt;</span>
731
- <span class="hljs-tag">&lt;<span class="hljs-name">th</span>&gt;</span>Header<span class="hljs-tag">&lt;/<span class="hljs-name">th</span>&gt;</span>
732
- <span class="hljs-tag">&lt;<span class="hljs-name">th</span>&gt;</span>Header<span class="hljs-tag">&lt;/<span class="hljs-name">th</span>&gt;</span>
733
- <span class="hljs-tag">&lt;<span class="hljs-name">th</span>&gt;</span>Header<span class="hljs-tag">&lt;/<span class="hljs-name">th</span>&gt;</span>
734
- <span class="hljs-tag">&lt;/<span class="hljs-name">tr</span>&gt;</span>
735
- <span class="hljs-tag">&lt;<span class="hljs-name">tr</span>&gt;</span>
736
- <span class="hljs-tag">&lt;<span class="hljs-name">td</span>&gt;</span>Cell<span class="hljs-tag">&lt;/<span class="hljs-name">td</span>&gt;</span>
737
- <span class="hljs-tag">&lt;<span class="hljs-name">td</span>&gt;</span>Cell<span class="hljs-tag">&lt;/<span class="hljs-name">td</span>&gt;</span>
738
- <span class="hljs-tag">&lt;<span class="hljs-name">td</span>&gt;</span>Cell<span class="hljs-tag">&lt;/<span class="hljs-name">td</span>&gt;</span>
739
- <span class="hljs-tag">&lt;<span class="hljs-name">td</span>&gt;</span>Cell<span class="hljs-tag">&lt;/<span class="hljs-name">td</span>&gt;</span>
740
- <span class="hljs-tag">&lt;<span class="hljs-name">td</span>&gt;</span>Cell<span class="hljs-tag">&lt;/<span class="hljs-name">td</span>&gt;</span>
741
- <span class="hljs-tag">&lt;/<span class="hljs-name">tr</span>&gt;</span>
742
- <span class="hljs-tag">&lt;/<span class="hljs-name">table</span>&gt;</span></span></code></pre>
743
- </details>
744
-
745
- <div class="kss-source kss-style">
746
- Source: <code>build/doc/doc.css</code>, line 4155
747
- </div>
748
-
749
- </section>
750
- </article>
751
- </main>
752
-
753
- <!-- SCRIPTS -->
754
- <script src="kss-assets/kss.js"></script>
755
- <script src="kss-assets/scrollspy.js"></script>
756
- <script src="kss-assets/kss-fullscreen.js"></script>
757
- <script src="kss-assets/kss-guides.js"></script>
758
- <script src="kss-assets/kss-markup.js"></script>
759
- <script>
760
- var spy = new ScrollSpy('#kss-node', {
761
- nav: '.kss-nav__menu-child > li > a',
762
- className: 'is-in-viewport'
763
- });
764
- var kssFullScreen = new KssFullScreen({
765
- idPrefix: 'kss-fullscreen-',
766
- bodyClass: 'kss-fullscreen-mode',
767
- elementClass: 'is-fullscreen'
768
- });
769
- var kssGuides = new KssGuides({
770
- bodyClass: 'kss-guides-mode'
771
- });
772
- var kssMarkup = new KssMarkup({
773
- bodyClass: 'kss-markup-mode',
774
- detailsClass: 'kss-markup'
775
- });
776
- </script>
777
- <script src="../../default/b2c/dist/js/main.js"></script>
778
- <script src="../dist/js/main.js"></script>
779
-
780
-
781
-
782
- <!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
783
- </body>
784
- </html>