@appdirect/sfb-theme-plaza 0.0.56 → 0.0.58
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/assets/css/theme/mixins/_grid-framework.scss +2 -2
- package/assets/css/theme/mixins/_grid.scss +9 -9
- package/content/layout/base.html +4 -8
- package/content/macros/sfb-components-bundles.html +26 -0
- package/content/macros/sfb-custom-components-bundles.html +26 -0
- package/content/pages/profile/profile-editions.html +2 -0
- package/package.json +1 -1
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
position: relative;
|
|
10
10
|
width: 100%;
|
|
11
11
|
min-height: 1px; // Prevent columns from collapsing when empty
|
|
12
|
-
padding-right: ($gutter / 2);
|
|
13
|
-
padding-left: ($gutter / 2);
|
|
12
|
+
padding-right: calc($gutter / 2);
|
|
13
|
+
padding-left: calc($gutter / 2);
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
@each $breakpoint in map-keys($breakpoints) {
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
|
|
5
5
|
@mixin make-container() {
|
|
6
6
|
width: 100%;
|
|
7
|
-
padding-right: ($grid-gutter-width / 2);
|
|
8
|
-
padding-left: ($grid-gutter-width / 2);
|
|
7
|
+
padding-right: calc($grid-gutter-width / 2);
|
|
8
|
+
padding-left: calc($grid-gutter-width / 2);
|
|
9
9
|
margin-right: auto;
|
|
10
10
|
margin-left: auto;
|
|
11
11
|
}
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
@mixin make-row() {
|
|
24
24
|
display: flex;
|
|
25
25
|
flex-wrap: wrap;
|
|
26
|
-
margin-right: ($grid-gutter-width / -2);
|
|
27
|
-
margin-left: ($grid-gutter-width / -2);
|
|
26
|
+
margin-right: calc($grid-gutter-width / -2);
|
|
27
|
+
margin-left: calc($grid-gutter-width / -2);
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
@mixin make-col-ready() {
|
|
@@ -34,19 +34,19 @@
|
|
|
34
34
|
// later on to override this initial width.
|
|
35
35
|
width: 100%;
|
|
36
36
|
min-height: 1px; // Prevent collapsing
|
|
37
|
-
padding-right: ($grid-gutter-width / 2);
|
|
38
|
-
padding-left: ($grid-gutter-width / 2);
|
|
37
|
+
padding-right: calc($grid-gutter-width / 2);
|
|
38
|
+
padding-left: calc($grid-gutter-width / 2);
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
@mixin make-col($size, $columns: $grid-columns) {
|
|
42
|
-
flex: 0 0 percentage($size / $columns);
|
|
42
|
+
flex: 0 0 percentage(calc($size / $columns));
|
|
43
43
|
// Add a `max-width` to ensure content within each column does not blow out
|
|
44
44
|
// the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
|
|
45
45
|
// do not appear to require this.
|
|
46
|
-
max-width: percentage($size / $columns);
|
|
46
|
+
max-width: percentage(calc($size / $columns));
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
@mixin make-col-offset($size, $columns: $grid-columns) {
|
|
50
|
-
$num: $size / $columns;
|
|
50
|
+
$num: calc($size / $columns);
|
|
51
51
|
margin-left: if($num == 0, 0, percentage($num));
|
|
52
52
|
}
|
package/content/layout/base.html
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
{% from "/macros/sfb-components-bundles.html" import componentsBundles %}
|
|
2
|
+
{% from "/macros/sfb-custom-components-bundles.html" import customComponentsBundles %}
|
|
1
3
|
<!doctype html>
|
|
2
4
|
|
|
3
5
|
<html lang="{{ config.locale.code }}">
|
|
@@ -31,16 +33,10 @@
|
|
|
31
33
|
{% endblock %}
|
|
32
34
|
|
|
33
35
|
<link rel="shortcut icon" href="{{ config.channelSettings.customFavicon }}" type="image/x-icon">
|
|
34
|
-
<!-- test custom components orchard <link rel="stylesheet" type="text/css" href="{{ r("/assets/js/components/sfb-components.css") }}"> -->
|
|
35
|
-
<!-- local testing <link rel="stylesheet" type="text/css" href="/sfb-theme-components/sfb-components.css"> -->
|
|
36
|
-
<!-- local testing custom components <link rel="stylesheet" type="text/css" href="/sfb-toolkit-assets/js/components/sfb-components.css"> -->
|
|
37
36
|
<link rel="preload" as="font" href="{{ r("/assets/fonts/slick/slick.woff") }}" type="font/woff2" crossorigin="anonymous">
|
|
38
|
-
<link rel="stylesheet" type="text/css" href="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components.css">
|
|
39
37
|
<link rel="stylesheet" type="text/css" href="{{ r("/assets/css/theme/theme-index.css") }}">
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
<!-- test custom components orchard <script src="{{ r("/assets/js/components/sfb-components.js") }}"></script> -->
|
|
43
|
-
<script src="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components.js"></script>
|
|
38
|
+
|
|
39
|
+
{{ componentsBundles(config) }}
|
|
44
40
|
</head>
|
|
45
41
|
|
|
46
42
|
<body data-page="{% block dataPage %}{% endblock %}">
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
{% macro componentsBundles(config) %}
|
|
2
|
+
|
|
3
|
+
{% if config.pageId == "home" %}
|
|
4
|
+
<script src="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-home.js"></script>
|
|
5
|
+
<link rel="stylesheet" type="text/css" href="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-home.css">
|
|
6
|
+
{% elif config.pageId == "profile" %}
|
|
7
|
+
<script src="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-profile.js"></script>
|
|
8
|
+
<link rel="stylesheet" type="text/css" href="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-profile.css">
|
|
9
|
+
{% elif config.pageId == "listing" %}
|
|
10
|
+
<script src="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-listing.js"></script>
|
|
11
|
+
<link rel="stylesheet" type="text/css" href="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-listing.css">
|
|
12
|
+
{% elif config.pageId == "help" %}
|
|
13
|
+
<script src="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-help.js"></script>
|
|
14
|
+
<link rel="stylesheet" type="text/css" href="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-help.css">
|
|
15
|
+
{% elif config.pageId == "compare" %}
|
|
16
|
+
<script src="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-compare.js"></script>
|
|
17
|
+
<link rel="stylesheet" type="text/css" href="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-compare.css">
|
|
18
|
+
{% elif config.pageId == "bundle" %}
|
|
19
|
+
<script src="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-bundle.js"></script>
|
|
20
|
+
<link rel="stylesheet" type="text/css" href="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components-bundle.css">
|
|
21
|
+
{% else %}
|
|
22
|
+
<script src="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components.js"></script>
|
|
23
|
+
<link rel="stylesheet" type="text/css" href="{{ config.channelSettings.channelCanonicalBaseUrl }}/sfb-theme-components@0/sfb-components.css">
|
|
24
|
+
{% endif %}
|
|
25
|
+
|
|
26
|
+
{% endmacro %}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
{% macro customComponentsBundles(config) %}
|
|
2
|
+
|
|
3
|
+
{% if config.pageId == "home" %}
|
|
4
|
+
<script src="{{ r("/assets/js/components/sfb-components-home.js") }}"></script>
|
|
5
|
+
<link rel="stylesheet" type="text/css" href="{{ r("/assets/js/components/sfb-components-home.css") }}">
|
|
6
|
+
{% elif config.pageId == "profile" %}
|
|
7
|
+
<script src="{{ r("/assets/js/components/sfb-components-profile.js") }}"></script>
|
|
8
|
+
<link rel="stylesheet" type="text/css" href="{{ r("/assets/js/components/sfb-components-profile.css") }}">
|
|
9
|
+
{% elif config.pageId == "listing" %}
|
|
10
|
+
<script src="{{ r("/assets/js/components/sfb-components-listing.js") }}"></script>
|
|
11
|
+
<link rel="stylesheet" type="text/css" href="{{ r("/assets/js/components/sfb-components-listing.css") }}">
|
|
12
|
+
{% elif config.pageId == "help" %}
|
|
13
|
+
<script src="{{ r("/assets/js/components/sfb-components-help.js") }}"></script>
|
|
14
|
+
<link rel="stylesheet" type="text/css" href="{{ r("/assets/js/components/sfb-components-help.css") }}">
|
|
15
|
+
{% elif config.pageId == "compare" %}
|
|
16
|
+
<script src="{{ r("/assets/js/components/sfb-components-compare.js") }}"></script>
|
|
17
|
+
<link rel="stylesheet" type="text/css" href="{{ r("/assets/js/components/sfb-components-compare.css") }}">
|
|
18
|
+
{% elif config.pageId == "bundle" %}
|
|
19
|
+
<script src="{{ r("/assets/js/components/sfb-components-bundle.js") }}"></script>
|
|
20
|
+
<link rel="stylesheet" type="text/css" href="{{ r("/assets/js/components/sfb-components-bundle.css") }}">
|
|
21
|
+
{% else %}
|
|
22
|
+
<script src="{{ r("/assets/js/components/sfb-components.js") }}"></script>
|
|
23
|
+
<link rel="stylesheet" type="text/css" href="{{ r("/assets/js/components/sfb-components.css") }}">
|
|
24
|
+
{% endif %}
|
|
25
|
+
|
|
26
|
+
{% endmacro %}
|
|
@@ -11,5 +11,7 @@
|
|
|
11
11
|
{% endblock %}
|
|
12
12
|
|
|
13
13
|
{% block profileContent %}
|
|
14
|
+
<component name="GraphQLAdapter" id="GraphQLAdapter"></component>
|
|
15
|
+
<component name="VolumeDiscountCard" id="VolumeDiscountCard"></component>
|
|
14
16
|
<component name="ProductPricing" id="ProductPricing1"></component>
|
|
15
17
|
{% endblock %}
|