cronus-theme 2.0.88 → 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 (438) hide show
  1. package/Gulpfile.js +4 -3
  2. package/README.md +1 -12
  3. package/default/b2b/build/doc/doc.css +35 -2
  4. package/default/b2b/dist/css/account.css +1 -1
  5. package/default/b2b/dist/css/{account1733309885.css → account1734010254.css} +1 -1
  6. package/default/b2b/dist/css/addons/errorPages.css +1 -1
  7. package/default/b2b/dist/css/addons/fck.css +1 -1
  8. package/default/b2b/dist/css/addons/kss.css +1 -1
  9. package/default/b2b/dist/css/doc.css +1 -1
  10. package/default/b2b/dist/css/{doc1733309885.css → doc1734010254.css} +1 -1
  11. package/default/b2b/dist/css/main.css +1 -1
  12. package/default/b2b/dist/css/{main1733309885.css → main1734010254.css} +1 -1
  13. package/default/b2b/dist/css/order.css +1 -1
  14. package/default/b2b/dist/css/{order1733309885.css → order1734010254.css} +1 -1
  15. package/default/b2b/dist/css/salesperson.css +1 -1
  16. package/default/b2b/dist/css/{salesperson1733309885.css → salesperson1734010254.css} +1 -1
  17. package/default/b2b/dist/fonts/{icons1733309885.woff → icons1734010254.woff} +0 -0
  18. package/default/b2b/dist/fonts/icons1734010254.woff2 +0 -0
  19. package/default/b2b/dist/js/main.js +1 -1
  20. package/default/b2b/dist/js/main.js.map +2 -2
  21. package/default/b2b/dist/js/{main1733309885.js → main1734010254.js} +1 -1
  22. package/default/b2b/dist/snippets/css/account.html +1 -1
  23. package/default/b2b/dist/snippets/css/doc.html +1 -1
  24. package/default/b2b/dist/snippets/css/main.html +1 -1
  25. package/default/b2b/dist/snippets/css/order.html +1 -1
  26. package/default/b2b/dist/snippets/css/salesperson.html +1 -1
  27. package/default/b2b/dist/snippets/iconfont.html +1 -1
  28. package/default/b2b/dist/snippets/js/account.html +1 -1
  29. package/default/b2b/dist/snippets/js/itemcard.html +1 -1
  30. package/default/b2b/dist/snippets/js/main.html +1 -1
  31. package/default/b2b/dist/snippets/js/order.html +1 -1
  32. package/default/b2b/dist/snippets/js/salesperson.html +1 -1
  33. package/default/b2b/src/icons/{icons1733309885.woff → icons1734010254.woff} +0 -0
  34. package/default/b2b/src/icons/icons1734010254.woff2 +0 -0
  35. package/default/b2b/src/scss/base/_icons.scss +2 -2
  36. package/default/b2b/src/scss/main.scss +1 -0
  37. package/default/b2b/styleguide/item-components-skeleton.html +1 -1
  38. package/default/b2b/styleguide/item-shop-account-infobox.html +1 -1
  39. package/default/b2b/styleguide/item-shop-accountbox.html +1 -1
  40. package/default/b2b/styleguide/item-shop-amount-lines.html +1 -1
  41. package/default/b2b/styleguide/item-shop-attributes-icons.html +1 -1
  42. package/default/b2b/styleguide/item-shop-categorylist-itempreview.html +1 -1
  43. package/default/b2b/styleguide/item-shop-filter.html +1 -1
  44. package/default/b2b/styleguide/item-shop-itemlist-sticky-order-bar.html +1 -1
  45. package/default/b2b/styleguide/item-shop-list-type-switch.html +1 -1
  46. package/default/b2b/styleguide/item-shop-order-history-list.html +1 -1
  47. package/default/b2b/styleguide/item-shop-orderboxsummary.html +1 -1
  48. package/default/b2b/styleguide/item-shop-orderbutton.html +1 -1
  49. package/default/b2b/styleguide/item-shop-orderitemlist.html +1 -1
  50. package/default/b2b/styleguide/item-shop-selected-salesperson-box.html +1 -1
  51. package/default/b2b/styleguide/item-shop-sorting.html +1 -1
  52. package/default/b2b/styleguide/item-shop-variantselection.html +1 -1
  53. package/default/b2b/styleguide/section-components.html +1 -1
  54. package/default/b2b/styleguide/section-shop.html +15 -15
  55. package/default/b2b.yaml +2 -1
  56. package/default/b2c/build/doc/doc.css +35 -2
  57. package/default/b2c/dist/css/account.css +1 -1
  58. package/default/b2c/dist/css/{account1733309880.css → account1734010249.css} +1 -1
  59. package/default/b2c/dist/css/addons/errorPages.css +1 -1
  60. package/default/b2c/dist/css/addons/fck.css +1 -1
  61. package/default/b2c/dist/css/addons/kss.css +1 -1
  62. package/default/b2c/dist/css/doc.css +1 -1
  63. package/default/b2c/dist/css/{doc1733309880.css → doc1734010249.css} +1 -1
  64. package/default/b2c/dist/css/main.css +1 -1
  65. package/default/b2c/dist/css/{main1733309880.css → main1734010249.css} +1 -1
  66. package/default/b2c/dist/css/order.css +1 -1
  67. package/default/b2c/dist/css/{order1733309880.css → order1734010249.css} +1 -1
  68. package/{child/dist/fonts/icons1733309902.woff → default/b2c/dist/fonts/icons1734010249.woff} +0 -0
  69. package/default/b2c/dist/fonts/icons1734010249.woff2 +0 -0
  70. package/default/b2c/dist/js/main.js +1 -1
  71. package/default/b2c/dist/js/main.js.map +2 -2
  72. package/default/b2c/dist/js/{main1733309880.js → main1734010249.js} +1 -1
  73. package/default/b2c/dist/snippets/css/account.html +1 -1
  74. package/default/b2c/dist/snippets/css/doc.html +1 -1
  75. package/default/b2c/dist/snippets/css/main.html +1 -1
  76. package/default/b2c/dist/snippets/css/order.html +1 -1
  77. package/default/b2c/dist/snippets/iconfont.html +1 -1
  78. package/default/b2c/dist/snippets/js/account.html +1 -1
  79. package/default/b2c/dist/snippets/js/itemcard.html +1 -1
  80. package/default/b2c/dist/snippets/js/main.html +1 -1
  81. package/default/b2c/dist/snippets/js/order.html +1 -1
  82. package/{child/src/icons/icons1733309902.woff → default/b2c/src/icons/icons1734010249.woff} +0 -0
  83. package/default/b2c/src/icons/icons1734010249.woff2 +0 -0
  84. package/default/b2c/src/scss/base/_icons.scss +2 -2
  85. package/default/b2c/src/scss/main.scss +1 -0
  86. package/default/b2c/styleguide/item-shop-accountbox.html +1 -1
  87. package/default/b2c/styleguide/item-shop-amount-lines.html +1 -1
  88. package/default/b2c/styleguide/item-shop-attributes-icons.html +1 -1
  89. package/default/b2c/styleguide/item-shop-categorylist-itempreview.html +1 -1
  90. package/default/b2c/styleguide/item-shop-checkout-buttons.html +1 -1
  91. package/default/b2c/styleguide/item-shop-filter.html +1 -1
  92. package/default/b2c/styleguide/item-shop-history-list-item.html +1 -1
  93. package/default/b2c/styleguide/item-shop-orderboxsummary.html +1 -1
  94. package/default/b2c/styleguide/item-shop-orderbutton.html +1 -1
  95. package/default/b2c/styleguide/item-shop-sorting.html +1 -1
  96. package/default/b2c/styleguide/item-shop-variantselection.html +1 -1
  97. package/default/b2c/styleguide/section-shop.html +11 -11
  98. package/default/b2c.yaml +2 -1
  99. package/default/catalog/build/doc/doc.css +35 -2
  100. package/default/catalog/dist/css/addons/errorPages.css +1 -1
  101. package/default/catalog/dist/css/addons/fck.css +1 -1
  102. package/default/catalog/dist/css/doc.css +1 -1
  103. package/default/catalog/dist/css/{main1733309893.css → doc1734010262.css} +1 -1
  104. package/default/catalog/dist/css/main.css +1 -1
  105. package/default/catalog/dist/css/{doc1733309893.css → main1734010262.css} +1 -1
  106. package/default/catalog/dist/fonts/icons1734010262.woff +0 -0
  107. package/default/catalog/dist/fonts/icons1734010262.woff2 +0 -0
  108. package/default/catalog/dist/js/main.js +1 -1
  109. package/default/catalog/dist/js/main.js.map +2 -2
  110. package/default/catalog/dist/js/{main1733309893.js → main1734010262.js} +1 -1
  111. package/default/catalog/dist/snippets/css/doc.html +1 -1
  112. package/default/catalog/dist/snippets/css/main.html +1 -1
  113. package/default/catalog/dist/snippets/iconfont.html +1 -1
  114. package/default/catalog/dist/snippets/js/account.html +1 -1
  115. package/default/catalog/dist/snippets/js/itemcard.html +1 -1
  116. package/default/catalog/dist/snippets/js/main.html +1 -1
  117. package/default/catalog/dist/snippets/js/order.html +1 -1
  118. package/default/catalog/src/icons/icons1734010262.woff +0 -0
  119. package/default/catalog/src/icons/icons1734010262.woff2 +0 -0
  120. package/default/catalog/src/scss/base/_icons.scss +2 -2
  121. package/default/catalog/src/scss/main.scss +1 -0
  122. package/default/catalog/styleguide/item-shop-account-infobox.html +1 -1
  123. package/default/catalog/styleguide/item-shop-accountbox.html +1 -1
  124. package/default/catalog/styleguide/item-shop-attributes-icons.html +1 -1
  125. package/default/catalog/styleguide/item-shop-categorybox.html +1 -1
  126. package/default/catalog/styleguide/item-shop-categorylist-itempreview.html +1 -1
  127. package/default/catalog/styleguide/item-shop-filter.html +1 -1
  128. package/default/catalog/styleguide/item-shop-inventory.html +1 -1
  129. package/default/catalog/styleguide/item-shop-list-type-switch.html +1 -1
  130. package/default/catalog/styleguide/item-shop-orderboxsummary.html +1 -1
  131. package/default/catalog/styleguide/item-shop-selected-salesperson-box.html +1 -1
  132. package/default/catalog/styleguide/item-shop-sorting.html +1 -1
  133. package/default/catalog/styleguide/item-shop-variantselection.html +1 -1
  134. package/default/catalog/styleguide/section-shop.html +12 -12
  135. package/default/catalog.yaml +2 -1
  136. package/default/global/js/rangeSlider.js +8 -8
  137. package/default/global/scss/shop/_categoryStructure.scss +27 -0
  138. package/default/global/scss/shop/_filter.scss +5 -1
  139. package/default/login/build/doc/doc.css +1 -1
  140. package/default/login/dist/css/addons/errorPages.css +1 -1
  141. package/default/login/dist/css/addons/fck.css +1 -1
  142. package/default/login/dist/css/addons/kss.css +1 -1
  143. package/default/login/dist/css/doc.css +1 -1
  144. package/default/login/dist/css/{doc1733309889.css → doc1734010259.css} +1 -1
  145. package/default/login/dist/css/main.css +1 -1
  146. package/default/login/dist/css/{main1733309889.css → main1734010259.css} +1 -1
  147. package/default/login/dist/fonts/icons1734010259.woff +0 -0
  148. package/default/login/dist/fonts/icons1734010259.woff2 +0 -0
  149. package/default/login/dist/snippets/css/doc.html +1 -1
  150. package/default/login/dist/snippets/css/main.html +1 -1
  151. package/default/login/dist/snippets/iconfont.html +1 -1
  152. package/default/login/dist/snippets/js/main.html +1 -1
  153. package/default/login/src/icons/icons1734010259.woff +0 -0
  154. package/default/login/src/icons/icons1734010259.woff2 +0 -0
  155. package/default/login/src/scss/base/_icons.scss +2 -2
  156. package/default/login.yaml +2 -1
  157. package/default/templates/emails/basicmail/basicmail.mustache +2 -2
  158. package/default/templates/emails/basicmail/basicmailFooter.mustache +1 -1
  159. package/default/templates/emails/basicmail/basicmailHeader.mustache +1 -1
  160. package/default/templates/emails/footerText.mustache +12 -12
  161. package/default/templates/emails/ordermail/orderLines.mustache +5 -5
  162. package/default/templates/emails/ordermail/ordermail.mustache +1 -1
  163. package/default/templates/emails/ordermail/ordermailDcOrder.mustache +1 -1
  164. package/default/templates/emails/ordermail/ordermailDetails.mustache +17 -17
  165. package/default/templates/emails/ordermail/ordermailFooter.mustache +1 -1
  166. package/default/templates/emails/ordermail/ordermailHeader.mustache +5 -5
  167. package/default/templates/emails/ordermail/ordermailIntro.mustache +1 -1
  168. package/default/templates/emails/ordermail/ordermailIntroText.mustache +1 -1
  169. package/default/templates/emails/ordermail/ordermailItem.mustache +1 -1
  170. package/default/templates/emails/ordermail/ordermailItemHeadline.mustache +1 -1
  171. package/default/templates/emails/ordermail/ordermailItemList.mustache +1 -1
  172. package/default/templates/filter/b2b/filter.mustache +1 -1
  173. package/default/templates/filter/b2c/filter.mustache +1 -1
  174. package/default/templates/filter/catalog/filter.mustache +1 -1
  175. package/default/templates/shop/item_statistics_account.mustache +1 -1
  176. package/default/website/build/doc/doc.css +1 -1
  177. package/default/website/dist/css/addons/errorPages.css +1 -1
  178. package/default/website/dist/css/addons/fck.css +1 -1
  179. package/default/website/dist/css/addons/kss.css +1 -1
  180. package/default/website/dist/css/doc.css +1 -1
  181. package/default/website/dist/css/{main1733309898.css → doc1734010266.css} +1 -1
  182. package/default/website/dist/css/main.css +1 -1
  183. package/default/website/dist/css/{doc1733309898.css → main1734010266.css} +1 -1
  184. package/default/website/dist/fonts/icons1734010266.woff +0 -0
  185. package/default/website/dist/fonts/icons1734010266.woff2 +0 -0
  186. package/default/website/dist/snippets/css/doc.html +1 -1
  187. package/default/website/dist/snippets/css/main.html +1 -1
  188. package/default/website/dist/snippets/iconfont.html +1 -1
  189. package/default/website/dist/snippets/js/main.html +1 -1
  190. package/default/website/src/icons/icons1734010266.woff +0 -0
  191. package/default/website/src/icons/icons1734010266.woff2 +0 -0
  192. package/default/website/src/scss/base/_icons.scss +2 -2
  193. package/default/website.yaml +2 -1
  194. package/package.json +1 -1
  195. package/child/404_de.html +0 -32
  196. package/child/404_en.html +0 -32
  197. package/child/Gulpfile.js +0 -463
  198. package/child/build/doc/doc.css +0 -21840
  199. package/child/build/favicons/android-chrome-192x192.png +0 -0
  200. package/child/build/favicons/android-chrome-512x512.png +0 -0
  201. package/child/build/favicons/apple-touch-icon.png +0 -0
  202. package/child/build/favicons/browserconfig.xml +0 -9
  203. package/child/build/favicons/favicon-16x16.png +0 -0
  204. package/child/build/favicons/favicon-32x32.png +0 -0
  205. package/child/build/favicons/favicon.ico +0 -0
  206. package/child/build/favicons/faviconData.json +0 -1
  207. package/child/build/favicons/mstile-144x144.png +0 -0
  208. package/child/build/favicons/mstile-150x150.png +0 -0
  209. package/child/build/favicons/mstile-310x150.png +0 -0
  210. package/child/build/favicons/mstile-310x310.png +0 -0
  211. package/child/build/favicons/mstile-70x70.png +0 -0
  212. package/child/build/favicons/safari-pinned-tab.svg +0 -36
  213. package/child/build/favicons/site.webmanifest +0 -19
  214. package/child/child.yaml +0 -137
  215. package/child/ck_styles.js +0 -90
  216. package/child/config.json +0 -37
  217. package/child/dist/css/addons/errorPages.css +0 -1
  218. package/child/dist/css/addons/fck.css +0 -1
  219. package/child/dist/css/addons/kss.css +0 -1
  220. package/child/dist/css/child.css +0 -1
  221. package/child/dist/css/child1733309902.css +0 -1
  222. package/child/dist/css/doc.css +0 -1
  223. package/child/dist/css/doc1733309902.css +0 -1
  224. package/child/dist/favicons/android-chrome-192x192.png +0 -0
  225. package/child/dist/favicons/android-chrome-512x512.png +0 -0
  226. package/child/dist/favicons/apple-touch-icon.png +0 -0
  227. package/child/dist/favicons/browserconfig.xml +0 -9
  228. package/child/dist/favicons/favicon-16x16.png +0 -0
  229. package/child/dist/favicons/favicon-32x32.png +0 -0
  230. package/child/dist/favicons/favicon.ico +0 -0
  231. package/child/dist/favicons/faviconData.json +0 -1
  232. package/child/dist/favicons/mstile-144x144.png +0 -0
  233. package/child/dist/favicons/mstile-150x150.png +0 -0
  234. package/child/dist/favicons/mstile-310x150.png +0 -0
  235. package/child/dist/favicons/mstile-310x310.png +0 -0
  236. package/child/dist/favicons/mstile-70x70.png +0 -0
  237. package/child/dist/favicons/safari-pinned-tab.svg +0 -36
  238. package/child/dist/favicons/site.webmanifest +0 -19
  239. package/child/dist/fonts/barlow-600.woff +0 -0
  240. package/child/dist/fonts/barlow-600.woff2 +0 -0
  241. package/child/dist/fonts/barlow-700.woff +0 -0
  242. package/child/dist/fonts/barlow-700.woff2 +0 -0
  243. package/child/dist/fonts/barlow-regular.woff +0 -0
  244. package/child/dist/fonts/barlow-regular.woff2 +0 -0
  245. package/child/dist/fonts/icons1689843011.woff +0 -0
  246. package/child/dist/fonts/icons1689843011.woff2 +0 -0
  247. package/child/dist/fonts/icons1689843343.woff +0 -0
  248. package/child/dist/fonts/icons1689843343.woff2 +0 -0
  249. package/child/dist/fonts/icons1733309902.woff2 +0 -0
  250. package/child/dist/js/child.js +0 -2
  251. package/child/dist/js/child.js.map +0 -7
  252. package/child/dist/js/child1733309902.js +0 -2
  253. package/child/dist/snippets/css/child.html +0 -1
  254. package/child/dist/snippets/css/doc.html +0 -1
  255. package/child/dist/snippets/faviconmarkup.html +0 -9
  256. package/child/dist/snippets/iconfont.html +0 -1
  257. package/child/dist/snippets/js/child.html +0 -1
  258. package/child/frontend.php +0 -266
  259. package/child/homepage.md +0 -1
  260. package/child/kss-config.json +0 -17
  261. package/child/package.json +0 -65
  262. package/child/sample.jpg +0 -0
  263. package/child/src/favicon/favicon.svg +0 -1
  264. package/child/src/fonts/barlow-600.woff +0 -0
  265. package/child/src/fonts/barlow-600.woff2 +0 -0
  266. package/child/src/fonts/barlow-700.woff +0 -0
  267. package/child/src/fonts/barlow-700.woff2 +0 -0
  268. package/child/src/fonts/barlow-regular.woff +0 -0
  269. package/child/src/fonts/barlow-regular.woff2 +0 -0
  270. package/child/src/fonts/icons1689843011.woff +0 -0
  271. package/child/src/fonts/icons1689843011.woff2 +0 -0
  272. package/child/src/fonts/icons1689843343.woff +0 -0
  273. package/child/src/fonts/icons1689843343.woff2 +0 -0
  274. package/child/src/icons/icons1733309902.woff2 +0 -0
  275. package/child/src/js/child.js +0 -0
  276. package/child/src/scss/_print.scss +0 -5
  277. package/child/src/scss/addons/errorPages.scss +0 -109
  278. package/child/src/scss/addons/fck.scss +0 -6
  279. package/child/src/scss/addons/kss.scss +0 -108
  280. package/child/src/scss/base/_fonts.scss +0 -27
  281. package/child/src/scss/base/_icons.scss +0 -968
  282. package/child/src/scss/base/_variables.scss +0 -0
  283. package/child/src/scss/child.scss +0 -11
  284. package/child/src/scss/doc.scss +0 -2
  285. package/child/src/scss/mixins/_breakpoints.scss +0 -127
  286. package/child/src/scss/mixins/_functions.scss +0 -273
  287. package/child/src/scss/mixins/_grid.scss +0 -85
  288. package/child/src/scss/mixins/_mixins.scss +0 -3
  289. package/child/src/scss/template/_icons.scss +0 -33
  290. package/child/src/snippets/faviconmarkup.html +0 -0
  291. package/child/src/snippets/includeCSS.html +0 -1
  292. package/child/src/snippets/includeFont.html +0 -1
  293. package/child/src/snippets/includeJS.html +0 -1
  294. package/child/styleguide/index.html +0 -119
  295. package/child/styleguide/item-base-button-link.html +0 -191
  296. package/child/styleguide/item-base-buttons.html +0 -244
  297. package/child/styleguide/item-base-fake-tables.html +0 -221
  298. package/child/styleguide/item-base-icons.html +0 -290
  299. package/child/styleguide/item-base-lists.html +0 -216
  300. package/child/styleguide/item-base-tables.html +0 -221
  301. package/child/styleguide/item-base-tags-group.html +0 -209
  302. package/child/styleguide/item-base-tags.html +0 -224
  303. package/child/styleguide/item-base.html +0 -171
  304. package/child/styleguide/item-colors-background.html +0 -305
  305. package/child/styleguide/item-colors-border.html +0 -263
  306. package/child/styleguide/item-colors-font.html +0 -304
  307. package/child/styleguide/item-colors.html +0 -159
  308. package/child/styleguide/item-components-action-icon.html +0 -244
  309. package/child/styleguide/item-components-actionbox.html +0 -195
  310. package/child/styleguide/item-components-alerts.html +0 -244
  311. package/child/styleguide/item-components-breadcrumb.html +0 -209
  312. package/child/styleguide/item-components-custom-select.html +0 -588
  313. package/child/styleguide/item-components-filegallery.html +0 -223
  314. package/child/styleguide/item-components-iconbar.html +0 -378
  315. package/child/styleguide/item-components-iconbox.html +0 -197
  316. package/child/styleguide/item-components-iconlist.html +0 -205
  317. package/child/styleguide/item-components-modals.html +0 -319
  318. package/child/styleguide/item-components-pagination.html +0 -215
  319. package/child/styleguide/item-components-processbar.html +0 -225
  320. package/child/styleguide/item-components-radio-list.html +0 -297
  321. package/child/styleguide/item-components-rating.html +0 -213
  322. package/child/styleguide/item-components-scrollbar.html +0 -327
  323. package/child/styleguide/item-components-searchbar.html +0 -204
  324. package/child/styleguide/item-components-share-links.html +0 -209
  325. package/child/styleguide/item-components-tags-group.html +0 -209
  326. package/child/styleguide/item-components-tags.html +0 -254
  327. package/child/styleguide/item-components-trust-infobar.html +0 -205
  328. package/child/styleguide/item-components-trustbar.html +0 -213
  329. package/child/styleguide/item-components-trustlist.html +0 -211
  330. package/child/styleguide/item-components.html +0 -261
  331. package/child/styleguide/item-form-checkboxes-switch.html +0 -195
  332. package/child/styleguide/item-form-checkboxes.html +0 -195
  333. package/child/styleguide/item-form-file-input.html +0 -252
  334. package/child/styleguide/item-form-infield-input-groups.html +0 -215
  335. package/child/styleguide/item-form-input-groups-addons.html +0 -286
  336. package/child/styleguide/item-form-input-groups.html +0 -210
  337. package/child/styleguide/item-form-inputs.html +0 -398
  338. package/child/styleguide/item-form-label-left-input-groups.html +0 -201
  339. package/child/styleguide/item-form-radioboxes-switch.html +0 -211
  340. package/child/styleguide/item-form.html +0 -189
  341. package/child/styleguide/item-navigations-mainnav.html +0 -239
  342. package/child/styleguide/item-navigations-nav.html +0 -215
  343. package/child/styleguide/item-navigations-navgroup.html +0 -538
  344. package/child/styleguide/item-navigations-subnav.html +0 -295
  345. package/child/styleguide/item-navigations-toggle-navigation.html +0 -216
  346. package/child/styleguide/item-navigations.html +0 -171
  347. package/child/styleguide/item-shop-accountbox.html +0 -318
  348. package/child/styleguide/item-shop-amount-lines.html +0 -243
  349. package/child/styleguide/item-shop-attributes-icons.html +0 -205
  350. package/child/styleguide/item-shop-categorybox.html +0 -227
  351. package/child/styleguide/item-shop-categorylist-itempreview.html +0 -247
  352. package/child/styleguide/item-shop-categorylist.html +0 -257
  353. package/child/styleguide/item-shop-checkout-buttons.html +0 -205
  354. package/child/styleguide/item-shop-filter.html +0 -707
  355. package/child/styleguide/item-shop-history-list-item.html +0 -213
  356. package/child/styleguide/item-shop-inventory.html +0 -300
  357. package/child/styleguide/item-shop-list-type-switch.html +0 -207
  358. package/child/styleguide/item-shop-order-history-list.html +0 -254
  359. package/child/styleguide/item-shop-orderboxsummary.html +0 -267
  360. package/child/styleguide/item-shop-orderbutton.html +0 -297
  361. package/child/styleguide/item-shop-orderitemlist.html +0 -263
  362. package/child/styleguide/item-shop-prices-list-graduated.html +0 -247
  363. package/child/styleguide/item-shop-prices-list.html +0 -217
  364. package/child/styleguide/item-shop-prices.html +0 -199
  365. package/child/styleguide/item-shop-promotions.html +0 -201
  366. package/child/styleguide/item-shop-quantity-spinner.html +0 -366
  367. package/child/styleguide/item-shop-sorting.html +0 -271
  368. package/child/styleguide/item-shop-state.html +0 -279
  369. package/child/styleguide/item-shop-variantselection.html +0 -199
  370. package/child/styleguide/item-shop.html +0 -243
  371. package/child/styleguide/item-siteparts-filegallery.html +0 -223
  372. package/child/styleguide/item-siteparts-scrollbar.html +0 -294
  373. package/child/styleguide/item-siteparts-slidecontent.html +0 -217
  374. package/child/styleguide/item-siteparts.html +0 -159
  375. package/child/styleguide/item-structure-containers.html +0 -234
  376. package/child/styleguide/item-structure-grid.html +0 -373
  377. package/child/styleguide/item-structure-margins.html +0 -307
  378. package/child/styleguide/item-structure-paddings.html +0 -307
  379. package/child/styleguide/item-structure.html +0 -165
  380. package/child/styleguide/item-typo-alignment-transform.html +0 -274
  381. package/child/styleguide/item-typo-headlines.html +0 -225
  382. package/child/styleguide/item-typo-link-with-icon.html +0 -254
  383. package/child/styleguide/item-typo-links.html +0 -224
  384. package/child/styleguide/item-typo-text.html +0 -214
  385. package/child/styleguide/item-typo.html +0 -165
  386. package/child/styleguide/kss-assets/WARNING.txt +0 -2
  387. package/child/styleguide/kss-assets/github-fork--black.png +0 -0
  388. package/child/styleguide/kss-assets/kss-fullscreen.js +0 -60
  389. package/child/styleguide/kss-assets/kss-guides.js +0 -27
  390. package/child/styleguide/kss-assets/kss-markup.js +0 -42
  391. package/child/styleguide/kss-assets/kss.css +0 -1
  392. package/child/styleguide/kss-assets/kss.js +0 -53
  393. package/child/styleguide/kss-assets/kss.scss +0 -746
  394. package/child/styleguide/kss-assets/noise-low.png +0 -0
  395. package/child/styleguide/kss-assets/sample-inline.png +0 -0
  396. package/child/styleguide/kss-assets/sample-inline.svg +0 -3
  397. package/child/styleguide/kss-assets/sample.png +0 -0
  398. package/child/styleguide/kss-assets/sample.svg +0 -3
  399. package/child/styleguide/kss-assets/scrollspy.js +0 -147
  400. package/child/styleguide/section-base.html +0 -784
  401. package/child/styleguide/section-colors.html +0 -743
  402. package/child/styleguide/section-components.html +0 -3375
  403. package/child/styleguide/section-form.html +0 -1383
  404. package/child/styleguide/section-navigations.html +0 -1194
  405. package/child/styleguide/section-shop.html +0 -3333
  406. package/child/styleguide/section-siteparts.html +0 -605
  407. package/child/styleguide/section-structure.html +0 -1002
  408. package/child/styleguide/section-typo.html +0 -698
  409. package/default/b2b/dist/fonts/icons1733309885.woff2 +0 -0
  410. package/default/b2b/src/icons/icons1733309885.woff2 +0 -0
  411. package/default/b2c/dist/fonts/icons1733309880.woff +0 -0
  412. package/default/b2c/dist/fonts/icons1733309880.woff2 +0 -0
  413. package/default/b2c/src/icons/icons1733309880.woff +0 -0
  414. package/default/b2c/src/icons/icons1733309880.woff2 +0 -0
  415. package/default/catalog/dist/fonts/icons1733309893.woff +0 -0
  416. package/default/catalog/dist/fonts/icons1733309893.woff2 +0 -0
  417. package/default/catalog/src/icons/icons1733309893.woff +0 -0
  418. package/default/catalog/src/icons/icons1733309893.woff2 +0 -0
  419. package/default/login/dist/fonts/icons1733309889.woff +0 -0
  420. package/default/login/dist/fonts/icons1733309889.woff2 +0 -0
  421. package/default/login/src/icons/icons1733309889.woff +0 -0
  422. package/default/login/src/icons/icons1733309889.woff2 +0 -0
  423. package/default/website/dist/fonts/icons1733309898.woff +0 -0
  424. package/default/website/dist/fonts/icons1733309898.woff2 +0 -0
  425. package/default/website/src/icons/icons1733309898.woff +0 -0
  426. package/default/website/src/icons/icons1733309898.woff2 +0 -0
  427. /package/default/b2b/dist/js/{account1733309885.js → account1734010254.js} +0 -0
  428. /package/default/b2b/dist/js/{itemcard1733309885.js → itemcard1734010254.js} +0 -0
  429. /package/default/b2b/dist/js/{order1733309885.js → order1734010254.js} +0 -0
  430. /package/default/b2b/dist/js/{salesperson1733309885.js → salesperson1734010254.js} +0 -0
  431. /package/default/b2c/dist/js/{account1733309880.js → account1734010249.js} +0 -0
  432. /package/default/b2c/dist/js/{itemcard1733309880.js → itemcard1734010249.js} +0 -0
  433. /package/default/b2c/dist/js/{order1733309880.js → order1734010249.js} +0 -0
  434. /package/default/catalog/dist/js/{account1733309893.js → account1734010262.js} +0 -0
  435. /package/default/catalog/dist/js/{itemcard1733309893.js → itemcard1734010262.js} +0 -0
  436. /package/default/catalog/dist/js/{order1733309893.js → order1734010262.js} +0 -0
  437. /package/default/login/dist/js/{main1733309889.js → main1734010259.js} +0 -0
  438. /package/default/website/dist/js/{main1733309898.js → main1734010266.js} +0 -0
