cronus-theme 2.0.89 → 2.0.90
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Gulpfile.js +4 -3
- package/README.md +1 -12
- package/default/b2b.yaml +2 -1
- package/default/b2c.yaml +2 -1
- package/default/catalog.yaml +2 -1
- package/default/login.yaml +2 -1
- package/default/templates/emails/basicmail/basicmail.mustache +2 -2
- package/default/templates/emails/basicmail/basicmailFooter.mustache +1 -1
- package/default/templates/emails/basicmail/basicmailHeader.mustache +1 -1
- package/default/templates/emails/footerText.mustache +12 -12
- package/default/templates/emails/ordermail/orderLines.mustache +5 -5
- package/default/templates/emails/ordermail/ordermail.mustache +1 -1
- package/default/templates/emails/ordermail/ordermailDcOrder.mustache +1 -1
- package/default/templates/emails/ordermail/ordermailDetails.mustache +17 -17
- package/default/templates/emails/ordermail/ordermailFooter.mustache +1 -1
- package/default/templates/emails/ordermail/ordermailHeader.mustache +5 -5
- package/default/templates/emails/ordermail/ordermailIntro.mustache +1 -1
- package/default/templates/emails/ordermail/ordermailIntroText.mustache +1 -1
- package/default/templates/emails/ordermail/ordermailItem.mustache +1 -1
- package/default/templates/emails/ordermail/ordermailItemHeadline.mustache +1 -1
- package/default/templates/emails/ordermail/ordermailItemList.mustache +1 -1
- package/default/templates/shop/item_statistics_account.mustache +1 -1
- package/default/website.yaml +2 -1
- package/package.json +1 -1
- package/child/404_de.html +0 -32
- package/child/404_en.html +0 -32
- package/child/Gulpfile.js +0 -463
- package/child/build/doc/doc.css +0 -21873
- package/child/build/favicons/android-chrome-192x192.png +0 -0
- package/child/build/favicons/android-chrome-512x512.png +0 -0
- package/child/build/favicons/apple-touch-icon.png +0 -0
- package/child/build/favicons/browserconfig.xml +0 -9
- package/child/build/favicons/favicon-16x16.png +0 -0
- package/child/build/favicons/favicon-32x32.png +0 -0
- package/child/build/favicons/favicon.ico +0 -0
- package/child/build/favicons/faviconData.json +0 -1
- package/child/build/favicons/mstile-144x144.png +0 -0
- package/child/build/favicons/mstile-150x150.png +0 -0
- package/child/build/favicons/mstile-310x150.png +0 -0
- package/child/build/favicons/mstile-310x310.png +0 -0
- package/child/build/favicons/mstile-70x70.png +0 -0
- package/child/build/favicons/safari-pinned-tab.svg +0 -36
- package/child/build/favicons/site.webmanifest +0 -19
- package/child/child.yaml +0 -137
- package/child/ck_styles.js +0 -90
- package/child/config.json +0 -37
- package/child/dist/css/addons/errorPages.css +0 -1
- package/child/dist/css/addons/fck.css +0 -1
- package/child/dist/css/addons/kss.css +0 -1
- package/child/dist/css/child.css +0 -1
- package/child/dist/css/child1734010270.css +0 -1
- package/child/dist/css/doc.css +0 -1
- package/child/dist/css/doc1734010270.css +0 -1
- package/child/dist/favicons/android-chrome-192x192.png +0 -0
- package/child/dist/favicons/android-chrome-512x512.png +0 -0
- package/child/dist/favicons/apple-touch-icon.png +0 -0
- package/child/dist/favicons/browserconfig.xml +0 -9
- package/child/dist/favicons/favicon-16x16.png +0 -0
- package/child/dist/favicons/favicon-32x32.png +0 -0
- package/child/dist/favicons/favicon.ico +0 -0
- package/child/dist/favicons/faviconData.json +0 -1
- package/child/dist/favicons/mstile-144x144.png +0 -0
- package/child/dist/favicons/mstile-150x150.png +0 -0
- package/child/dist/favicons/mstile-310x150.png +0 -0
- package/child/dist/favicons/mstile-310x310.png +0 -0
- package/child/dist/favicons/mstile-70x70.png +0 -0
- package/child/dist/favicons/safari-pinned-tab.svg +0 -36
- package/child/dist/favicons/site.webmanifest +0 -19
- package/child/dist/fonts/barlow-600.woff +0 -0
- package/child/dist/fonts/barlow-600.woff2 +0 -0
- package/child/dist/fonts/barlow-700.woff +0 -0
- package/child/dist/fonts/barlow-700.woff2 +0 -0
- package/child/dist/fonts/barlow-regular.woff +0 -0
- package/child/dist/fonts/barlow-regular.woff2 +0 -0
- package/child/dist/fonts/icons1689843011.woff +0 -0
- package/child/dist/fonts/icons1689843011.woff2 +0 -0
- package/child/dist/fonts/icons1689843343.woff +0 -0
- package/child/dist/fonts/icons1689843343.woff2 +0 -0
- package/child/dist/fonts/icons1734010270.woff +0 -0
- package/child/dist/fonts/icons1734010270.woff2 +0 -0
- package/child/dist/js/child.js +0 -2
- package/child/dist/js/child.js.map +0 -7
- package/child/dist/js/child1734010270.js +0 -2
- package/child/dist/snippets/css/child.html +0 -1
- package/child/dist/snippets/css/doc.html +0 -1
- package/child/dist/snippets/faviconmarkup.html +0 -9
- package/child/dist/snippets/iconfont.html +0 -1
- package/child/dist/snippets/js/child.html +0 -1
- package/child/frontend.php +0 -266
- package/child/homepage.md +0 -1
- package/child/kss-config.json +0 -17
- package/child/package.json +0 -65
- package/child/sample.jpg +0 -0
- package/child/src/favicon/favicon.svg +0 -1
- package/child/src/fonts/barlow-600.woff +0 -0
- package/child/src/fonts/barlow-600.woff2 +0 -0
- package/child/src/fonts/barlow-700.woff +0 -0
- package/child/src/fonts/barlow-700.woff2 +0 -0
- package/child/src/fonts/barlow-regular.woff +0 -0
- package/child/src/fonts/barlow-regular.woff2 +0 -0
- package/child/src/fonts/icons1689843011.woff +0 -0
- package/child/src/fonts/icons1689843011.woff2 +0 -0
- package/child/src/fonts/icons1689843343.woff +0 -0
- package/child/src/fonts/icons1689843343.woff2 +0 -0
- package/child/src/icons/icons1734010270.woff +0 -0
- package/child/src/icons/icons1734010270.woff2 +0 -0
- package/child/src/js/child.js +0 -0
- package/child/src/scss/_print.scss +0 -5
- package/child/src/scss/addons/errorPages.scss +0 -109
- package/child/src/scss/addons/fck.scss +0 -6
- package/child/src/scss/addons/kss.scss +0 -108
- package/child/src/scss/base/_fonts.scss +0 -27
- package/child/src/scss/base/_icons.scss +0 -968
- package/child/src/scss/base/_variables.scss +0 -0
- package/child/src/scss/child.scss +0 -11
- package/child/src/scss/doc.scss +0 -2
- package/child/src/scss/mixins/_breakpoints.scss +0 -127
- package/child/src/scss/mixins/_functions.scss +0 -273
- package/child/src/scss/mixins/_grid.scss +0 -85
- package/child/src/scss/mixins/_mixins.scss +0 -3
- package/child/src/scss/template/_icons.scss +0 -33
- package/child/src/snippets/faviconmarkup.html +0 -0
- package/child/src/snippets/includeCSS.html +0 -1
- package/child/src/snippets/includeFont.html +0 -1
- package/child/src/snippets/includeJS.html +0 -1
- package/child/styleguide/index.html +0 -119
- package/child/styleguide/item-base-button-link.html +0 -191
- package/child/styleguide/item-base-buttons.html +0 -244
- package/child/styleguide/item-base-fake-tables.html +0 -221
- package/child/styleguide/item-base-icons.html +0 -290
- package/child/styleguide/item-base-lists.html +0 -216
- package/child/styleguide/item-base-tables.html +0 -221
- package/child/styleguide/item-base-tags-group.html +0 -209
- package/child/styleguide/item-base-tags.html +0 -224
- package/child/styleguide/item-base.html +0 -171
- package/child/styleguide/item-colors-background.html +0 -305
- package/child/styleguide/item-colors-border.html +0 -263
- package/child/styleguide/item-colors-font.html +0 -304
- package/child/styleguide/item-colors.html +0 -159
- package/child/styleguide/item-components-action-icon.html +0 -244
- package/child/styleguide/item-components-actionbox.html +0 -195
- package/child/styleguide/item-components-alerts.html +0 -244
- package/child/styleguide/item-components-breadcrumb.html +0 -209
- package/child/styleguide/item-components-custom-select.html +0 -588
- package/child/styleguide/item-components-filegallery.html +0 -223
- package/child/styleguide/item-components-iconbar.html +0 -378
- package/child/styleguide/item-components-iconbox.html +0 -197
- package/child/styleguide/item-components-iconlist.html +0 -205
- package/child/styleguide/item-components-modals.html +0 -319
- package/child/styleguide/item-components-pagination.html +0 -215
- package/child/styleguide/item-components-processbar.html +0 -225
- package/child/styleguide/item-components-radio-list.html +0 -297
- package/child/styleguide/item-components-rating.html +0 -213
- package/child/styleguide/item-components-scrollbar.html +0 -327
- package/child/styleguide/item-components-searchbar.html +0 -204
- package/child/styleguide/item-components-share-links.html +0 -209
- package/child/styleguide/item-components-tags-group.html +0 -209
- package/child/styleguide/item-components-tags.html +0 -254
- package/child/styleguide/item-components-trust-infobar.html +0 -205
- package/child/styleguide/item-components-trustbar.html +0 -213
- package/child/styleguide/item-components-trustlist.html +0 -211
- package/child/styleguide/item-components.html +0 -261
- package/child/styleguide/item-form-checkboxes-switch.html +0 -195
- package/child/styleguide/item-form-checkboxes.html +0 -195
- package/child/styleguide/item-form-file-input.html +0 -252
- package/child/styleguide/item-form-infield-input-groups.html +0 -215
- package/child/styleguide/item-form-input-groups-addons.html +0 -286
- package/child/styleguide/item-form-input-groups.html +0 -210
- package/child/styleguide/item-form-inputs.html +0 -398
- package/child/styleguide/item-form-label-left-input-groups.html +0 -201
- package/child/styleguide/item-form-radioboxes-switch.html +0 -211
- package/child/styleguide/item-form.html +0 -189
- package/child/styleguide/item-navigations-mainnav.html +0 -239
- package/child/styleguide/item-navigations-nav.html +0 -215
- package/child/styleguide/item-navigations-navgroup.html +0 -538
- package/child/styleguide/item-navigations-subnav.html +0 -295
- package/child/styleguide/item-navigations-toggle-navigation.html +0 -216
- package/child/styleguide/item-navigations.html +0 -171
- package/child/styleguide/item-shop-accountbox.html +0 -318
- package/child/styleguide/item-shop-amount-lines.html +0 -243
- package/child/styleguide/item-shop-attributes-icons.html +0 -205
- package/child/styleguide/item-shop-categorybox.html +0 -227
- package/child/styleguide/item-shop-categorylist-itempreview.html +0 -247
- package/child/styleguide/item-shop-categorylist.html +0 -257
- package/child/styleguide/item-shop-checkout-buttons.html +0 -205
- package/child/styleguide/item-shop-filter.html +0 -707
- package/child/styleguide/item-shop-history-list-item.html +0 -213
- package/child/styleguide/item-shop-inventory.html +0 -300
- package/child/styleguide/item-shop-list-type-switch.html +0 -207
- package/child/styleguide/item-shop-order-history-list.html +0 -254
- package/child/styleguide/item-shop-orderboxsummary.html +0 -267
- package/child/styleguide/item-shop-orderbutton.html +0 -297
- package/child/styleguide/item-shop-orderitemlist.html +0 -263
- package/child/styleguide/item-shop-prices-list-graduated.html +0 -247
- package/child/styleguide/item-shop-prices-list.html +0 -217
- package/child/styleguide/item-shop-prices.html +0 -199
- package/child/styleguide/item-shop-promotions.html +0 -201
- package/child/styleguide/item-shop-quantity-spinner.html +0 -366
- package/child/styleguide/item-shop-sorting.html +0 -271
- package/child/styleguide/item-shop-state.html +0 -279
- package/child/styleguide/item-shop-variantselection.html +0 -199
- package/child/styleguide/item-shop.html +0 -243
- package/child/styleguide/item-siteparts-filegallery.html +0 -223
- package/child/styleguide/item-siteparts-scrollbar.html +0 -294
- package/child/styleguide/item-siteparts-slidecontent.html +0 -217
- package/child/styleguide/item-siteparts.html +0 -159
- package/child/styleguide/item-structure-containers.html +0 -234
- package/child/styleguide/item-structure-grid.html +0 -373
- package/child/styleguide/item-structure-margins.html +0 -307
- package/child/styleguide/item-structure-paddings.html +0 -307
- package/child/styleguide/item-structure.html +0 -165
- package/child/styleguide/item-typo-alignment-transform.html +0 -274
- package/child/styleguide/item-typo-headlines.html +0 -225
- package/child/styleguide/item-typo-link-with-icon.html +0 -254
- package/child/styleguide/item-typo-links.html +0 -224
- package/child/styleguide/item-typo-text.html +0 -214
- package/child/styleguide/item-typo.html +0 -165
- package/child/styleguide/kss-assets/WARNING.txt +0 -2
- package/child/styleguide/kss-assets/github-fork--black.png +0 -0
- package/child/styleguide/kss-assets/kss-fullscreen.js +0 -60
- package/child/styleguide/kss-assets/kss-guides.js +0 -27
- package/child/styleguide/kss-assets/kss-markup.js +0 -42
- package/child/styleguide/kss-assets/kss.css +0 -1
- package/child/styleguide/kss-assets/kss.js +0 -53
- package/child/styleguide/kss-assets/kss.scss +0 -746
- package/child/styleguide/kss-assets/noise-low.png +0 -0
- package/child/styleguide/kss-assets/sample-inline.png +0 -0
- package/child/styleguide/kss-assets/sample-inline.svg +0 -3
- package/child/styleguide/kss-assets/sample.png +0 -0
- package/child/styleguide/kss-assets/sample.svg +0 -3
- package/child/styleguide/kss-assets/scrollspy.js +0 -147
- package/child/styleguide/section-base.html +0 -784
- package/child/styleguide/section-colors.html +0 -743
- package/child/styleguide/section-components.html +0 -3375
- package/child/styleguide/section-form.html +0 -1383
- package/child/styleguide/section-navigations.html +0 -1194
- package/child/styleguide/section-shop.html +0 -3333
- package/child/styleguide/section-siteparts.html +0 -605
- package/child/styleguide/section-structure.html +0 -1002
- package/child/styleguide/section-typo.html +0 -698
|
@@ -1,217 +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="../dist/css/main.css"/>
|
|
14
|
-
<link rel="stylesheet" href="../dist/css/order.css"/>
|
|
15
|
-
<link rel="stylesheet" href="../dist/css/account.css"/>
|
|
16
|
-
|
|
17
|
-
</head>
|
|
18
|
-
<body id="kss-node" class="kss-fullscreen-mode">
|
|
19
|
-
|
|
20
|
-
<div class="kss-sidebar kss-style">
|
|
21
|
-
<header class="kss-header">
|
|
22
|
-
<h1 class="kss-doc-title">Style Guide</h1>
|
|
23
|
-
</header>
|
|
24
|
-
<nav class="kss-nav" aria-label="Style Guide">
|
|
25
|
-
<ul class="kss-nav__menu">
|
|
26
|
-
<li class="kss-nav__menu-item">
|
|
27
|
-
<a class="kss-nav__menu-link" href="./">
|
|
28
|
-
<span class="kss-nav__ref">0</span
|
|
29
|
-
><span class="kss-nav__name">Overview</span>
|
|
30
|
-
</a>
|
|
31
|
-
</li>
|
|
32
|
-
<li class="kss-nav__menu-item">
|
|
33
|
-
<a class="kss-nav__menu-link" href="section-base.html">
|
|
34
|
-
<span class="kss-nav__ref">1</span><span class="kss-nav__name">Base</span>
|
|
35
|
-
</a>
|
|
36
|
-
</li>
|
|
37
|
-
<li class="kss-nav__menu-item">
|
|
38
|
-
<a class="kss-nav__menu-link" href="section-colors.html">
|
|
39
|
-
<span class="kss-nav__ref">2</span><span class="kss-nav__name">Colors</span>
|
|
40
|
-
</a>
|
|
41
|
-
</li>
|
|
42
|
-
<li class="kss-nav__menu-item">
|
|
43
|
-
<a class="kss-nav__menu-link" href="section-components.html">
|
|
44
|
-
<span class="kss-nav__ref">3</span><span class="kss-nav__name">Components</span>
|
|
45
|
-
</a>
|
|
46
|
-
</li>
|
|
47
|
-
<li class="kss-nav__menu-item">
|
|
48
|
-
<a class="kss-nav__menu-link" href="section-form.html">
|
|
49
|
-
<span class="kss-nav__ref">4</span><span class="kss-nav__name">Form</span>
|
|
50
|
-
</a>
|
|
51
|
-
</li>
|
|
52
|
-
<li class="kss-nav__menu-item">
|
|
53
|
-
<a class="kss-nav__menu-link" href="section-navigations.html">
|
|
54
|
-
<span class="kss-nav__ref">5</span><span class="kss-nav__name">Navigations</span>
|
|
55
|
-
</a>
|
|
56
|
-
</li>
|
|
57
|
-
<li class="kss-nav__menu-item">
|
|
58
|
-
<a class="kss-nav__menu-link" href="section-shop.html">
|
|
59
|
-
<span class="kss-nav__ref">6</span><span class="kss-nav__name">Shop</span>
|
|
60
|
-
</a>
|
|
61
|
-
</li>
|
|
62
|
-
<li class="kss-nav__menu-item">
|
|
63
|
-
<a class="kss-nav__menu-link" href="section-siteparts.html">
|
|
64
|
-
<span class="kss-nav__ref">7</span><span class="kss-nav__name">Siteparts</span>
|
|
65
|
-
</a>
|
|
66
|
-
</li>
|
|
67
|
-
<li class="kss-nav__menu-item">
|
|
68
|
-
<a class="kss-nav__menu-link" href="section-structure.html">
|
|
69
|
-
<span class="kss-nav__ref">8</span><span class="kss-nav__name">Structure</span>
|
|
70
|
-
</a>
|
|
71
|
-
</li>
|
|
72
|
-
<li class="kss-nav__menu-item">
|
|
73
|
-
<a class="kss-nav__menu-link" href="section-typo.html">
|
|
74
|
-
<span class="kss-nav__ref">9</span><span class="kss-nav__name">Typo</span>
|
|
75
|
-
</a>
|
|
76
|
-
</li>
|
|
77
|
-
</ul>
|
|
78
|
-
</nav>
|
|
79
|
-
</div>
|
|
80
|
-
<main class="kss-main" aria-label="Content">
|
|
81
|
-
<article>
|
|
82
|
-
|
|
83
|
-
<div id="kssref-shop-prices-list" class="kss-section kss-section--depth-2 is-fullscreen">
|
|
84
|
-
|
|
85
|
-
<div class="kss-style">
|
|
86
|
-
<h2 class="kss-title kss-title--level-2">
|
|
87
|
-
<a class="kss-title__permalink" href="#kssref-shop-prices-list">
|
|
88
|
-
<span class="kss-title__ref">
|
|
89
|
-
6.16
|
|
90
|
-
<span class="kss-title__permalink-hash">
|
|
91
|
-
#Shop.Prices List
|
|
92
|
-
</span>
|
|
93
|
-
</span>
|
|
94
|
-
Prices List
|
|
95
|
-
</a>
|
|
96
|
-
</h2>
|
|
97
|
-
|
|
98
|
-
<p class="kss-toolbar">
|
|
99
|
-
<a href="#kssref-shop-prices-list" data-kss-guides="true">
|
|
100
|
-
<span class="kss-toolbar__tooltip">Toggle example guides</span>
|
|
101
|
-
<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">
|
|
102
|
-
<rect class="kss-toolbar__icon-fill" x="5" y="35" width="5" height="9"/>
|
|
103
|
-
<rect class="kss-toolbar__icon-fill" x="54" y="21" width="5" height="9"/>
|
|
104
|
-
<rect class="kss-toolbar__icon-fill" x="54" y="35" width="5" height="9"/>
|
|
105
|
-
<rect class="kss-toolbar__icon-fill" x="5" y="21" width="5" height="9"/>
|
|
106
|
-
<rect class="kss-toolbar__icon-fill" x="5" y="0" width="5" height="15"/>
|
|
107
|
-
<rect class="kss-toolbar__icon-fill" x="35" y="5" width="9" height="5"/>
|
|
108
|
-
<rect class="kss-toolbar__icon-fill" x="20" y="5" width="9" height="5"/>
|
|
109
|
-
<rect class="kss-toolbar__icon-fill" x="0" y="5" width="15" height="5"/>
|
|
110
|
-
<rect class="kss-toolbar__icon-fill" x="54" y="0" width="5" height="15"/>
|
|
111
|
-
<rect class="kss-toolbar__icon-fill" x="49" y="5" width="15" height="5"/>
|
|
112
|
-
<rect class="kss-toolbar__icon-fill" x="54" y="49" width="5" height="15"/>
|
|
113
|
-
<rect class="kss-toolbar__icon-fill" x="49" y="54" width="15" height="5"/>
|
|
114
|
-
<rect class="kss-toolbar__icon-fill" x="5" y="49" width="5" height="15"/>
|
|
115
|
-
<rect class="kss-toolbar__icon-fill" x="0" y="54" width="15" height="5"/>
|
|
116
|
-
<rect class="kss-toolbar__icon-fill" x="35" y="54" width="9" height="5"/>
|
|
117
|
-
<rect class="kss-toolbar__icon-fill" x="20" y="54" width="9" height="5"/>
|
|
118
|
-
</svg>
|
|
119
|
-
</a>
|
|
120
|
-
<a href="#kssref-shop-prices-list" data-kss-markup="true">
|
|
121
|
-
<span class="kss-toolbar__tooltip">Toggle HTML markup</span>
|
|
122
|
-
<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">
|
|
123
|
-
<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"/>
|
|
124
|
-
<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"/>
|
|
125
|
-
</svg>
|
|
126
|
-
</a>
|
|
127
|
-
</p>
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
</div>
|
|
132
|
-
|
|
133
|
-
<div class="kss-modifier__wrapper">
|
|
134
|
-
<div class="kss-modifier__heading kss-style">
|
|
135
|
-
Example
|
|
136
|
-
</div>
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
<div class="kss-modifier__example">
|
|
140
|
-
<div class="pricesList">
|
|
141
|
-
<div class="price">
|
|
142
|
-
<label>UVP</label>
|
|
143
|
-
<span>299,95 €</span>
|
|
144
|
-
</div>
|
|
145
|
-
<div class="price">
|
|
146
|
-
<label>HEK</label>
|
|
147
|
-
<span>199,95 €</span>
|
|
148
|
-
</div>
|
|
149
|
-
<div class="price">
|
|
150
|
-
<label>Your Price</label>
|
|
151
|
-
<span>159,95 €</span>
|
|
152
|
-
</div>
|
|
153
|
-
</div>
|
|
154
|
-
<div class="kss-modifier__example-footer"></div>
|
|
155
|
-
</div>
|
|
156
|
-
|
|
157
|
-
</div>
|
|
158
|
-
|
|
159
|
-
<details class="kss-markup kss-style">
|
|
160
|
-
<summary>
|
|
161
|
-
Markup
|
|
162
|
-
</summary>
|
|
163
|
-
<pre class="hljs"><code class="language-handlebars"><span class="xml"><span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"pricesList"</span>></span>
|
|
164
|
-
<span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"price"</span>></span>
|
|
165
|
-
<span class="hljs-tag"><<span class="hljs-name">label</span>></span>UVP<span class="hljs-tag"></<span class="hljs-name">label</span>></span>
|
|
166
|
-
<span class="hljs-tag"><<span class="hljs-name">span</span>></span>299,95<span class="hljs-symbol">&nbsp;</span>€<span class="hljs-tag"></<span class="hljs-name">span</span>></span>
|
|
167
|
-
<span class="hljs-tag"></<span class="hljs-name">div</span>></span>
|
|
168
|
-
<span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"price"</span>></span>
|
|
169
|
-
<span class="hljs-tag"><<span class="hljs-name">label</span>></span>HEK<span class="hljs-tag"></<span class="hljs-name">label</span>></span>
|
|
170
|
-
<span class="hljs-tag"><<span class="hljs-name">span</span>></span>199,95<span class="hljs-symbol">&nbsp;</span>€<span class="hljs-tag"></<span class="hljs-name">span</span>></span>
|
|
171
|
-
<span class="hljs-tag"></<span class="hljs-name">div</span>></span>
|
|
172
|
-
<span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"price"</span>></span>
|
|
173
|
-
<span class="hljs-tag"><<span class="hljs-name">label</span>></span>Your Price<span class="hljs-tag"></<span class="hljs-name">label</span>></span>
|
|
174
|
-
<span class="hljs-tag"><<span class="hljs-name">span</span>></span>159,95<span class="hljs-symbol">&nbsp;</span>€<span class="hljs-tag"></<span class="hljs-name">span</span>></span>
|
|
175
|
-
<span class="hljs-tag"></<span class="hljs-name">div</span>></span>
|
|
176
|
-
<span class="hljs-tag"></<span class="hljs-name">div</span>></span></span></code></pre>
|
|
177
|
-
</details>
|
|
178
|
-
|
|
179
|
-
<div class="kss-source kss-style">
|
|
180
|
-
Source: <code>../default/global/scss/shop/_pricesList.scss</code>, line 1
|
|
181
|
-
</div>
|
|
182
|
-
|
|
183
|
-
</div>
|
|
184
|
-
</article>
|
|
185
|
-
</main>
|
|
186
|
-
|
|
187
|
-
<!-- SCRIPTS -->
|
|
188
|
-
<script src="kss-assets/kss.js"></script>
|
|
189
|
-
<script src="kss-assets/scrollspy.js"></script>
|
|
190
|
-
<script src="kss-assets/kss-fullscreen.js"></script>
|
|
191
|
-
<script src="kss-assets/kss-guides.js"></script>
|
|
192
|
-
<script src="kss-assets/kss-markup.js"></script>
|
|
193
|
-
<script>
|
|
194
|
-
var spy = new ScrollSpy('#kss-node', {
|
|
195
|
-
nav: '.kss-nav__menu-child > li > a',
|
|
196
|
-
className: 'is-in-viewport'
|
|
197
|
-
});
|
|
198
|
-
var kssFullScreen = new KssFullScreen({
|
|
199
|
-
idPrefix: 'kss-fullscreen-',
|
|
200
|
-
bodyClass: 'kss-fullscreen-mode',
|
|
201
|
-
elementClass: 'is-fullscreen'
|
|
202
|
-
});
|
|
203
|
-
var kssGuides = new KssGuides({
|
|
204
|
-
bodyClass: 'kss-guides-mode'
|
|
205
|
-
});
|
|
206
|
-
var kssMarkup = new KssMarkup({
|
|
207
|
-
bodyClass: 'kss-markup-mode',
|
|
208
|
-
detailsClass: 'kss-markup'
|
|
209
|
-
});
|
|
210
|
-
</script>
|
|
211
|
-
<script src="../dist/js/main.js"></script>
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
<!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
|
|
216
|
-
</body>
|
|
217
|
-
</html>
|
|
@@ -1,199 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html class="no-js" lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8"/>
|
|
5
|
-
<title>Style Guide</title>
|
|
6
|
-
|
|
7
|
-
<meta name="description" content=""/>
|
|
8
|
-
<meta name="generator" content="kss-node"/>
|
|
9
|
-
<meta name="viewport" content="width=device-width"/>
|
|
10
|
-
|
|
11
|
-
<link rel="stylesheet" href="kss-assets/kss.css"/>
|
|
12
|
-
<link rel="stylesheet" href="../dist/css/addons/kss.css"/>
|
|
13
|
-
<link rel="stylesheet" href="../../default/b2c/dist/css/doc.css"/>
|
|
14
|
-
<link rel="stylesheet" href="../dist/css/doc.css"/>
|
|
15
|
-
|
|
16
|
-
</head>
|
|
17
|
-
<body id="kss-node" class="kss-fullscreen-mode">
|
|
18
|
-
|
|
19
|
-
<div class="kss-sidebar kss-style">
|
|
20
|
-
<header class="kss-header">
|
|
21
|
-
<h1 class="kss-doc-title">Style Guide</h1>
|
|
22
|
-
</header>
|
|
23
|
-
<nav class="kss-nav" aria-label="Style Guide">
|
|
24
|
-
<ul class="kss-nav__menu">
|
|
25
|
-
<li class="kss-nav__menu-item">
|
|
26
|
-
<a class="kss-nav__menu-link" href="./">
|
|
27
|
-
<span class="kss-nav__ref">0</span
|
|
28
|
-
><span class="kss-nav__name">Overview</span>
|
|
29
|
-
</a>
|
|
30
|
-
</li>
|
|
31
|
-
<li class="kss-nav__menu-item">
|
|
32
|
-
<a class="kss-nav__menu-link" href="section-base.html">
|
|
33
|
-
<span class="kss-nav__ref">1</span><span class="kss-nav__name">Base</span>
|
|
34
|
-
</a>
|
|
35
|
-
</li>
|
|
36
|
-
<li class="kss-nav__menu-item">
|
|
37
|
-
<a class="kss-nav__menu-link" href="section-colors.html">
|
|
38
|
-
<span class="kss-nav__ref">2</span><span class="kss-nav__name">Colors</span>
|
|
39
|
-
</a>
|
|
40
|
-
</li>
|
|
41
|
-
<li class="kss-nav__menu-item">
|
|
42
|
-
<a class="kss-nav__menu-link" href="section-components.html">
|
|
43
|
-
<span class="kss-nav__ref">3</span><span class="kss-nav__name">Components</span>
|
|
44
|
-
</a>
|
|
45
|
-
</li>
|
|
46
|
-
<li class="kss-nav__menu-item">
|
|
47
|
-
<a class="kss-nav__menu-link" href="section-form.html">
|
|
48
|
-
<span class="kss-nav__ref">4</span><span class="kss-nav__name">Form</span>
|
|
49
|
-
</a>
|
|
50
|
-
</li>
|
|
51
|
-
<li class="kss-nav__menu-item">
|
|
52
|
-
<a class="kss-nav__menu-link" href="section-navigations.html">
|
|
53
|
-
<span class="kss-nav__ref">5</span><span class="kss-nav__name">Navigations</span>
|
|
54
|
-
</a>
|
|
55
|
-
</li>
|
|
56
|
-
<li class="kss-nav__menu-item">
|
|
57
|
-
<a class="kss-nav__menu-link" href="section-shop.html">
|
|
58
|
-
<span class="kss-nav__ref">6</span><span class="kss-nav__name">Shop</span>
|
|
59
|
-
</a>
|
|
60
|
-
</li>
|
|
61
|
-
<li class="kss-nav__menu-item">
|
|
62
|
-
<a class="kss-nav__menu-link" href="section-siteparts.html">
|
|
63
|
-
<span class="kss-nav__ref">7</span><span class="kss-nav__name">Siteparts</span>
|
|
64
|
-
</a>
|
|
65
|
-
</li>
|
|
66
|
-
<li class="kss-nav__menu-item">
|
|
67
|
-
<a class="kss-nav__menu-link" href="section-structure.html">
|
|
68
|
-
<span class="kss-nav__ref">8</span><span class="kss-nav__name">Structure</span>
|
|
69
|
-
</a>
|
|
70
|
-
</li>
|
|
71
|
-
<li class="kss-nav__menu-item">
|
|
72
|
-
<a class="kss-nav__menu-link" href="section-typo.html">
|
|
73
|
-
<span class="kss-nav__ref">9</span><span class="kss-nav__name">Typo</span>
|
|
74
|
-
</a>
|
|
75
|
-
</li>
|
|
76
|
-
</ul>
|
|
77
|
-
</nav>
|
|
78
|
-
</div>
|
|
79
|
-
<main class="kss-main" aria-label="Content">
|
|
80
|
-
<article>
|
|
81
|
-
|
|
82
|
-
<div id="kssref-shop-prices" class="kss-section kss-section--depth-2 is-fullscreen">
|
|
83
|
-
|
|
84
|
-
<div class="kss-style">
|
|
85
|
-
<h2 class="kss-title kss-title--level-2">
|
|
86
|
-
<a class="kss-title__permalink" href="#kssref-shop-prices">
|
|
87
|
-
<span class="kss-title__ref">
|
|
88
|
-
6.13
|
|
89
|
-
<span class="kss-title__permalink-hash">
|
|
90
|
-
#Shop.Prices
|
|
91
|
-
</span>
|
|
92
|
-
</span>
|
|
93
|
-
Prices
|
|
94
|
-
</a>
|
|
95
|
-
</h2>
|
|
96
|
-
|
|
97
|
-
<p class="kss-toolbar">
|
|
98
|
-
<a href="#kssref-shop-prices" data-kss-guides="true">
|
|
99
|
-
<span class="kss-toolbar__tooltip">Toggle example guides</span>
|
|
100
|
-
<svg focusable="false" aria-hidden="true" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 64 64">
|
|
101
|
-
<rect class="kss-toolbar__icon-fill" x="5" y="35" width="5" height="9"/>
|
|
102
|
-
<rect class="kss-toolbar__icon-fill" x="54" y="21" width="5" height="9"/>
|
|
103
|
-
<rect class="kss-toolbar__icon-fill" x="54" y="35" width="5" height="9"/>
|
|
104
|
-
<rect class="kss-toolbar__icon-fill" x="5" y="21" width="5" height="9"/>
|
|
105
|
-
<rect class="kss-toolbar__icon-fill" x="5" y="0" width="5" height="15"/>
|
|
106
|
-
<rect class="kss-toolbar__icon-fill" x="35" y="5" width="9" height="5"/>
|
|
107
|
-
<rect class="kss-toolbar__icon-fill" x="20" y="5" width="9" height="5"/>
|
|
108
|
-
<rect class="kss-toolbar__icon-fill" x="0" y="5" width="15" height="5"/>
|
|
109
|
-
<rect class="kss-toolbar__icon-fill" x="54" y="0" width="5" height="15"/>
|
|
110
|
-
<rect class="kss-toolbar__icon-fill" x="49" y="5" width="15" height="5"/>
|
|
111
|
-
<rect class="kss-toolbar__icon-fill" x="54" y="49" width="5" height="15"/>
|
|
112
|
-
<rect class="kss-toolbar__icon-fill" x="49" y="54" width="15" height="5"/>
|
|
113
|
-
<rect class="kss-toolbar__icon-fill" x="5" y="49" width="5" height="15"/>
|
|
114
|
-
<rect class="kss-toolbar__icon-fill" x="0" y="54" width="15" height="5"/>
|
|
115
|
-
<rect class="kss-toolbar__icon-fill" x="35" y="54" width="9" height="5"/>
|
|
116
|
-
<rect class="kss-toolbar__icon-fill" x="20" y="54" width="9" height="5"/>
|
|
117
|
-
</svg>
|
|
118
|
-
</a>
|
|
119
|
-
<a href="#kssref-shop-prices" data-kss-markup="true">
|
|
120
|
-
<span class="kss-toolbar__tooltip">Toggle HTML markup</span>
|
|
121
|
-
<svg focusable="false" aria-hidden="true" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 64 64">
|
|
122
|
-
<path class="kss-toolbar__icon-fill" d="M37.555,46.239l6.103,6.103l20.342,-20.342l-20.342,-20.342l-6.103,6.103l14.24,14.239l-14.24,14.239Z"/>
|
|
123
|
-
<path class="kss-toolbar__icon-fill" d="M26.445,17.761l-6.103,-6.103l-20.342,20.342l20.342,20.342l6.103,-6.103l-14.24,-14.239l14.24,-14.239Z"/>
|
|
124
|
-
</svg>
|
|
125
|
-
</a>
|
|
126
|
-
</p>
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
</div>
|
|
131
|
-
|
|
132
|
-
<div class="kss-modifier__wrapper">
|
|
133
|
-
<div class="kss-modifier__heading kss-style">
|
|
134
|
-
Example
|
|
135
|
-
</div>
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
<div class="kss-modifier__example">
|
|
139
|
-
<div class="prices">
|
|
140
|
-
<span class="crossPrice">299,95 €</span>
|
|
141
|
-
<span class="basePrice">199,95 €</span>
|
|
142
|
-
<span class="priceNotice">Price incl. 19% VAT.</span>
|
|
143
|
-
</div>
|
|
144
|
-
<div class="kss-modifier__example-footer"></div>
|
|
145
|
-
</div>
|
|
146
|
-
|
|
147
|
-
</div>
|
|
148
|
-
|
|
149
|
-
<details class="kss-markup kss-style">
|
|
150
|
-
<summary>
|
|
151
|
-
Markup
|
|
152
|
-
</summary>
|
|
153
|
-
<pre class="hljs"><code class="language-handlebars"><span class="xml"><span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"prices"</span>></span>
|
|
154
|
-
<span class="hljs-tag"><<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"crossPrice"</span>></span>299,95<span class="hljs-symbol">&nbsp;</span>€<span class="hljs-tag"></<span class="hljs-name">span</span>></span>
|
|
155
|
-
<span class="hljs-tag"><<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"basePrice"</span>></span>199,95<span class="hljs-symbol">&nbsp;</span>€<span class="hljs-tag"></<span class="hljs-name">span</span>></span>
|
|
156
|
-
<span class="hljs-tag"><<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"priceNotice"</span>></span>Price incl. 19% VAT.<span class="hljs-tag"></<span class="hljs-name">span</span>></span>
|
|
157
|
-
<span class="hljs-tag"></<span class="hljs-name">div</span>></span></span></code></pre>
|
|
158
|
-
</details>
|
|
159
|
-
|
|
160
|
-
<div class="kss-source kss-style">
|
|
161
|
-
Source: <code>build/doc/doc.css</code>, line 16206
|
|
162
|
-
</div>
|
|
163
|
-
|
|
164
|
-
</div>
|
|
165
|
-
</article>
|
|
166
|
-
</main>
|
|
167
|
-
|
|
168
|
-
<!-- SCRIPTS -->
|
|
169
|
-
<script src="kss-assets/kss.js"></script>
|
|
170
|
-
<script src="kss-assets/scrollspy.js"></script>
|
|
171
|
-
<script src="kss-assets/kss-fullscreen.js"></script>
|
|
172
|
-
<script src="kss-assets/kss-guides.js"></script>
|
|
173
|
-
<script src="kss-assets/kss-markup.js"></script>
|
|
174
|
-
<script>
|
|
175
|
-
var spy = new ScrollSpy('#kss-node', {
|
|
176
|
-
nav: '.kss-nav__menu-child > li > a',
|
|
177
|
-
className: 'is-in-viewport'
|
|
178
|
-
});
|
|
179
|
-
var kssFullScreen = new KssFullScreen({
|
|
180
|
-
idPrefix: 'kss-fullscreen-',
|
|
181
|
-
bodyClass: 'kss-fullscreen-mode',
|
|
182
|
-
elementClass: 'is-fullscreen'
|
|
183
|
-
});
|
|
184
|
-
var kssGuides = new KssGuides({
|
|
185
|
-
bodyClass: 'kss-guides-mode'
|
|
186
|
-
});
|
|
187
|
-
var kssMarkup = new KssMarkup({
|
|
188
|
-
bodyClass: 'kss-markup-mode',
|
|
189
|
-
detailsClass: 'kss-markup'
|
|
190
|
-
});
|
|
191
|
-
</script>
|
|
192
|
-
<script src="../../default/b2c/dist/js/main.js"></script>
|
|
193
|
-
<script src="../dist/js/main.js"></script>
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
<!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
|
|
198
|
-
</body>
|
|
199
|
-
</html>
|
|
@@ -1,201 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html class="no-js" lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8"/>
|
|
5
|
-
<title>Style Guide</title>
|
|
6
|
-
|
|
7
|
-
<meta name="description" content=""/>
|
|
8
|
-
<meta name="generator" content="kss-node"/>
|
|
9
|
-
<meta name="viewport" content="width=device-width"/>
|
|
10
|
-
|
|
11
|
-
<link rel="stylesheet" href="kss-assets/kss.css"/>
|
|
12
|
-
<link rel="stylesheet" href="../dist/css/addons/kss.css"/>
|
|
13
|
-
<link rel="stylesheet" href="../../default/b2c/dist/css/doc.css"/>
|
|
14
|
-
<link rel="stylesheet" href="../dist/css/doc.css"/>
|
|
15
|
-
|
|
16
|
-
</head>
|
|
17
|
-
<body id="kss-node" class="kss-fullscreen-mode">
|
|
18
|
-
|
|
19
|
-
<div class="kss-sidebar kss-style">
|
|
20
|
-
<header class="kss-header">
|
|
21
|
-
<h1 class="kss-doc-title">Style Guide</h1>
|
|
22
|
-
</header>
|
|
23
|
-
<nav class="kss-nav" aria-label="Style Guide">
|
|
24
|
-
<ul class="kss-nav__menu">
|
|
25
|
-
<li class="kss-nav__menu-item">
|
|
26
|
-
<a class="kss-nav__menu-link" href="./">
|
|
27
|
-
<span class="kss-nav__ref">0</span
|
|
28
|
-
><span class="kss-nav__name">Overview</span>
|
|
29
|
-
</a>
|
|
30
|
-
</li>
|
|
31
|
-
<li class="kss-nav__menu-item">
|
|
32
|
-
<a class="kss-nav__menu-link" href="section-base.html">
|
|
33
|
-
<span class="kss-nav__ref">1</span><span class="kss-nav__name">Base</span>
|
|
34
|
-
</a>
|
|
35
|
-
</li>
|
|
36
|
-
<li class="kss-nav__menu-item">
|
|
37
|
-
<a class="kss-nav__menu-link" href="section-colors.html">
|
|
38
|
-
<span class="kss-nav__ref">2</span><span class="kss-nav__name">Colors</span>
|
|
39
|
-
</a>
|
|
40
|
-
</li>
|
|
41
|
-
<li class="kss-nav__menu-item">
|
|
42
|
-
<a class="kss-nav__menu-link" href="section-components.html">
|
|
43
|
-
<span class="kss-nav__ref">3</span><span class="kss-nav__name">Components</span>
|
|
44
|
-
</a>
|
|
45
|
-
</li>
|
|
46
|
-
<li class="kss-nav__menu-item">
|
|
47
|
-
<a class="kss-nav__menu-link" href="section-form.html">
|
|
48
|
-
<span class="kss-nav__ref">4</span><span class="kss-nav__name">Form</span>
|
|
49
|
-
</a>
|
|
50
|
-
</li>
|
|
51
|
-
<li class="kss-nav__menu-item">
|
|
52
|
-
<a class="kss-nav__menu-link" href="section-navigations.html">
|
|
53
|
-
<span class="kss-nav__ref">5</span><span class="kss-nav__name">Navigations</span>
|
|
54
|
-
</a>
|
|
55
|
-
</li>
|
|
56
|
-
<li class="kss-nav__menu-item">
|
|
57
|
-
<a class="kss-nav__menu-link" href="section-shop.html">
|
|
58
|
-
<span class="kss-nav__ref">6</span><span class="kss-nav__name">Shop</span>
|
|
59
|
-
</a>
|
|
60
|
-
</li>
|
|
61
|
-
<li class="kss-nav__menu-item">
|
|
62
|
-
<a class="kss-nav__menu-link" href="section-siteparts.html">
|
|
63
|
-
<span class="kss-nav__ref">7</span><span class="kss-nav__name">Siteparts</span>
|
|
64
|
-
</a>
|
|
65
|
-
</li>
|
|
66
|
-
<li class="kss-nav__menu-item">
|
|
67
|
-
<a class="kss-nav__menu-link" href="section-structure.html">
|
|
68
|
-
<span class="kss-nav__ref">8</span><span class="kss-nav__name">Structure</span>
|
|
69
|
-
</a>
|
|
70
|
-
</li>
|
|
71
|
-
<li class="kss-nav__menu-item">
|
|
72
|
-
<a class="kss-nav__menu-link" href="section-typo.html">
|
|
73
|
-
<span class="kss-nav__ref">9</span><span class="kss-nav__name">Typo</span>
|
|
74
|
-
</a>
|
|
75
|
-
</li>
|
|
76
|
-
</ul>
|
|
77
|
-
</nav>
|
|
78
|
-
</div>
|
|
79
|
-
<main class="kss-main" aria-label="Content">
|
|
80
|
-
<article>
|
|
81
|
-
|
|
82
|
-
<div id="kssref-shop-promotions" class="kss-section kss-section--depth-2 is-fullscreen">
|
|
83
|
-
|
|
84
|
-
<div class="kss-style">
|
|
85
|
-
<h2 class="kss-title kss-title--level-2">
|
|
86
|
-
<a class="kss-title__permalink" href="#kssref-shop-promotions">
|
|
87
|
-
<span class="kss-title__ref">
|
|
88
|
-
6.14
|
|
89
|
-
<span class="kss-title__permalink-hash">
|
|
90
|
-
#Shop.Promotions
|
|
91
|
-
</span>
|
|
92
|
-
</span>
|
|
93
|
-
Promotions
|
|
94
|
-
</a>
|
|
95
|
-
</h2>
|
|
96
|
-
|
|
97
|
-
<p class="kss-toolbar">
|
|
98
|
-
<a href="#kssref-shop-promotions" data-kss-guides="true">
|
|
99
|
-
<span class="kss-toolbar__tooltip">Toggle example guides</span>
|
|
100
|
-
<svg focusable="false" aria-hidden="true" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 64 64">
|
|
101
|
-
<rect class="kss-toolbar__icon-fill" x="5" y="35" width="5" height="9"/>
|
|
102
|
-
<rect class="kss-toolbar__icon-fill" x="54" y="21" width="5" height="9"/>
|
|
103
|
-
<rect class="kss-toolbar__icon-fill" x="54" y="35" width="5" height="9"/>
|
|
104
|
-
<rect class="kss-toolbar__icon-fill" x="5" y="21" width="5" height="9"/>
|
|
105
|
-
<rect class="kss-toolbar__icon-fill" x="5" y="0" width="5" height="15"/>
|
|
106
|
-
<rect class="kss-toolbar__icon-fill" x="35" y="5" width="9" height="5"/>
|
|
107
|
-
<rect class="kss-toolbar__icon-fill" x="20" y="5" width="9" height="5"/>
|
|
108
|
-
<rect class="kss-toolbar__icon-fill" x="0" y="5" width="15" height="5"/>
|
|
109
|
-
<rect class="kss-toolbar__icon-fill" x="54" y="0" width="5" height="15"/>
|
|
110
|
-
<rect class="kss-toolbar__icon-fill" x="49" y="5" width="15" height="5"/>
|
|
111
|
-
<rect class="kss-toolbar__icon-fill" x="54" y="49" width="5" height="15"/>
|
|
112
|
-
<rect class="kss-toolbar__icon-fill" x="49" y="54" width="15" height="5"/>
|
|
113
|
-
<rect class="kss-toolbar__icon-fill" x="5" y="49" width="5" height="15"/>
|
|
114
|
-
<rect class="kss-toolbar__icon-fill" x="0" y="54" width="15" height="5"/>
|
|
115
|
-
<rect class="kss-toolbar__icon-fill" x="35" y="54" width="9" height="5"/>
|
|
116
|
-
<rect class="kss-toolbar__icon-fill" x="20" y="54" width="9" height="5"/>
|
|
117
|
-
</svg>
|
|
118
|
-
</a>
|
|
119
|
-
<a href="#kssref-shop-promotions" data-kss-markup="true">
|
|
120
|
-
<span class="kss-toolbar__tooltip">Toggle HTML markup</span>
|
|
121
|
-
<svg focusable="false" aria-hidden="true" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 64 64">
|
|
122
|
-
<path class="kss-toolbar__icon-fill" d="M37.555,46.239l6.103,6.103l20.342,-20.342l-20.342,-20.342l-6.103,6.103l14.24,14.239l-14.24,14.239Z"/>
|
|
123
|
-
<path class="kss-toolbar__icon-fill" d="M26.445,17.761l-6.103,-6.103l-20.342,20.342l20.342,20.342l6.103,-6.103l-14.24,-14.239l14.24,-14.239Z"/>
|
|
124
|
-
</svg>
|
|
125
|
-
</a>
|
|
126
|
-
</p>
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
</div>
|
|
131
|
-
|
|
132
|
-
<div class="kss-modifier__wrapper">
|
|
133
|
-
<div class="kss-modifier__heading kss-style">
|
|
134
|
-
Example
|
|
135
|
-
</div>
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
<div class="kss-modifier__example">
|
|
139
|
-
<div class='promotions'>
|
|
140
|
-
<div class='promotion promotion--1'>Action</div>
|
|
141
|
-
<div class='promotion promotion--2'>Sale</div>
|
|
142
|
-
<div class='promotion promotion--3'>New</div>
|
|
143
|
-
<div class='promotion promotion--clickable'>New</div>
|
|
144
|
-
</div>
|
|
145
|
-
<div class="kss-modifier__example-footer"></div>
|
|
146
|
-
</div>
|
|
147
|
-
|
|
148
|
-
</div>
|
|
149
|
-
|
|
150
|
-
<details class="kss-markup kss-style">
|
|
151
|
-
<summary>
|
|
152
|
-
Markup
|
|
153
|
-
</summary>
|
|
154
|
-
<pre class="hljs"><code class="language-handlebars"><span class="xml"><span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">'promotions'</span>></span>
|
|
155
|
-
<span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">'promotion promotion--1'</span>></span>Action<span class="hljs-tag"></<span class="hljs-name">div</span>></span>
|
|
156
|
-
<span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">'promotion promotion--2'</span>></span>Sale<span class="hljs-tag"></<span class="hljs-name">div</span>></span>
|
|
157
|
-
<span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">'promotion promotion--3'</span>></span>New<span class="hljs-tag"></<span class="hljs-name">div</span>></span>
|
|
158
|
-
<span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">'promotion promotion--clickable'</span>></span>New<span class="hljs-tag"></<span class="hljs-name">div</span>></span>
|
|
159
|
-
<span class="hljs-tag"></<span class="hljs-name">div</span>></span></span></code></pre>
|
|
160
|
-
</details>
|
|
161
|
-
|
|
162
|
-
<div class="kss-source kss-style">
|
|
163
|
-
Source: <code>build/doc/doc.css</code>, line 16143
|
|
164
|
-
</div>
|
|
165
|
-
|
|
166
|
-
</div>
|
|
167
|
-
</article>
|
|
168
|
-
</main>
|
|
169
|
-
|
|
170
|
-
<!-- SCRIPTS -->
|
|
171
|
-
<script src="kss-assets/kss.js"></script>
|
|
172
|
-
<script src="kss-assets/scrollspy.js"></script>
|
|
173
|
-
<script src="kss-assets/kss-fullscreen.js"></script>
|
|
174
|
-
<script src="kss-assets/kss-guides.js"></script>
|
|
175
|
-
<script src="kss-assets/kss-markup.js"></script>
|
|
176
|
-
<script>
|
|
177
|
-
var spy = new ScrollSpy('#kss-node', {
|
|
178
|
-
nav: '.kss-nav__menu-child > li > a',
|
|
179
|
-
className: 'is-in-viewport'
|
|
180
|
-
});
|
|
181
|
-
var kssFullScreen = new KssFullScreen({
|
|
182
|
-
idPrefix: 'kss-fullscreen-',
|
|
183
|
-
bodyClass: 'kss-fullscreen-mode',
|
|
184
|
-
elementClass: 'is-fullscreen'
|
|
185
|
-
});
|
|
186
|
-
var kssGuides = new KssGuides({
|
|
187
|
-
bodyClass: 'kss-guides-mode'
|
|
188
|
-
});
|
|
189
|
-
var kssMarkup = new KssMarkup({
|
|
190
|
-
bodyClass: 'kss-markup-mode',
|
|
191
|
-
detailsClass: 'kss-markup'
|
|
192
|
-
});
|
|
193
|
-
</script>
|
|
194
|
-
<script src="../../default/b2c/dist/js/main.js"></script>
|
|
195
|
-
<script src="../dist/js/main.js"></script>
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
<!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
|
|
200
|
-
</body>
|
|
201
|
-
</html>
|