vanilla-framework 4.20.0 → 4.20.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/package.json
CHANGED
package/scss/_patterns_tabs.scss
CHANGED
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
position: relative;
|
|
9
9
|
|
|
10
10
|
&__list {
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
// inset box shadow used to draw the border inside the list's box
|
|
12
|
+
box-shadow: inset 0 -1px 0 0 $colors--theme--border-default;
|
|
13
13
|
display: flex;
|
|
14
14
|
margin: 0 auto $spv--x-large;
|
|
15
15
|
overflow-x: auto;
|
|
@@ -17,9 +17,6 @@
|
|
|
17
17
|
position: relative;
|
|
18
18
|
white-space: nowrap;
|
|
19
19
|
width: 100%;
|
|
20
|
-
&::after {
|
|
21
|
-
background-color: $colors--theme--border-default;
|
|
22
|
-
}
|
|
23
20
|
}
|
|
24
21
|
|
|
25
22
|
&__item {
|
|
@@ -32,6 +32,8 @@
|
|
|
32
32
|
{% set layout = 'fallback' %}
|
|
33
33
|
{% endif %}
|
|
34
34
|
|
|
35
|
+
{% set is_50_50_no_image = (layout == "50-50" and not has_image) %}
|
|
36
|
+
|
|
35
37
|
{% if layout == '50-50-full-width-image' and has_image %}
|
|
36
38
|
{% set layout = '50-50' %}
|
|
37
39
|
{% set has_full_width_image = true %}
|
|
@@ -72,9 +74,9 @@
|
|
|
72
74
|
{% endif %}
|
|
73
75
|
|
|
74
76
|
{%- macro _hero_title_block() -%}
|
|
75
|
-
{%- if has_full_width_image -%}
|
|
77
|
+
{%- if has_full_width_image or is_50_50_no_image -%}
|
|
76
78
|
{%- if has_subtitle -%}
|
|
77
|
-
{#- On full-width-image, the h1 and h2 are in separate columns, so there must be no margin-bottom to keep h1 close to h2 on smaller screens -#}
|
|
79
|
+
{#- On full-width-image and 50/50 with no image, the h1 and h2 are in separate columns, so there must be no margin-bottom to keep h1 close to h2 on smaller screens -#}
|
|
78
80
|
{% set title_class = "u-no-margin--bottom" %}
|
|
79
81
|
{%- endif -%}
|
|
80
82
|
{%- endif -%}
|
|
@@ -139,7 +141,7 @@
|
|
|
139
141
|
{{ image_content }}
|
|
140
142
|
</div>
|
|
141
143
|
{% endif -%}
|
|
142
|
-
{% elif has_full_width_image and not has_signpost_image %}
|
|
144
|
+
{% elif (has_full_width_image and not has_signpost_image) or is_50_50_no_image %}
|
|
143
145
|
<div class="{{ col_classes[0] }}">
|
|
144
146
|
{{ _hero_title_block() }}
|
|
145
147
|
</div>
|