wickes-css2 2.102.0 → 2.103.0-0.5.0-icons.2
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/Readme.md +0 -1
- package/build/css/category-main.css +1 -1
- package/build/css/plp-main.css +1 -1
- package/package.json +2 -2
- package/src/components/srp-injected.hbs +3 -13
- package/src/page_plp_v2.html +2 -1
- package/src/scss/category-main.scss +1 -0
- package/src/scss/pages/_facets.scss +86 -0
- package/src/scss/plp-main.scss +1 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "wickes-css2",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.103.0-0.5.0-icons.2",
|
|
4
4
|
"description": "CSS and JS and page templates in use by Wickes",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
"branches": [
|
|
109
109
|
"alt-master",
|
|
110
110
|
{
|
|
111
|
-
"name": "
|
|
111
|
+
"name": "custom-tag/0.5.0-icons",
|
|
112
112
|
"prerelease": "${name.replace(/^custom-tag\\//g, '')}"
|
|
113
113
|
}
|
|
114
114
|
],
|
|
@@ -1,19 +1,9 @@
|
|
|
1
1
|
<div class="srp-injected">
|
|
2
2
|
<div class="srp-injected__content clamped-text">
|
|
3
3
|
<p>
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
<span style="font-weight:400">
|
|
8
|
-
<span style="font-style:normal">
|
|
9
|
-
<span style="text-decoration:none">
|
|
10
|
-
The right lighting can turn your bathroom into a sanctuary, blending style and practicality. From sleek ceiling lights to illuminated and elegant wall fixtures, each of our options is designed to elevate your space. Create a warm, inviting glow that turns your bathroom into a haven of comfort and style.
|
|
11
|
-
</span>
|
|
12
|
-
</span>
|
|
13
|
-
</span>
|
|
14
|
-
</span>
|
|
15
|
-
</span>
|
|
16
|
-
</span>
|
|
4
|
+
The right lighting can turn your bathroom into a sanctuary, blending style and practicality. From sleek ceiling
|
|
5
|
+
lights to illuminated and elegant wall fixtures, each of our options is designed to elevate your space. Create a
|
|
6
|
+
warm, inviting glow that turns your bathroom into a haven of comfort and style.
|
|
17
7
|
</p>
|
|
18
8
|
</div>
|
|
19
9
|
</div>
|
package/src/page_plp_v2.html
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#extend "base" hybrisClass="hybris-class" pageClass="products-list-page" title="Products list" globalSearchV2="true" pagePlp=true}}
|
|
1
|
+
{{#extend "base" hybrisClass="hybris-class" pageClass="products-list-page category-seo-config" title="Products list" globalSearchV2="true" pagePlp=true}}
|
|
2
2
|
{{#content "head" mode="append" pagePlp=true}}
|
|
3
3
|
<link type="text/css" rel="stylesheet" href="./css/components/global-search.css">
|
|
4
4
|
{{/content}}
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
<h1 class="page-header__title">
|
|
11
11
|
Fire Doors
|
|
12
12
|
</h1>
|
|
13
|
+
{{> srp-injected}}
|
|
13
14
|
</div>
|
|
14
15
|
|
|
15
16
|
{{> color-picker-plp }}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
@import '../helpers/variables';
|
|
2
|
+
@import '../helpers/helpers';
|
|
3
|
+
|
|
4
|
+
.category-seo-config {
|
|
5
|
+
|
|
6
|
+
.legal-info {
|
|
7
|
+
> div {
|
|
8
|
+
a {
|
|
9
|
+
color: $blue;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
p {
|
|
13
|
+
font-weight: 400;
|
|
14
|
+
line-height: 24px;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
h3 {
|
|
18
|
+
font-weight: 500;
|
|
19
|
+
font-size: 1.25rem;
|
|
20
|
+
line-height: 32px;
|
|
21
|
+
color: inherit;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
h4 {
|
|
25
|
+
font-weight: 500;
|
|
26
|
+
font-size: 1.125rem;
|
|
27
|
+
line-height: 24px;
|
|
28
|
+
color: inherit;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.page-header {
|
|
34
|
+
p {
|
|
35
|
+
line-height: 24px;
|
|
36
|
+
font-weight: 400;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
h1 {
|
|
40
|
+
font-weight: 500;
|
|
41
|
+
font-size: 1.625rem;
|
|
42
|
+
line-height: 36px;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
&__title {
|
|
46
|
+
font-weight: 500;
|
|
47
|
+
font-size: 1.625rem;
|
|
48
|
+
line-height: 36px;
|
|
49
|
+
text-align: left;
|
|
50
|
+
color: inherit;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
@include media-breakpoint-up(md) {
|
|
56
|
+
.category-seo-config {
|
|
57
|
+
.page-header {
|
|
58
|
+
|
|
59
|
+
h1 {
|
|
60
|
+
line-height: 46px;
|
|
61
|
+
font-size: 2.125rem;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
&__title {
|
|
65
|
+
font-size: 2.125rem;
|
|
66
|
+
line-height: 46px;
|
|
67
|
+
text-align: center;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.legal-info {
|
|
72
|
+
> div {
|
|
73
|
+
h3 {
|
|
74
|
+
font-size: 1.5rem;
|
|
75
|
+
line-height: 32px;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
h4 {
|
|
79
|
+
font-size: 1.125rem;
|
|
80
|
+
line-height: 24px;
|
|
81
|
+
font-weight: 700;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
}
|
package/src/scss/plp-main.scss
CHANGED