package/child/styleguide/section-form.html DELETED
@@ -1,1383 +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
- </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
- <ul class="kss-nav__menu-child">
51
- <li class="kss-nav__menu-item">
52
- <a class="kss-nav__menu-link" href="section-form.html#kssref-form-checkboxes">
53
- <span class="kss-nav__ref ">4.1</span
54
- ><span class="kss-nav__name">Checkboxes</span>
55
- </a>
56
- </li>
57
- <li class="kss-nav__menu-item">
58
- <a class="kss-nav__menu-link" href="section-form.html#kssref-form-checkboxes-switch">
59
- <span class="kss-nav__ref ">4.2</span
60
- ><span class="kss-nav__name">Checkboxes Switch</span>
61
- </a>
62
- </li>
63
- <li class="kss-nav__menu-item">
64
- <a class="kss-nav__menu-link" href="section-form.html#kssref-form-file-input">
65
- <span class="kss-nav__ref ">4.3</span
66
- ><span class="kss-nav__name">File Input</span>
67
- </a>
68
- </li>
69
- <li class="kss-nav__menu-item">
70
- <a class="kss-nav__menu-link" href="section-form.html#kssref-form-infield-input-groups">
71
- <span class="kss-nav__ref ">4.4</span
72
- ><span class="kss-nav__name">Infield Input Groups</span>
73
- </a>
74
- </li>
75
- <li class="kss-nav__menu-item">
76
- <a class="kss-nav__menu-link" href="section-form.html#kssref-form-input-groups">
77
- <span class="kss-nav__ref ">4.5</span
78
- ><span class="kss-nav__name">Input Groups</span>
79
- </a>
80
- </li>
81
- <li class="kss-nav__menu-item">
82
- <a class="kss-nav__menu-link" href="section-form.html#kssref-form-input-groups-addons">
83
- <span class="kss-nav__ref ">4.6</span
84
- ><span class="kss-nav__name">Input Groups Addons</span>
85
- </a>
86
- </li>
87
- <li class="kss-nav__menu-item">
88
- <a class="kss-nav__menu-link" href="section-form.html#kssref-form-inputs">
89
- <span class="kss-nav__ref ">4.7</span
90
- ><span class="kss-nav__name">Inputs</span>
91
- </a>
92
- </li>
93
- <li class="kss-nav__menu-item">
94
- <a class="kss-nav__menu-link" href="section-form.html#kssref-form-radioboxes-switch">
95
- <span class="kss-nav__ref ">4.8</span
96
- ><span class="kss-nav__name">Radioboxes</span>
97
- </a>
98
- </li>
99
- </ul>
100
- </li>
101
- <li class="kss-nav__menu-item">
102
- <a class="kss-nav__menu-link" href="section-navigations.html">
103
- <span class="kss-nav__ref">5</span><span class="kss-nav__name">Navigations</span>
104
- </a>
105
- </li>
106
- <li class="kss-nav__menu-item">
107
- <a class="kss-nav__menu-link" href="section-shop.html">
108
- <span class="kss-nav__ref">6</span><span class="kss-nav__name">Shop</span>
109
- </a>
110
- </li>
111
- <li class="kss-nav__menu-item">
112
- <a class="kss-nav__menu-link" href="section-siteparts.html">
113
- <span class="kss-nav__ref">7</span><span class="kss-nav__name">Siteparts</span>
114
- </a>
115
- </li>
116
- <li class="kss-nav__menu-item">
117
- <a class="kss-nav__menu-link" href="section-structure.html">
118
- <span class="kss-nav__ref">8</span><span class="kss-nav__name">Structure</span>
119
- </a>
120
- </li>
121
- <li class="kss-nav__menu-item">
122
- <a class="kss-nav__menu-link" href="section-typo.html">
123
- <span class="kss-nav__ref">9</span><span class="kss-nav__name">Typo</span>
124
- </a>
125
- </li>
126
- </ul>
127
- </nav>
128
- </div>
129
- <main class="kss-main" aria-label="Content">
130
- <article>
131
-
132
- <div id="kssref-form" class="kss-section kss-section--depth-1 ">
133
-
134
- <div class="kss-style">
135
- <h1 class="kss-title kss-title--level-1">
136
- <a class="kss-title__permalink" href="#kssref-form">
137
- <span class="kss-title__ref">
138
- 4
139
- <span class="kss-title__permalink-hash">
140
- #Form
141
- </span>
142
- </span>
143
- Form
144
- </a>
145
- </h1>
146
-
147
-
148
-
149
-
150
- </div>
151
-
152
-
153
-
154
- </div>
155
- <section id="kssref-form-checkboxes" class="kss-section kss-section--depth-2 ">
156
-
157
- <div class="kss-style">
158
- <h2 class="kss-title kss-title--level-2">
159
- <a class="kss-title__permalink" href="#kssref-form-checkboxes">
160
- <span class="kss-title__ref">
161
- 4.1
162
- <span class="kss-title__permalink-hash">
163
- #Form.Checkboxes
164
- </span>
165
- </span>
166
- Checkboxes
167
- </a>
168
- </h2>
169
-
170
- <p class="kss-toolbar">
171
- <a href="#kssref-form-checkboxes" data-kss-fullscreen="kssref-form-checkboxes">
172
- <span class="kss-toolbar__tooltip">Toggle full screen</span>
173
- <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">
174
- <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>
175
- </svg>
176
- <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">
177
- <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>
178
- </svg>
179
- </a>
180
- <a href="item-form-checkboxes.html" target="_blank">
181
- <span class="kss-toolbar__tooltip">Open in new window</span>
182
- <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">
183
- <rect x="0" y="20" width="40" height="44" fill="#fff"/>
184
- <path class="kss-toolbar__icon-fill" d="M40,64l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
185
- <rect class="kss-toolbar__icon-fill" x="0" y="20" width="40" height="10"/>
186
- <rect x="24" y="0" width="40" height="44" fill="#fff"/>
187
- <path class="kss-toolbar__icon-fill" d="M64,44l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
188
- <rect class="kss-toolbar__icon-fill" x="24" y="0" width="40" height="10"/>
189
- </svg>
190
- </a>
191
- <a href="#kssref-form-checkboxes" data-kss-guides="true">
192
- <span class="kss-toolbar__tooltip">Toggle example guides</span>
193
- <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">
194
- <rect class="kss-toolbar__icon-fill" x="5" y="35" width="5" height="9"/>
195
- <rect class="kss-toolbar__icon-fill" x="54" y="21" width="5" height="9"/>
196
- <rect class="kss-toolbar__icon-fill" x="54" y="35" width="5" height="9"/>
197
- <rect class="kss-toolbar__icon-fill" x="5" y="21" width="5" height="9"/>
198
- <rect class="kss-toolbar__icon-fill" x="5" y="0" width="5" height="15"/>
199
- <rect class="kss-toolbar__icon-fill" x="35" y="5" width="9" height="5"/>
200
- <rect class="kss-toolbar__icon-fill" x="20" y="5" width="9" height="5"/>
201
- <rect class="kss-toolbar__icon-fill" x="0" y="5" width="15" height="5"/>
202
- <rect class="kss-toolbar__icon-fill" x="54" y="0" width="5" height="15"/>
203
- <rect class="kss-toolbar__icon-fill" x="49" y="5" width="15" height="5"/>
204
- <rect class="kss-toolbar__icon-fill" x="54" y="49" width="5" height="15"/>
205
- <rect class="kss-toolbar__icon-fill" x="49" y="54" width="15" height="5"/>
206
- <rect class="kss-toolbar__icon-fill" x="5" y="49" width="5" height="15"/>
207
- <rect class="kss-toolbar__icon-fill" x="0" y="54" width="15" height="5"/>
208
- <rect class="kss-toolbar__icon-fill" x="35" y="54" width="9" height="5"/>
209
- <rect class="kss-toolbar__icon-fill" x="20" y="54" width="9" height="5"/>
210
- </svg>
211
- </a>
212
- <a href="#kssref-form-checkboxes" data-kss-markup="true">
213
- <span class="kss-toolbar__tooltip">Toggle HTML markup</span>
214
- <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">
215
- <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"/>
216
- <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"/>
217
- </svg>
218
- </a>
219
- </p>
220
-
221
-
222
-
223
- </div>
224
-
225
- <div class="kss-modifier__wrapper">
226
- <div class="kss-modifier__heading kss-style">
227
- Example
228
- </div>
229
-
230
-
231
- <div class="kss-modifier__example">
232
- <label class="specialcheckbox" for="checkbox1">
233
- <input type='checkbox' name='checkbox' id='checkbox1' value=''>Text<i for="checkbox1"></i>
234
- </label>
235
- <div class="kss-modifier__example-footer"></div>
236
- </div>
237
-
238
- </div>
239
-
240
- <details class="kss-markup kss-style">
241
- <summary>
242
- Markup
243
- </summary>
244
- <pre class="hljs"><code class="language-handlebars"><span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;specialcheckbox&quot;</span> <span class="hljs-attr">for</span>=<span class="hljs-string">&quot;checkbox1&quot;</span>&gt;</span>
245
- <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&#x27;checkbox&#x27;</span> <span class="hljs-attr">name</span>=<span class="hljs-string">&#x27;checkbox&#x27;</span> <span class="hljs-attr">id</span>=<span class="hljs-string">&#x27;checkbox1&#x27;</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&#x27;&#x27;</span>&gt;</span>Text<span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">for</span>=<span class="hljs-string">&quot;checkbox1&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span>
246
- <span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span></span></code></pre>
247
- </details>
248
-
249
- <div class="kss-source kss-style">
250
- Source: <code>build/doc/doc.css</code>, line 3881
251
- </div>
252
-
253
- </section>
254
- <section id="kssref-form-checkboxes-switch" class="kss-section kss-section--depth-2 ">
255
-
256
- <div class="kss-style">
257
- <h2 class="kss-title kss-title--level-2">
258
- <a class="kss-title__permalink" href="#kssref-form-checkboxes-switch">
259
- <span class="kss-title__ref">
260
- 4.2
261
- <span class="kss-title__permalink-hash">
262
- #Form.Checkboxes Switch
263
- </span>
264
- </span>
265
- Checkboxes Switch
266
- </a>
267
- </h2>
268
-
269
- <p class="kss-toolbar">
270
- <a href="#kssref-form-checkboxes-switch" data-kss-fullscreen="kssref-form-checkboxes-switch">
271
- <span class="kss-toolbar__tooltip">Toggle full screen</span>
272
- <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">
273
- <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>
274
- </svg>
275
- <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">
276
- <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>
277
- </svg>
278
- </a>
279
- <a href="item-form-checkboxes-switch.html" target="_blank">
280
- <span class="kss-toolbar__tooltip">Open in new window</span>
281
- <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">
282
- <rect x="0" y="20" width="40" height="44" fill="#fff"/>
283
- <path class="kss-toolbar__icon-fill" d="M40,64l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
284
- <rect class="kss-toolbar__icon-fill" x="0" y="20" width="40" height="10"/>
285
- <rect x="24" y="0" width="40" height="44" fill="#fff"/>
286
- <path class="kss-toolbar__icon-fill" d="M64,44l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
287
- <rect class="kss-toolbar__icon-fill" x="24" y="0" width="40" height="10"/>
288
- </svg>
289
- </a>
290
- <a href="#kssref-form-checkboxes-switch" data-kss-guides="true">
291
- <span class="kss-toolbar__tooltip">Toggle example guides</span>
292
- <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">
293
- <rect class="kss-toolbar__icon-fill" x="5" y="35" width="5" height="9"/>
294
- <rect class="kss-toolbar__icon-fill" x="54" y="21" width="5" height="9"/>
295
- <rect class="kss-toolbar__icon-fill" x="54" y="35" width="5" height="9"/>
296
- <rect class="kss-toolbar__icon-fill" x="5" y="21" width="5" height="9"/>
297
- <rect class="kss-toolbar__icon-fill" x="5" y="0" width="5" height="15"/>
298
- <rect class="kss-toolbar__icon-fill" x="35" y="5" width="9" height="5"/>
299
- <rect class="kss-toolbar__icon-fill" x="20" y="5" width="9" height="5"/>
300
- <rect class="kss-toolbar__icon-fill" x="0" y="5" width="15" height="5"/>
301
- <rect class="kss-toolbar__icon-fill" x="54" y="0" width="5" height="15"/>
302
- <rect class="kss-toolbar__icon-fill" x="49" y="5" width="15" height="5"/>
303
- <rect class="kss-toolbar__icon-fill" x="54" y="49" width="5" height="15"/>
304
- <rect class="kss-toolbar__icon-fill" x="49" y="54" width="15" height="5"/>
305
- <rect class="kss-toolbar__icon-fill" x="5" y="49" width="5" height="15"/>
306
- <rect class="kss-toolbar__icon-fill" x="0" y="54" width="15" height="5"/>
307
- <rect class="kss-toolbar__icon-fill" x="35" y="54" width="9" height="5"/>
308
- <rect class="kss-toolbar__icon-fill" x="20" y="54" width="9" height="5"/>
309
- </svg>
310
- </a>
311
- <a href="#kssref-form-checkboxes-switch" data-kss-markup="true">
312
- <span class="kss-toolbar__tooltip">Toggle HTML markup</span>
313
- <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">
314
- <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"/>
315
- <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"/>
316
- </svg>
317
- </a>
318
- </p>
319
-
320
-
321
-
322
- </div>
323
-
324
- <div class="kss-modifier__wrapper">
325
- <div class="kss-modifier__heading kss-style">
326
- Example
327
- </div>
328
-
329
-
330
- <div class="kss-modifier__example">
331
- <label class="specialcheckboxSwitch" for="specialcheckboxSwitch1">
332
- <input type='checkbox' name='checkbox' id='specialcheckboxSwitch1' value=''>Text<i for="specialcheckboxSwitch1"></i>
333
- </label>
334
- <div class="kss-modifier__example-footer"></div>
335
- </div>
336
-
337
- </div>
338
-
339
- <details class="kss-markup kss-style">
340
- <summary>
341
- Markup
342
- </summary>
343
- <pre class="hljs"><code class="language-handlebars"><span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;specialcheckboxSwitch&quot;</span> <span class="hljs-attr">for</span>=<span class="hljs-string">&quot;specialcheckboxSwitch1&quot;</span>&gt;</span>
344
- <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&#x27;checkbox&#x27;</span> <span class="hljs-attr">name</span>=<span class="hljs-string">&#x27;checkbox&#x27;</span> <span class="hljs-attr">id</span>=<span class="hljs-string">&#x27;specialcheckboxSwitch1&#x27;</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&#x27;&#x27;</span>&gt;</span>Text<span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">for</span>=<span class="hljs-string">&quot;specialcheckboxSwitch1&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span>
345
- <span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span></span></code></pre>
346
- </details>
347
-
348
- <div class="kss-source kss-style">
349
- Source: <code>build/doc/doc.css</code>, line 3891
350
- </div>
351
-
352
- </section>
353
- <section id="kssref-form-file-input" class="kss-section kss-section--depth-2 ">
354
-
355
- <div class="kss-style">
356
- <h2 class="kss-title kss-title--level-2">
357
- <a class="kss-title__permalink" href="#kssref-form-file-input">
358
- <span class="kss-title__ref">
359
- 4.3
360
- <span class="kss-title__permalink-hash">
361
- #Form.File Input
362
- </span>
363
- </span>
364
- File Input
365
- </a>
366
- </h2>
367
-
368
- <p class="kss-toolbar">
369
- <a href="#kssref-form-file-input" data-kss-fullscreen="kssref-form-file-input">
370
- <span class="kss-toolbar__tooltip">Toggle full screen</span>
371
- <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">
372
- <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>
373
- </svg>
374
- <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">
375
- <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>
376
- </svg>
377
- </a>
378
- <a href="item-form-file-input.html" target="_blank">
379
- <span class="kss-toolbar__tooltip">Open in new window</span>
380
- <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">
381
- <rect x="0" y="20" width="40" height="44" fill="#fff"/>
382
- <path class="kss-toolbar__icon-fill" d="M40,64l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
383
- <rect class="kss-toolbar__icon-fill" x="0" y="20" width="40" height="10"/>
384
- <rect x="24" y="0" width="40" height="44" fill="#fff"/>
385
- <path class="kss-toolbar__icon-fill" d="M64,44l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
386
- <rect class="kss-toolbar__icon-fill" x="24" y="0" width="40" height="10"/>
387
- </svg>
388
- </a>
389
- <a href="#kssref-form-file-input" data-kss-guides="true">
390
- <span class="kss-toolbar__tooltip">Toggle example guides</span>
391
- <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">
392
- <rect class="kss-toolbar__icon-fill" x="5" y="35" width="5" height="9"/>
393
- <rect class="kss-toolbar__icon-fill" x="54" y="21" width="5" height="9"/>
394
- <rect class="kss-toolbar__icon-fill" x="54" y="35" width="5" height="9"/>
395
- <rect class="kss-toolbar__icon-fill" x="5" y="21" width="5" height="9"/>
396
- <rect class="kss-toolbar__icon-fill" x="5" y="0" width="5" height="15"/>
397
- <rect class="kss-toolbar__icon-fill" x="35" y="5" width="9" height="5"/>
398
- <rect class="kss-toolbar__icon-fill" x="20" y="5" width="9" height="5"/>
399
- <rect class="kss-toolbar__icon-fill" x="0" y="5" width="15" height="5"/>
400
- <rect class="kss-toolbar__icon-fill" x="54" y="0" width="5" height="15"/>
401
- <rect class="kss-toolbar__icon-fill" x="49" y="5" width="15" height="5"/>
402
- <rect class="kss-toolbar__icon-fill" x="54" y="49" width="5" height="15"/>
403
- <rect class="kss-toolbar__icon-fill" x="49" y="54" width="15" height="5"/>
404
- <rect class="kss-toolbar__icon-fill" x="5" y="49" width="5" height="15"/>
405
- <rect class="kss-toolbar__icon-fill" x="0" y="54" width="15" height="5"/>
406
- <rect class="kss-toolbar__icon-fill" x="35" y="54" width="9" height="5"/>
407
- <rect class="kss-toolbar__icon-fill" x="20" y="54" width="9" height="5"/>
408
- </svg>
409
- </a>
410
- <a href="#kssref-form-file-input" data-kss-markup="true">
411
- <span class="kss-toolbar__tooltip">Toggle HTML markup</span>
412
- <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">
413
- <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"/>
414
- <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"/>
415
- </svg>
416
- </a>
417
- </p>
418
-
419
-
420
-
421
- </div>
422
-
423
- <div class="kss-modifier__wrapper">
424
- <div class="kss-modifier__heading kss-style">
425
- Examples
426
- </div>
427
-
428
- <div class="kss-modifier__default-name kss-style">
429
- Default styling
430
- </div>
431
-
432
- <div class="kss-modifier__example">
433
- <div class="fileBody ">
434
- <input class="" name="input_file" id="input_file" type="file" value="" multiple>
435
- <span>Dateien auswählen</span>
436
- </div>
437
- <div class="kss-modifier__example-footer"></div>
438
- </div>
439
-
440
- <div class="kss-modifier__name kss-style">
441
- :focus
442
- </div>
443
- <div class="kss-modifier__description kss-style">
444
- Focus
445
- </div>
446
- <div class="kss-modifier__example">
447
- <div class="fileBody ">
448
- <input class="pseudo-class-focus" name="input_file" id="input_file" type="file" value="" multiple>
449
- <span>Dateien auswählen</span>
450
- </div>
451
- <div class="kss-modifier__example-footer"></div>
452
- </div>
453
- <div class="kss-modifier__name kss-style">
454
- :active
455
- </div>
456
- <div class="kss-modifier__description kss-style">
457
- Active
458
- </div>
459
- <div class="kss-modifier__example">
460
- <div class="fileBody ">
461
- <input class="pseudo-class-active" name="input_file" id="input_file" type="file" value="" multiple>
462
- <span>Dateien auswählen</span>
463
- </div>
464
- <div class="kss-modifier__example-footer"></div>
465
- </div>
466
- <div class="kss-modifier__name kss-style">
467
- :disabled
468
- </div>
469
- <div class="kss-modifier__description kss-style">
470
- Disabled
471
- </div>
472
- <div class="kss-modifier__example">
473
- <div class="fileBody ">
474
- <input class="pseudo-class-disabled" name="input_file" id="input_file" type="file" value="" multiple>
475
- <span>Dateien auswählen</span>
476
- </div>
477
- <div class="kss-modifier__example-footer"></div>
478
- </div>
479
- <div class="kss-modifier__name kss-style">
480
- .error
481
- </div>
482
- <div class="kss-modifier__description kss-style">
483
- Error
484
- </div>
485
- <div class="kss-modifier__example">
486
- <div class="fileBody ">
487
- <input class="error" name="input_file" id="input_file" type="file" value="" multiple>
488
- <span>Dateien auswählen</span>
489
- </div>
490
- <div class="kss-modifier__example-footer"></div>
491
- </div>
492
- </div>
493
-
494
- <details class="kss-markup kss-style">
495
- <summary>
496
- Markup
497
- </summary>
498
- <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;fileBody &quot;</span>&gt;</span>
499
- <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;[modifier class]&quot;</span> <span class="hljs-attr">name</span>=<span class="hljs-string">&quot;input_file&quot;</span> <span class="hljs-attr">id</span>=<span class="hljs-string">&quot;input_file&quot;</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;file&quot;</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;&quot;</span> <span class="hljs-attr">multiple</span>&gt;</span>
500
- <span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>Dateien auswählen<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
501
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span></code></pre>
502
- </details>
503
-
504
- <div class="kss-source kss-style">
505
- Source: <code>build/doc/doc.css</code>, line 3766
506
- </div>
507
-
508
- </section>
509
- <section id="kssref-form-infield-input-groups" class="kss-section kss-section--depth-2 ">
510
-
511
- <div class="kss-style">
512
- <h2 class="kss-title kss-title--level-2">
513
- <a class="kss-title__permalink" href="#kssref-form-infield-input-groups">
514
- <span class="kss-title__ref">
515
- 4.4
516
- <span class="kss-title__permalink-hash">
517
- #Form.Infield Input Groups
518
- </span>
519
- </span>
520
- Infield Input Groups
521
- </a>
522
- </h2>
523
-
524
- <p class="kss-toolbar">
525
- <a href="#kssref-form-infield-input-groups" data-kss-fullscreen="kssref-form-infield-input-groups">
526
- <span class="kss-toolbar__tooltip">Toggle full screen</span>
527
- <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">
528
- <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>
529
- </svg>
530
- <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">
531
- <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>
532
- </svg>
533
- </a>
534
- <a href="item-form-infield-input-groups.html" target="_blank">
535
- <span class="kss-toolbar__tooltip">Open in new window</span>
536
- <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">
537
- <rect x="0" y="20" width="40" height="44" fill="#fff"/>
538
- <path class="kss-toolbar__icon-fill" d="M40,64l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
539
- <rect class="kss-toolbar__icon-fill" x="0" y="20" width="40" height="10"/>
540
- <rect x="24" y="0" width="40" height="44" fill="#fff"/>
541
- <path class="kss-toolbar__icon-fill" d="M64,44l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
542
- <rect class="kss-toolbar__icon-fill" x="24" y="0" width="40" height="10"/>
543
- </svg>
544
- </a>
545
- <a href="#kssref-form-infield-input-groups" data-kss-guides="true">
546
- <span class="kss-toolbar__tooltip">Toggle example guides</span>
547
- <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">
548
- <rect class="kss-toolbar__icon-fill" x="5" y="35" width="5" height="9"/>
549
- <rect class="kss-toolbar__icon-fill" x="54" y="21" width="5" height="9"/>
550
- <rect class="kss-toolbar__icon-fill" x="54" y="35" width="5" height="9"/>
551
- <rect class="kss-toolbar__icon-fill" x="5" y="21" width="5" height="9"/>
552
- <rect class="kss-toolbar__icon-fill" x="5" y="0" width="5" height="15"/>
553
- <rect class="kss-toolbar__icon-fill" x="35" y="5" width="9" height="5"/>
554
- <rect class="kss-toolbar__icon-fill" x="20" y="5" width="9" height="5"/>
555
- <rect class="kss-toolbar__icon-fill" x="0" y="5" width="15" height="5"/>
556
- <rect class="kss-toolbar__icon-fill" x="54" y="0" width="5" height="15"/>
557
- <rect class="kss-toolbar__icon-fill" x="49" y="5" width="15" height="5"/>
558
- <rect class="kss-toolbar__icon-fill" x="54" y="49" width="5" height="15"/>
559
- <rect class="kss-toolbar__icon-fill" x="49" y="54" width="15" height="5"/>
560
- <rect class="kss-toolbar__icon-fill" x="5" y="49" width="5" height="15"/>
561
- <rect class="kss-toolbar__icon-fill" x="0" y="54" width="15" height="5"/>
562
- <rect class="kss-toolbar__icon-fill" x="35" y="54" width="9" height="5"/>
563
- <rect class="kss-toolbar__icon-fill" x="20" y="54" width="9" height="5"/>
564
- </svg>
565
- </a>
566
- <a href="#kssref-form-infield-input-groups" data-kss-markup="true">
567
- <span class="kss-toolbar__tooltip">Toggle HTML markup</span>
568
- <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">
569
- <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"/>
570
- <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"/>
571
- </svg>
572
- </a>
573
- </p>
574
-
575
-
576
-
577
- </div>
578
-
579
- <div class="kss-modifier__wrapper">
580
- <div class="kss-modifier__heading kss-style">
581
- Example
582
- </div>
583
-
584
-
585
- <div class="kss-modifier__example">
586
- <div class="infieldInputGroup">
587
- <label for="id">Label</label>
588
- <div class="inputGroup ">
589
- <input type="text" id="id" />
590
- </div>
591
- </div><br/>
592
- <strong>Filled</strong><br/><br/>
593
- <div class="infieldInputGroup is-filled">
594
- <label for="id">Label</label>
595
- <div class="inputGroup ">
596
- <input type="text" id="id" value="Text" />
597
- </div>
598
- </div>
599
- <div class="kss-modifier__example-footer"></div>
600
- </div>
601
-
602
- </div>
603
-
604
- <details class="kss-markup kss-style">
605
- <summary>
606
- Markup
607
- </summary>
608
- <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;infieldInputGroup&quot;</span>&gt;</span>
609
- <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">for</span>=<span class="hljs-string">&quot;id&quot;</span>&gt;</span>Label<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span>
610
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;inputGroup &quot;</span>&gt;</span>
611
- <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;text&quot;</span> <span class="hljs-attr">id</span>=<span class="hljs-string">&quot;id&quot;</span> /&gt;</span>
612
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
613
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>/&gt;</span>
614
- <span class="hljs-tag">&lt;<span class="hljs-name">strong</span>&gt;</span>Filled<span class="hljs-tag">&lt;/<span class="hljs-name">strong</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>/&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>/&gt;</span>
615
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;infieldInputGroup is-filled&quot;</span>&gt;</span>
616
- <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">for</span>=<span class="hljs-string">&quot;id&quot;</span>&gt;</span>Label<span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span>
617
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;inputGroup &quot;</span>&gt;</span>
618
- <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;text&quot;</span> <span class="hljs-attr">id</span>=<span class="hljs-string">&quot;id&quot;</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;Text&quot;</span> /&gt;</span>
619
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
620
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span></code></pre>
621
- </details>
622
-
623
- <div class="kss-source kss-style">
624
- Source: <code>build/doc/doc.css</code>, line 10967
625
- </div>
626
-
627
- </section>
628
- <section id="kssref-form-input-groups" class="kss-section kss-section--depth-2 ">
629
-
630
- <div class="kss-style">
631
- <h2 class="kss-title kss-title--level-2">
632
- <a class="kss-title__permalink" href="#kssref-form-input-groups">
633
- <span class="kss-title__ref">
634
- 4.5
635
- <span class="kss-title__permalink-hash">
636
- #Form.Input Groups
637
- </span>
638
- </span>
639
- Input Groups
640
- </a>
641
- </h2>
642
-
643
- <p class="kss-toolbar">
644
- <a href="#kssref-form-input-groups" data-kss-fullscreen="kssref-form-input-groups">
645
- <span class="kss-toolbar__tooltip">Toggle full screen</span>
646
- <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">
647
- <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>
648
- </svg>
649
- <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">
650
- <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>
651
- </svg>
652
- </a>
653
- <a href="item-form-input-groups.html" target="_blank">
654
- <span class="kss-toolbar__tooltip">Open in new window</span>
655
- <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">
656
- <rect x="0" y="20" width="40" height="44" fill="#fff"/>
657
- <path class="kss-toolbar__icon-fill" d="M40,64l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
658
- <rect class="kss-toolbar__icon-fill" x="0" y="20" width="40" height="10"/>
659
- <rect x="24" y="0" width="40" height="44" fill="#fff"/>
660
- <path class="kss-toolbar__icon-fill" d="M64,44l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
661
- <rect class="kss-toolbar__icon-fill" x="24" y="0" width="40" height="10"/>
662
- </svg>
663
- </a>
664
- <a href="#kssref-form-input-groups" data-kss-guides="true">
665
- <span class="kss-toolbar__tooltip">Toggle example guides</span>
666
- <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">
667
- <rect class="kss-toolbar__icon-fill" x="5" y="35" width="5" height="9"/>
668
- <rect class="kss-toolbar__icon-fill" x="54" y="21" width="5" height="9"/>
669
- <rect class="kss-toolbar__icon-fill" x="54" y="35" width="5" height="9"/>
670
- <rect class="kss-toolbar__icon-fill" x="5" y="21" width="5" height="9"/>
671
- <rect class="kss-toolbar__icon-fill" x="5" y="0" width="5" height="15"/>
672
- <rect class="kss-toolbar__icon-fill" x="35" y="5" width="9" height="5"/>
673
- <rect class="kss-toolbar__icon-fill" x="20" y="5" width="9" height="5"/>
674
- <rect class="kss-toolbar__icon-fill" x="0" y="5" width="15" height="5"/>
675
- <rect class="kss-toolbar__icon-fill" x="54" y="0" width="5" height="15"/>
676
- <rect class="kss-toolbar__icon-fill" x="49" y="5" width="15" height="5"/>
677
- <rect class="kss-toolbar__icon-fill" x="54" y="49" width="5" height="15"/>
678
- <rect class="kss-toolbar__icon-fill" x="49" y="54" width="15" height="5"/>
679
- <rect class="kss-toolbar__icon-fill" x="5" y="49" width="5" height="15"/>
680
- <rect class="kss-toolbar__icon-fill" x="0" y="54" width="15" height="5"/>
681
- <rect class="kss-toolbar__icon-fill" x="35" y="54" width="9" height="5"/>
682
- <rect class="kss-toolbar__icon-fill" x="20" y="54" width="9" height="5"/>
683
- </svg>
684
- </a>
685
- <a href="#kssref-form-input-groups" data-kss-markup="true">
686
- <span class="kss-toolbar__tooltip">Toggle HTML markup</span>
687
- <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">
688
- <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"/>
689
- <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"/>
690
- </svg>
691
- </a>
692
- </p>
693
-
694
-
695
-
696
- </div>
697
-
698
- <div class="kss-modifier__wrapper">
699
- <div class="kss-modifier__heading kss-style">
700
- Examples
701
- </div>
702
-
703
- <div class="kss-modifier__default-name kss-style">
704
- Default styling
705
- </div>
706
-
707
- <div class="kss-modifier__example">
708
- <div class="inputGroup ">
709
- <input type="text" />
710
- </div>
711
- <div class="kss-modifier__example-footer"></div>
712
- </div>
713
-
714
- <div class="kss-modifier__name kss-style">
715
- .is-focus
716
- </div>
717
- <div class="kss-modifier__description kss-style">
718
- Focus
719
- </div>
720
- <div class="kss-modifier__example">
721
- <div class="inputGroup is-focus">
722
- <input type="text" />
723
- </div>
724
- <div class="kss-modifier__example-footer"></div>
725
- </div>
726
- </div>
727
-
728
- <details class="kss-markup kss-style">
729
- <summary>
730
- Markup
731
- </summary>
732
- <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;inputGroup [modifier class]&quot;</span>&gt;</span>
733
- <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;text&quot;</span> /&gt;</span>
734
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span></code></pre>
735
- </details>
736
-
737
- <div class="kss-source kss-style">
738
- Source: <code>build/doc/doc.css</code>, line 10794
739
- </div>
740
-
741
- </section>
742
- <section id="kssref-form-input-groups-addons" class="kss-section kss-section--depth-2 ">
743
-
744
- <div class="kss-style">
745
- <h2 class="kss-title kss-title--level-2">
746
- <a class="kss-title__permalink" href="#kssref-form-input-groups-addons">
747
- <span class="kss-title__ref">
748
- 4.6
749
- <span class="kss-title__permalink-hash">
750
- #Form.Input Groups Addons
751
- </span>
752
- </span>
753
- Input Groups Addons
754
- </a>
755
- </h2>
756
-
757
- <p class="kss-toolbar">
758
- <a href="#kssref-form-input-groups-addons" data-kss-fullscreen="kssref-form-input-groups-addons">
759
- <span class="kss-toolbar__tooltip">Toggle full screen</span>
760
- <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">
761
- <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>
762
- </svg>
763
- <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">
764
- <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>
765
- </svg>
766
- </a>
767
- <a href="item-form-input-groups-addons.html" target="_blank">
768
- <span class="kss-toolbar__tooltip">Open in new window</span>
769
- <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">
770
- <rect x="0" y="20" width="40" height="44" fill="#fff"/>
771
- <path class="kss-toolbar__icon-fill" d="M40,64l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
772
- <rect class="kss-toolbar__icon-fill" x="0" y="20" width="40" height="10"/>
773
- <rect x="24" y="0" width="40" height="44" fill="#fff"/>
774
- <path class="kss-toolbar__icon-fill" d="M64,44l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
775
- <rect class="kss-toolbar__icon-fill" x="24" y="0" width="40" height="10"/>
776
- </svg>
777
- </a>
778
- <a href="#kssref-form-input-groups-addons" data-kss-guides="true">
779
- <span class="kss-toolbar__tooltip">Toggle example guides</span>
780
- <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">
781
- <rect class="kss-toolbar__icon-fill" x="5" y="35" width="5" height="9"/>
782
- <rect class="kss-toolbar__icon-fill" x="54" y="21" width="5" height="9"/>
783
- <rect class="kss-toolbar__icon-fill" x="54" y="35" width="5" height="9"/>
784
- <rect class="kss-toolbar__icon-fill" x="5" y="21" width="5" height="9"/>
785
- <rect class="kss-toolbar__icon-fill" x="5" y="0" width="5" height="15"/>
786
- <rect class="kss-toolbar__icon-fill" x="35" y="5" width="9" height="5"/>
787
- <rect class="kss-toolbar__icon-fill" x="20" y="5" width="9" height="5"/>
788
- <rect class="kss-toolbar__icon-fill" x="0" y="5" width="15" height="5"/>
789
- <rect class="kss-toolbar__icon-fill" x="54" y="0" width="5" height="15"/>
790
- <rect class="kss-toolbar__icon-fill" x="49" y="5" width="15" height="5"/>
791
- <rect class="kss-toolbar__icon-fill" x="54" y="49" width="5" height="15"/>
792
- <rect class="kss-toolbar__icon-fill" x="49" y="54" width="15" height="5"/>
793
- <rect class="kss-toolbar__icon-fill" x="5" y="49" width="5" height="15"/>
794
- <rect class="kss-toolbar__icon-fill" x="0" y="54" width="15" height="5"/>
795
- <rect class="kss-toolbar__icon-fill" x="35" y="54" width="9" height="5"/>
796
- <rect class="kss-toolbar__icon-fill" x="20" y="54" width="9" height="5"/>
797
- </svg>
798
- </a>
799
- <a href="#kssref-form-input-groups-addons" data-kss-markup="true">
800
- <span class="kss-toolbar__tooltip">Toggle HTML markup</span>
801
- <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">
802
- <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"/>
803
- <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"/>
804
- </svg>
805
- </a>
806
- </p>
807
-
808
-
809
-
810
- </div>
811
-
812
- <div class="kss-modifier__wrapper">
813
- <div class="kss-modifier__heading kss-style">
814
- Examples
815
- </div>
816
-
817
- <div class="kss-modifier__default-name kss-style">
818
- Default styling
819
- </div>
820
-
821
- <div class="kss-modifier__example">
822
- <div class="inputGroup inputGroup--infieldAddon ">
823
- <input type="text" />
824
- <span class="inputGroup__addon"><i class="icon icon-search"></i></span>
825
- </div>
826
- <br/>
827
- <div class="inputGroup inputGroup--infieldAddon ">
828
- <span class="inputGroup__addon"><i class="icon icon-search"></i></span>
829
- <input type="text" />
830
- </div>
831
- <br/>
832
- <div class="inputGroup inputGroup--infieldAddon ">
833
- <input type="text" />
834
- <button type="submit" class="inputGroup__addon"><i class="icon icon-search"></i></button>
835
- </div>
836
- <br/>
837
- <div class="inputGroup inputGroup--infieldAddon ">
838
- <input type="text" />
839
- <span class="inputGroup__addon inputGroup__addon--clickable"><i class="icon icon-search"></i></span>
840
- </div>
841
- <div class="kss-modifier__example-footer"></div>
842
- </div>
843
-
844
- <div class="kss-modifier__name kss-style">
845
- .is-focus
846
- </div>
847
- <div class="kss-modifier__description kss-style">
848
- Focus
849
- </div>
850
- <div class="kss-modifier__example">
851
- <div class="inputGroup inputGroup--infieldAddon is-focus">
852
- <input type="text" />
853
- <span class="inputGroup__addon"><i class="icon icon-search"></i></span>
854
- </div>
855
- <br/>
856
- <div class="inputGroup inputGroup--infieldAddon is-focus">
857
- <span class="inputGroup__addon"><i class="icon icon-search"></i></span>
858
- <input type="text" />
859
- </div>
860
- <br/>
861
- <div class="inputGroup inputGroup--infieldAddon is-focus">
862
- <input type="text" />
863
- <button type="submit" class="inputGroup__addon"><i class="icon icon-search"></i></button>
864
- </div>
865
- <br/>
866
- <div class="inputGroup inputGroup--infieldAddon is-focus">
867
- <input type="text" />
868
- <span class="inputGroup__addon inputGroup__addon--clickable"><i class="icon icon-search"></i></span>
869
- </div>
870
- <div class="kss-modifier__example-footer"></div>
871
- </div>
872
- <div class="kss-modifier__name kss-style">
873
- .is-inactive
874
- </div>
875
- <div class="kss-modifier__description kss-style">
876
- Inactive
877
- </div>
878
- <div class="kss-modifier__example">
879
- <div class="inputGroup inputGroup--infieldAddon is-inactive">
880
- <input type="text" />
881
- <span class="inputGroup__addon"><i class="icon icon-search"></i></span>
882
- </div>
883
- <br/>
884
- <div class="inputGroup inputGroup--infieldAddon is-inactive">
885
- <span class="inputGroup__addon"><i class="icon icon-search"></i></span>
886
- <input type="text" />
887
- </div>
888
- <br/>
889
- <div class="inputGroup inputGroup--infieldAddon is-inactive">
890
- <input type="text" />
891
- <button type="submit" class="inputGroup__addon"><i class="icon icon-search"></i></button>
892
- </div>
893
- <br/>
894
- <div class="inputGroup inputGroup--infieldAddon is-inactive">
895
- <input type="text" />
896
- <span class="inputGroup__addon inputGroup__addon--clickable"><i class="icon icon-search"></i></span>
897
- </div>
898
- <div class="kss-modifier__example-footer"></div>
899
- </div>
900
- </div>
901
-
902
- <details class="kss-markup kss-style">
903
- <summary>
904
- Markup
905
- </summary>
906
- <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;inputGroup inputGroup--infieldAddon [modifier class]&quot;</span>&gt;</span>
907
- <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;text&quot;</span> /&gt;</span>
908
- <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;inputGroup__addon&quot;</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;icon icon-search&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
909
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
910
- <span class="hljs-tag">&lt;<span class="hljs-name">br</span>/&gt;</span>
911
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;inputGroup inputGroup--infieldAddon [modifier class]&quot;</span>&gt;</span>
912
- <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;inputGroup__addon&quot;</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;icon icon-search&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
913
- <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;text&quot;</span> /&gt;</span>
914
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
915
- <span class="hljs-tag">&lt;<span class="hljs-name">br</span>/&gt;</span>
916
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;inputGroup inputGroup--infieldAddon [modifier class]&quot;</span>&gt;</span>
917
- <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;text&quot;</span> /&gt;</span>
918
- <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;submit&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;inputGroup__addon&quot;</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;icon icon-search&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span>
919
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
920
- <span class="hljs-tag">&lt;<span class="hljs-name">br</span>/&gt;</span>
921
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;inputGroup inputGroup--infieldAddon [modifier class]&quot;</span>&gt;</span>
922
- <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;text&quot;</span> /&gt;</span>
923
- <span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;inputGroup__addon inputGroup__addon--clickable&quot;</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;icon icon-search&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span>
924
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span></code></pre>
925
- </details>
926
-
927
- <div class="kss-source kss-style">
928
- Source: <code>build/doc/doc.css</code>, line 10806
929
- </div>
930
-
931
- </section>
932
- <section id="kssref-form-inputs" class="kss-section kss-section--depth-2 ">
933
-
934
- <div class="kss-style">
935
- <h2 class="kss-title kss-title--level-2">
936
- <a class="kss-title__permalink" href="#kssref-form-inputs">
937
- <span class="kss-title__ref">
938
- 4.7
939
- <span class="kss-title__permalink-hash">
940
- #Form.Inputs
941
- </span>
942
- </span>
943
- Inputs
944
- </a>
945
- </h2>
946
-
947
- <p class="kss-toolbar">
948
- <a href="#kssref-form-inputs" data-kss-fullscreen="kssref-form-inputs">
949
- <span class="kss-toolbar__tooltip">Toggle full screen</span>
950
- <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">
951
- <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>
952
- </svg>
953
- <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">
954
- <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>
955
- </svg>
956
- </a>
957
- <a href="item-form-inputs.html" target="_blank">
958
- <span class="kss-toolbar__tooltip">Open in new window</span>
959
- <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">
960
- <rect x="0" y="20" width="40" height="44" fill="#fff"/>
961
- <path class="kss-toolbar__icon-fill" d="M40,64l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
962
- <rect class="kss-toolbar__icon-fill" x="0" y="20" width="40" height="10"/>
963
- <rect x="24" y="0" width="40" height="44" fill="#fff"/>
964
- <path class="kss-toolbar__icon-fill" d="M64,44l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
965
- <rect class="kss-toolbar__icon-fill" x="24" y="0" width="40" height="10"/>
966
- </svg>
967
- </a>
968
- <a href="#kssref-form-inputs" data-kss-guides="true">
969
- <span class="kss-toolbar__tooltip">Toggle example guides</span>
970
- <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">
971
- <rect class="kss-toolbar__icon-fill" x="5" y="35" width="5" height="9"/>
972
- <rect class="kss-toolbar__icon-fill" x="54" y="21" width="5" height="9"/>
973
- <rect class="kss-toolbar__icon-fill" x="54" y="35" width="5" height="9"/>
974
- <rect class="kss-toolbar__icon-fill" x="5" y="21" width="5" height="9"/>
975
- <rect class="kss-toolbar__icon-fill" x="5" y="0" width="5" height="15"/>
976
- <rect class="kss-toolbar__icon-fill" x="35" y="5" width="9" height="5"/>
977
- <rect class="kss-toolbar__icon-fill" x="20" y="5" width="9" height="5"/>
978
- <rect class="kss-toolbar__icon-fill" x="0" y="5" width="15" height="5"/>
979
- <rect class="kss-toolbar__icon-fill" x="54" y="0" width="5" height="15"/>
980
- <rect class="kss-toolbar__icon-fill" x="49" y="5" width="15" height="5"/>
981
- <rect class="kss-toolbar__icon-fill" x="54" y="49" width="5" height="15"/>
982
- <rect class="kss-toolbar__icon-fill" x="49" y="54" width="15" height="5"/>
983
- <rect class="kss-toolbar__icon-fill" x="5" y="49" width="5" height="15"/>
984
- <rect class="kss-toolbar__icon-fill" x="0" y="54" width="15" height="5"/>
985
- <rect class="kss-toolbar__icon-fill" x="35" y="54" width="9" height="5"/>
986
- <rect class="kss-toolbar__icon-fill" x="20" y="54" width="9" height="5"/>
987
- </svg>
988
- </a>
989
- <a href="#kssref-form-inputs" data-kss-markup="true">
990
- <span class="kss-toolbar__tooltip">Toggle HTML markup</span>
991
- <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">
992
- <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"/>
993
- <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"/>
994
- </svg>
995
- </a>
996
- </p>
997
-
998
-
999
-
1000
- </div>
1001
-
1002
- <div class="kss-modifier__wrapper">
1003
- <div class="kss-modifier__heading kss-style">
1004
- Examples
1005
- </div>
1006
-
1007
- <div class="kss-modifier__default-name kss-style">
1008
- Default styling
1009
- </div>
1010
-
1011
- <div class="kss-modifier__example">
1012
- <strong>Text</strong><br/>
1013
- <input type="text" class='' value="Text" /><br/>
1014
- <strong>E-Mail</strong><br/>
1015
- <input type="email" class='' value="info@dc.ag" /><br/>
1016
- <strong>Number</strong><br/>
1017
- <input type="number" class='' value="123" /><br/>
1018
- <strong>Date</strong><br/>
1019
- <input type="date" class='' value="2025-01-01" /><br/>
1020
- <strong>Textarea</strong><br/>
1021
- <textarea class=''>Text</textarea><br/>
1022
- <strong>Select</strong><br/>
1023
- <div class="selectBody">
1024
- <select class=''>
1025
- <option disabled selected>Choose</option>
1026
- <option>Option 1</option>
1027
- <option>Option 2</option>
1028
- <option>Option 3</option>
1029
- </select>
1030
- </div>
1031
- <strong>Select mit FakeOption</strong><br/>
1032
- <div class="selectBody">
1033
- <div class="selectBody__fakeOption"">Option</div>
1034
- </div>
1035
- <div class="kss-modifier__example-footer"></div>
1036
- </div>
1037
-
1038
- <div class="kss-modifier__name kss-style">
1039
- :focus
1040
- </div>
1041
- <div class="kss-modifier__description kss-style">
1042
- Focus
1043
- </div>
1044
- <div class="kss-modifier__example">
1045
- <strong>Text</strong><br/>
1046
- <input type="text" class='pseudo-class-focus' value="Text" /><br/>
1047
- <strong>E-Mail</strong><br/>
1048
- <input type="email" class='pseudo-class-focus' value="info@dc.ag" /><br/>
1049
- <strong>Number</strong><br/>
1050
- <input type="number" class='pseudo-class-focus' value="123" /><br/>
1051
- <strong>Date</strong><br/>
1052
- <input type="date" class='pseudo-class-focus' value="2025-01-01" /><br/>
1053
- <strong>Textarea</strong><br/>
1054
- <textarea class='pseudo-class-focus'>Text</textarea><br/>
1055
- <strong>Select</strong><br/>
1056
- <div class="selectBody">
1057
- <select class='pseudo-class-focus'>
1058
- <option disabled selected>Choose</option>
1059
- <option>Option 1</option>
1060
- <option>Option 2</option>
1061
- <option>Option 3</option>
1062
- </select>
1063
- </div>
1064
- <strong>Select mit FakeOption</strong><br/>
1065
- <div class="selectBody">
1066
- <div class="selectBody__fakeOption"">Option</div>
1067
- </div>
1068
- <div class="kss-modifier__example-footer"></div>
1069
- </div>
1070
- <div class="kss-modifier__name kss-style">
1071
- :active
1072
- </div>
1073
- <div class="kss-modifier__description kss-style">
1074
- Active
1075
- </div>
1076
- <div class="kss-modifier__example">
1077
- <strong>Text</strong><br/>
1078
- <input type="text" class='pseudo-class-active' value="Text" /><br/>
1079
- <strong>E-Mail</strong><br/>
1080
- <input type="email" class='pseudo-class-active' value="info@dc.ag" /><br/>
1081
- <strong>Number</strong><br/>
1082
- <input type="number" class='pseudo-class-active' value="123" /><br/>
1083
- <strong>Date</strong><br/>
1084
- <input type="date" class='pseudo-class-active' value="2025-01-01" /><br/>
1085
- <strong>Textarea</strong><br/>
1086
- <textarea class='pseudo-class-active'>Text</textarea><br/>
1087
- <strong>Select</strong><br/>
1088
- <div class="selectBody">
1089
- <select class='pseudo-class-active'>
1090
- <option disabled selected>Choose</option>
1091
- <option>Option 1</option>
1092
- <option>Option 2</option>
1093
- <option>Option 3</option>
1094
- </select>
1095
- </div>
1096
- <strong>Select mit FakeOption</strong><br/>
1097
- <div class="selectBody">
1098
- <div class="selectBody__fakeOption"">Option</div>
1099
- </div>
1100
- <div class="kss-modifier__example-footer"></div>
1101
- </div>
1102
- <div class="kss-modifier__name kss-style">
1103
- :disabled
1104
- </div>
1105
- <div class="kss-modifier__description kss-style">
1106
- Disabled
1107
- </div>
1108
- <div class="kss-modifier__example">
1109
- <strong>Text</strong><br/>
1110
- <input type="text" class='pseudo-class-disabled' value="Text" /><br/>
1111
- <strong>E-Mail</strong><br/>
1112
- <input type="email" class='pseudo-class-disabled' value="info@dc.ag" /><br/>
1113
- <strong>Number</strong><br/>
1114
- <input type="number" class='pseudo-class-disabled' value="123" /><br/>
1115
- <strong>Date</strong><br/>
1116
- <input type="date" class='pseudo-class-disabled' value="2025-01-01" /><br/>
1117
- <strong>Textarea</strong><br/>
1118
- <textarea class='pseudo-class-disabled'>Text</textarea><br/>
1119
- <strong>Select</strong><br/>
1120
- <div class="selectBody">
1121
- <select class='pseudo-class-disabled'>
1122
- <option disabled selected>Choose</option>
1123
- <option>Option 1</option>
1124
- <option>Option 2</option>
1125
- <option>Option 3</option>
1126
- </select>
1127
- </div>
1128
- <strong>Select mit FakeOption</strong><br/>
1129
- <div class="selectBody">
1130
- <div class="selectBody__fakeOption"">Option</div>
1131
- </div>
1132
- <div class="kss-modifier__example-footer"></div>
1133
- </div>
1134
- <div class="kss-modifier__name kss-style">
1135
- :valid
1136
- </div>
1137
- <div class="kss-modifier__description kss-style">
1138
- Valid
1139
- </div>
1140
- <div class="kss-modifier__example">
1141
- <strong>Text</strong><br/>
1142
- <input type="text" class='pseudo-class-valid' value="Text" /><br/>
1143
- <strong>E-Mail</strong><br/>
1144
- <input type="email" class='pseudo-class-valid' value="info@dc.ag" /><br/>
1145
- <strong>Number</strong><br/>
1146
- <input type="number" class='pseudo-class-valid' value="123" /><br/>
1147
- <strong>Date</strong><br/>
1148
- <input type="date" class='pseudo-class-valid' value="2025-01-01" /><br/>
1149
- <strong>Textarea</strong><br/>
1150
- <textarea class='pseudo-class-valid'>Text</textarea><br/>
1151
- <strong>Select</strong><br/>
1152
- <div class="selectBody">
1153
- <select class='pseudo-class-valid'>
1154
- <option disabled selected>Choose</option>
1155
- <option>Option 1</option>
1156
- <option>Option 2</option>
1157
- <option>Option 3</option>
1158
- </select>
1159
- </div>
1160
- <strong>Select mit FakeOption</strong><br/>
1161
- <div class="selectBody">
1162
- <div class="selectBody__fakeOption"">Option</div>
1163
- </div>
1164
- <div class="kss-modifier__example-footer"></div>
1165
- </div>
1166
- <div class="kss-modifier__name kss-style">
1167
- .error
1168
- </div>
1169
- <div class="kss-modifier__description kss-style">
1170
- Error
1171
- </div>
1172
- <div class="kss-modifier__example">
1173
- <strong>Text</strong><br/>
1174
- <input type="text" class='error' value="Text" /><br/>
1175
- <strong>E-Mail</strong><br/>
1176
- <input type="email" class='error' value="info@dc.ag" /><br/>
1177
- <strong>Number</strong><br/>
1178
- <input type="number" class='error' value="123" /><br/>
1179
- <strong>Date</strong><br/>
1180
- <input type="date" class='error' value="2025-01-01" /><br/>
1181
- <strong>Textarea</strong><br/>
1182
- <textarea class='error'>Text</textarea><br/>
1183
- <strong>Select</strong><br/>
1184
- <div class="selectBody">
1185
- <select class='error'>
1186
- <option disabled selected>Choose</option>
1187
- <option>Option 1</option>
1188
- <option>Option 2</option>
1189
- <option>Option 3</option>
1190
- </select>
1191
- </div>
1192
- <strong>Select mit FakeOption</strong><br/>
1193
- <div class="selectBody">
1194
- <div class="selectBody__fakeOption"">Option</div>
1195
- </div>
1196
- <div class="kss-modifier__example-footer"></div>
1197
- </div>
1198
- </div>
1199
-
1200
- <details class="kss-markup kss-style">
1201
- <summary>
1202
- Markup
1203
- </summary>
1204
- <pre class="hljs"><code class="language-handlebars"><span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">strong</span>&gt;</span>Text<span class="hljs-tag">&lt;/<span class="hljs-name">strong</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>/&gt;</span>
1205
- <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;text&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&#x27;[modifier class]&#x27;</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;Text&quot;</span> /&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>/&gt;</span>
1206
- <span class="hljs-tag">&lt;<span class="hljs-name">strong</span>&gt;</span>E-Mail<span class="hljs-tag">&lt;/<span class="hljs-name">strong</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>/&gt;</span>
1207
- <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;email&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&#x27;[modifier class]&#x27;</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;info@dc.ag&quot;</span> /&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>/&gt;</span>
1208
- <span class="hljs-tag">&lt;<span class="hljs-name">strong</span>&gt;</span>Number<span class="hljs-tag">&lt;/<span class="hljs-name">strong</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>/&gt;</span>
1209
- <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;number&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&#x27;[modifier class]&#x27;</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;123&quot;</span> /&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>/&gt;</span>
1210
- <span class="hljs-tag">&lt;<span class="hljs-name">strong</span>&gt;</span>Date<span class="hljs-tag">&lt;/<span class="hljs-name">strong</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>/&gt;</span>
1211
- <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;date&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&#x27;[modifier class]&#x27;</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;2025-01-01&quot;</span> /&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>/&gt;</span>
1212
- <span class="hljs-tag">&lt;<span class="hljs-name">strong</span>&gt;</span>Textarea<span class="hljs-tag">&lt;/<span class="hljs-name">strong</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>/&gt;</span>
1213
- <span class="hljs-tag">&lt;<span class="hljs-name">textarea</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&#x27;[modifier class]&#x27;</span>&gt;</span>Text<span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>/&gt;</span>
1214
- <span class="hljs-tag">&lt;<span class="hljs-name">strong</span>&gt;</span>Select<span class="hljs-tag">&lt;/<span class="hljs-name">strong</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>/&gt;</span>
1215
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;selectBody&quot;</span>&gt;</span>
1216
- <span class="hljs-tag">&lt;<span class="hljs-name">select</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&#x27;[modifier class]&#x27;</span>&gt;</span>
1217
- <span class="hljs-tag">&lt;<span class="hljs-name">option</span> <span class="hljs-attr">disabled</span> <span class="hljs-attr">selected</span>&gt;</span>Choose<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
1218
- <span class="hljs-tag">&lt;<span class="hljs-name">option</span>&gt;</span>Option 1<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
1219
- <span class="hljs-tag">&lt;<span class="hljs-name">option</span>&gt;</span>Option 2<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
1220
- <span class="hljs-tag">&lt;<span class="hljs-name">option</span>&gt;</span>Option 3<span class="hljs-tag">&lt;/<span class="hljs-name">option</span>&gt;</span>
1221
- <span class="hljs-tag">&lt;/<span class="hljs-name">select</span>&gt;</span>
1222
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
1223
- <span class="hljs-tag">&lt;<span class="hljs-name">strong</span>&gt;</span>Select mit FakeOption<span class="hljs-tag">&lt;/<span class="hljs-name">strong</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">br</span>/&gt;</span>
1224
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;selectBody&quot;</span>&gt;</span>
1225
- <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;selectBody__fakeOption&quot;</span>&quot;&gt;</span>Option<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
1226
- <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span></code></pre>
1227
- </details>
1228
-
1229
- <div class="kss-source kss-style">
1230
- Source: <code>build/doc/doc.css</code>, line 3577
1231
- </div>
1232
-
1233
- </section>
1234
- <section id="kssref-form-radioboxes-switch" class="kss-section kss-section--depth-2 ">
1235
-
1236
- <div class="kss-style">
1237
- <h2 class="kss-title kss-title--level-2">
1238
- <a class="kss-title__permalink" href="#kssref-form-radioboxes-switch">
1239
- <span class="kss-title__ref">
1240
- 4.8
1241
- <span class="kss-title__permalink-hash">
1242
- #Form.Radioboxes Switch
1243
- </span>
1244
- </span>
1245
- Radioboxes
1246
- </a>
1247
- </h2>
1248
-
1249
- <p class="kss-toolbar">
1250
- <a href="#kssref-form-radioboxes-switch" data-kss-fullscreen="kssref-form-radioboxes-switch">
1251
- <span class="kss-toolbar__tooltip">Toggle full screen</span>
1252
- <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">
1253
- <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>
1254
- </svg>
1255
- <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">
1256
- <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>
1257
- </svg>
1258
- </a>
1259
- <a href="item-form-radioboxes-switch.html" target="_blank">
1260
- <span class="kss-toolbar__tooltip">Open in new window</span>
1261
- <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">
1262
- <rect x="0" y="20" width="40" height="44" fill="#fff"/>
1263
- <path class="kss-toolbar__icon-fill" d="M40,64l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
1264
- <rect class="kss-toolbar__icon-fill" x="0" y="20" width="40" height="10"/>
1265
- <rect x="24" y="0" width="40" height="44" fill="#fff"/>
1266
- <path class="kss-toolbar__icon-fill" d="M64,44l-40,0l0,-44l40,0l0,44Zm-36,-40l0,36l32,0l0,-36l-32,0Z"/>
1267
- <rect class="kss-toolbar__icon-fill" x="24" y="0" width="40" height="10"/>
1268
- </svg>
1269
- </a>
1270
- <a href="#kssref-form-radioboxes-switch" data-kss-guides="true">
1271
- <span class="kss-toolbar__tooltip">Toggle example guides</span>
1272
- <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">
1273
- <rect class="kss-toolbar__icon-fill" x="5" y="35" width="5" height="9"/>
1274
- <rect class="kss-toolbar__icon-fill" x="54" y="21" width="5" height="9"/>
1275
- <rect class="kss-toolbar__icon-fill" x="54" y="35" width="5" height="9"/>
1276
- <rect class="kss-toolbar__icon-fill" x="5" y="21" width="5" height="9"/>
1277
- <rect class="kss-toolbar__icon-fill" x="5" y="0" width="5" height="15"/>
1278
- <rect class="kss-toolbar__icon-fill" x="35" y="5" width="9" height="5"/>
1279
- <rect class="kss-toolbar__icon-fill" x="20" y="5" width="9" height="5"/>
1280
- <rect class="kss-toolbar__icon-fill" x="0" y="5" width="15" height="5"/>
1281
- <rect class="kss-toolbar__icon-fill" x="54" y="0" width="5" height="15"/>
1282
- <rect class="kss-toolbar__icon-fill" x="49" y="5" width="15" height="5"/>
1283
- <rect class="kss-toolbar__icon-fill" x="54" y="49" width="5" height="15"/>
1284
- <rect class="kss-toolbar__icon-fill" x="49" y="54" width="15" height="5"/>
1285
- <rect class="kss-toolbar__icon-fill" x="5" y="49" width="5" height="15"/>
1286
- <rect class="kss-toolbar__icon-fill" x="0" y="54" width="15" height="5"/>
1287
- <rect class="kss-toolbar__icon-fill" x="35" y="54" width="9" height="5"/>
1288
- <rect class="kss-toolbar__icon-fill" x="20" y="54" width="9" height="5"/>
1289
- </svg>
1290
- </a>
1291
- <a href="#kssref-form-radioboxes-switch" data-kss-markup="true">
1292
- <span class="kss-toolbar__tooltip">Toggle HTML markup</span>
1293
- <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">
1294
- <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"/>
1295
- <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"/>
1296
- </svg>
1297
- </a>
1298
- </p>
1299
-
1300
- <div class="kss-description">
1301
- <p>Markup:
1302
- <label class="specialcheckboxSwitch" for="specialcheckboxSwitchradio1">
1303
- <input type='radio' name='specialcheckboxSwitch' id='specialcheckboxSwitchradio1' value='' checked='checked'>Radio 1<i for="specialcheckboxSwitchradio1"></i>
1304
- </label>
1305
- <label class="specialcheckboxSwitch" for="specialcheckboxSwitchradio2">
1306
- <input type='radio' name='specialcheckboxSwitch' id='specialcheckboxSwitchradio2' value=''>Radio 2<i for="specialcheckboxSwitchradio2"></i>
1307
- </label></p>
1308
-
1309
- </div>
1310
-
1311
-
1312
- </div>
1313
-
1314
- <div class="kss-modifier__wrapper">
1315
- <div class="kss-modifier__heading kss-style">
1316
- Example
1317
- </div>
1318
-
1319
-
1320
- <div class="kss-modifier__example">
1321
- <label class="specialradiobox" for="specialradioboxradio1">
1322
- <input type='radio' name='specialradiobox' id='specialradioboxradio1' value='' checked='checked'>Radio 1<i for="specialradioboxradio1"></i>
1323
- </label>
1324
- <label class="specialradiobox" for="specialradioboxradio2">
1325
- <input type='radio' name='specialradiobox' id='specialradioboxradio2' value=''>Radio 2<i for="specialradioboxradio2"></i>
1326
- </label>
1327
- <div class="kss-modifier__example-footer"></div>
1328
- </div>
1329
-
1330
- </div>
1331
-
1332
- <details class="kss-markup kss-style">
1333
- <summary>
1334
- Markup
1335
- </summary>
1336
- <pre class="hljs"><code class="language-handlebars"><span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;specialradiobox&quot;</span> <span class="hljs-attr">for</span>=<span class="hljs-string">&quot;specialradioboxradio1&quot;</span>&gt;</span>
1337
- <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&#x27;radio&#x27;</span> <span class="hljs-attr">name</span>=<span class="hljs-string">&#x27;specialradiobox&#x27;</span> <span class="hljs-attr">id</span>=<span class="hljs-string">&#x27;specialradioboxradio1&#x27;</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&#x27;&#x27;</span> <span class="hljs-attr">checked</span>=<span class="hljs-string">&#x27;checked&#x27;</span>&gt;</span>Radio 1<span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">for</span>=<span class="hljs-string">&quot;specialradioboxradio1&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span>
1338
- <span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span>
1339
- <span class="hljs-tag">&lt;<span class="hljs-name">label</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;specialradiobox&quot;</span> <span class="hljs-attr">for</span>=<span class="hljs-string">&quot;specialradioboxradio2&quot;</span>&gt;</span>
1340
- <span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&#x27;radio&#x27;</span> <span class="hljs-attr">name</span>=<span class="hljs-string">&#x27;specialradiobox&#x27;</span> <span class="hljs-attr">id</span>=<span class="hljs-string">&#x27;specialradioboxradio2&#x27;</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&#x27;&#x27;</span>&gt;</span>Radio 2<span class="hljs-tag">&lt;<span class="hljs-name">i</span> <span class="hljs-attr">for</span>=<span class="hljs-string">&quot;specialradioboxradio2&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span>
1341
- <span class="hljs-tag">&lt;/<span class="hljs-name">label</span>&gt;</span></span></code></pre>
1342
- </details>
1343
-
1344
- <div class="kss-source kss-style">
1345
- Source: <code>build/doc/doc.css</code>, line 3856
1346
- </div>
1347
-
1348
- </section>
1349
- </article>
1350
- </main>
1351
-
1352
- <!-- SCRIPTS -->
1353
- <script src="kss-assets/kss.js"></script>
1354
- <script src="kss-assets/scrollspy.js"></script>
1355
- <script src="kss-assets/kss-fullscreen.js"></script>
1356
- <script src="kss-assets/kss-guides.js"></script>
1357
- <script src="kss-assets/kss-markup.js"></script>
1358
- <script>
1359
- var spy = new ScrollSpy('#kss-node', {
1360
- nav: '.kss-nav__menu-child > li > a',
1361
- className: 'is-in-viewport'
1362
- });
1363
- var kssFullScreen = new KssFullScreen({
1364
- idPrefix: 'kss-fullscreen-',
1365
- bodyClass: 'kss-fullscreen-mode',
1366
- elementClass: 'is-fullscreen'
1367
- });
1368
- var kssGuides = new KssGuides({
1369
- bodyClass: 'kss-guides-mode'
1370
- });
1371
- var kssMarkup = new KssMarkup({
1372
- bodyClass: 'kss-markup-mode',
1373
- detailsClass: 'kss-markup'
1374
- });
1375
- </script>
1376
- <script src="../../default/b2c/dist/js/main.js"></script>
1377
- <script src="../dist/js/main.js"></script>
1378
-
1379
-
1380
-
1381
- <!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
1382
- </body>
1383
- </html>