@asd20/ui 3.2.605 → 3.2.607
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 +1 -1
- package/src/components/organisms/Asd20PageContent/index.vue +5 -2
- package/src/components/templates/Asd20WayfindingAlternateTemplate/index.vue +4 -4
- package/src/components/templates/Asd20WayfindingImageTemplate/index.vue +4 -4
- package/src/components/templates/Asd20WayfindingTemplate/index.vue +18 -4
package/package.json
CHANGED
|
@@ -127,6 +127,11 @@ export default {
|
|
|
127
127
|
background: var(--color__tertiary);
|
|
128
128
|
}
|
|
129
129
|
|
|
130
|
+
// .asd20-messaging {
|
|
131
|
+
// padding-bottom: space(1);
|
|
132
|
+
// border-bottom: 10px solid var(--color__tertiary);
|
|
133
|
+
// }
|
|
134
|
+
|
|
130
135
|
.asd20-messaging:not(:last-child) {
|
|
131
136
|
margin-bottom: space(2);
|
|
132
137
|
}
|
|
@@ -249,11 +254,9 @@ export default {
|
|
|
249
254
|
&--grid {
|
|
250
255
|
.primary-messaging-section,
|
|
251
256
|
.secondary-messaging-section {
|
|
252
|
-
|
|
253
257
|
&::v-deep > * {
|
|
254
258
|
flex: 1 1 var(--minimum-column-width);
|
|
255
259
|
margin: var(--gutter) !important;
|
|
256
|
-
max-width: 30%;
|
|
257
260
|
}
|
|
258
261
|
}
|
|
259
262
|
}
|
|
@@ -269,10 +269,10 @@ export default {
|
|
|
269
269
|
// font-size: 36px !important;
|
|
270
270
|
}
|
|
271
271
|
}
|
|
272
|
-
.asd20-messaging {
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
}
|
|
272
|
+
// .asd20-messaging {
|
|
273
|
+
// padding-bottom: space(2);
|
|
274
|
+
// border-bottom: 10px solid var(--color__tertiary);
|
|
275
|
+
// }
|
|
276
276
|
}
|
|
277
277
|
|
|
278
278
|
@media (min-width: 1024px) {
|
|
@@ -276,10 +276,10 @@ export default {
|
|
|
276
276
|
// font-size: 36px !important;
|
|
277
277
|
}
|
|
278
278
|
}
|
|
279
|
-
.asd20-messaging {
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
}
|
|
279
|
+
// .asd20-messaging {
|
|
280
|
+
// padding-bottom: space(2);
|
|
281
|
+
// border-bottom: 10px solid var(--color__tertiary);
|
|
282
|
+
// }
|
|
283
283
|
}
|
|
284
284
|
@media (min-width: 768px) {
|
|
285
285
|
.asd20-template-wayfinding-image {
|
|
@@ -74,6 +74,7 @@
|
|
|
74
74
|
omit-calls-to-action
|
|
75
75
|
/>
|
|
76
76
|
<asd20-page-content
|
|
77
|
+
:class="wayFindingPrimaryMessages.length > 3 ? 'limit-message-width' : ''"
|
|
77
78
|
:primary-messages="wayFindingPrimaryMessages"
|
|
78
79
|
:secondary-messages="secondaryMessages"
|
|
79
80
|
omit-body-content
|
|
@@ -252,10 +253,10 @@ export default {
|
|
|
252
253
|
// font-size: 36px !important;
|
|
253
254
|
}
|
|
254
255
|
}
|
|
255
|
-
.asd20-messaging {
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
}
|
|
256
|
+
// .asd20-messaging {
|
|
257
|
+
// padding-bottom: space(2);
|
|
258
|
+
// border-bottom: 10px solid var(--color__tertiary);
|
|
259
|
+
// }
|
|
259
260
|
}
|
|
260
261
|
|
|
261
262
|
@media (min-width: 1024px) {
|
|
@@ -282,4 +283,17 @@ export default {
|
|
|
282
283
|
// }
|
|
283
284
|
}
|
|
284
285
|
}
|
|
286
|
+
|
|
287
|
+
@media (min-width: 1790px) {
|
|
288
|
+
.limit-message-width {
|
|
289
|
+
.primary-messaging-section,
|
|
290
|
+
.secondary-messaging-section {
|
|
291
|
+
.asd20-messaging {
|
|
292
|
+
flex: 1 1 var(--minimum-column-width);
|
|
293
|
+
margin: var(--gutter) !important;
|
|
294
|
+
max-width: 30%;
|
|
295
|
+
}
|
|
296
|
+
}
|
|
297
|
+
}
|
|
298
|
+
}
|
|
285
299
|
</style>
|