@ons/design-system 73.13.0 → 73.13.1-widen.1
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/components/card/example-card-set-with-headline-figures.njk +4 -4
- package/components/header/_macro.njk +4 -0
- package/components/message/_message.scss +3 -3
- package/css/main.css +1 -1
- package/package.json +1 -1
- package/scss/objects/_container.scss +21 -4
- package/scss/utilities/_grid.scss +10 -25
- package/scss/vars/_grid.scss +22 -3
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{% from "components/card/_macro.njk" import onsCard %}
|
|
2
2
|
|
|
3
3
|
<div class="ons-container">
|
|
4
|
-
<div class="ons-grid ons-grid-flex-gap
|
|
5
|
-
<div class="ons-grid__col ons-grid__col--flex-col
|
|
4
|
+
<div class="ons-grid ons-grid-flex-gap">
|
|
5
|
+
<div class="ons-grid__col ons-grid__col--flex-col">
|
|
6
6
|
{{
|
|
7
7
|
onsCard({
|
|
8
8
|
"variant": 'feature',
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
}}
|
|
21
21
|
</div>
|
|
22
22
|
|
|
23
|
-
<div class="ons-grid__col ons-grid__col--flex-col
|
|
23
|
+
<div class="ons-grid__col ons-grid__col--flex-col">
|
|
24
24
|
{{
|
|
25
25
|
onsCard({
|
|
26
26
|
"variant": 'feature',
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
}}
|
|
39
39
|
</div>
|
|
40
40
|
|
|
41
|
-
<div class="ons-grid__col ons-grid__col--flex-col
|
|
41
|
+
<div class="ons-grid__col ons-grid__col--flex-col">
|
|
42
42
|
{{
|
|
43
43
|
onsCard({
|
|
44
44
|
"variant": 'feature',
|
|
@@ -173,6 +173,10 @@
|
|
|
173
173
|
{% elif params.serviceLinks.itemsList | length > 1 %}
|
|
174
174
|
{% set breakpoint = 'm' %}
|
|
175
175
|
{% set controlVisibility = true %}
|
|
176
|
+
{% if params.mastheadLogo.multipleLogos | length > 2 %}
|
|
177
|
+
{# Increase breakpoint if there are 3 logos to avoid stacking#}
|
|
178
|
+
{% set breakpoint = 'l' %}
|
|
179
|
+
{% endif %}
|
|
176
180
|
{% else %}
|
|
177
181
|
{% set controlVisibility = false %}
|
|
178
182
|
{% endif %}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@use 'sass:math';
|
|
2
2
|
|
|
3
3
|
.ons-message {
|
|
4
|
-
border-radius: math.div($grid-
|
|
4
|
+
border-radius: math.div($grid-gutter-standard, 2);
|
|
5
5
|
margin-bottom: 2rem;
|
|
6
6
|
outline: 1px solid transparent; // Add transparent outline because Windows High Contrast Mode doesn't show background
|
|
7
7
|
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
|
|
24
24
|
&__head {
|
|
25
25
|
border-bottom: 1px solid var(--ons-color-borders);
|
|
26
|
-
padding: $grid-
|
|
26
|
+
padding: $grid-gutter-standard;
|
|
27
27
|
position: relative;
|
|
28
28
|
}
|
|
29
29
|
|
|
@@ -50,6 +50,6 @@
|
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
&__body {
|
|
53
|
-
padding: $grid-
|
|
53
|
+
padding: $grid-gutter-standard;
|
|
54
54
|
}
|
|
55
55
|
}
|