@asd20/ui 3.2.374 → 3.2.377
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/Asd20SecondaryHeader/index.vue +2 -1
- package/src/components/organisms/Asd20VideoHeader/index.vue +2 -14
- package/src/components/organisms/Asd20VideoHeaderContent/index.vue +7 -5
- package/src/components/templates/Asd20DistrictVideoTemplate/index.vue +3 -10
package/package.json
CHANGED
|
@@ -51,6 +51,7 @@ export default {
|
|
|
51
51
|
background-size: 30% auto;
|
|
52
52
|
}
|
|
53
53
|
&::v-deep .lead {
|
|
54
|
+
@include fluid-type($base-font-size * 1.2, $base-font-size * 1.4);
|
|
54
55
|
color: var(--website-homepage-header__secondary-foreground-color);
|
|
55
56
|
width: 100%;
|
|
56
57
|
}
|
|
@@ -110,7 +111,7 @@ export default {
|
|
|
110
111
|
background: var(--website-homepage-header__secondary-background-color)
|
|
111
112
|
var(--website-homepage-header__secondary-background-style);
|
|
112
113
|
&::v-deep .lead {
|
|
113
|
-
width:
|
|
114
|
+
width: 100%;
|
|
114
115
|
}
|
|
115
116
|
}
|
|
116
117
|
}
|
|
@@ -80,29 +80,17 @@ export default {
|
|
|
80
80
|
flex-direction: column;
|
|
81
81
|
color: asd20-swatch('primary');
|
|
82
82
|
box-sizing: border-box;
|
|
83
|
-
// margin-bottom: space(1);
|
|
84
|
-
|
|
85
83
|
.background-video {
|
|
86
84
|
display: none;
|
|
87
85
|
}
|
|
88
|
-
|
|
89
86
|
.background-image {
|
|
90
87
|
display: block;
|
|
91
88
|
// position: absolute;
|
|
92
|
-
height:
|
|
89
|
+
height: 90vh;
|
|
93
90
|
width: 100%;
|
|
94
91
|
z-index: -1;
|
|
95
92
|
object-fit: cover;
|
|
96
93
|
}
|
|
97
|
-
img {
|
|
98
|
-
display: block;
|
|
99
|
-
width: auto;
|
|
100
|
-
height: 100%;
|
|
101
|
-
align-self: flex-start;
|
|
102
|
-
height: 100%;
|
|
103
|
-
object-fit: cover;
|
|
104
|
-
// object-position: 100% 0;
|
|
105
|
-
}
|
|
106
94
|
& /deep/ .notification-group--status .notifications {
|
|
107
95
|
padding: 0.25em;
|
|
108
96
|
border-radius: 1em;
|
|
@@ -116,7 +104,7 @@ export default {
|
|
|
116
104
|
position: relative;
|
|
117
105
|
z-index: 100;
|
|
118
106
|
padding: space(0.5) space(1);
|
|
119
|
-
|
|
107
|
+
min-height: space(2);
|
|
120
108
|
display: flex;
|
|
121
109
|
justify-content: space-between;
|
|
122
110
|
align-items: center;
|
|
@@ -57,6 +57,7 @@ export default {
|
|
|
57
57
|
// background: rgba(51, 92, 155, 0.7);
|
|
58
58
|
background: var(--website-homepage-header__background-color);
|
|
59
59
|
padding: space(1);
|
|
60
|
+
height: 100vh;
|
|
60
61
|
}
|
|
61
62
|
|
|
62
63
|
&::v-deep .asd20-messaging__heading {
|
|
@@ -71,7 +72,7 @@ export default {
|
|
|
71
72
|
&::v-deep .lead {
|
|
72
73
|
margin-bottom: 0;
|
|
73
74
|
// width: 90%;
|
|
74
|
-
font-size
|
|
75
|
+
@include fluid-type($base-font-size * 1.2, $base-font-size * 1.4);
|
|
75
76
|
color: var(--website-homepage-header__foreground-color) !important;
|
|
76
77
|
}
|
|
77
78
|
&::v-deep .asd20-button {
|
|
@@ -92,8 +93,8 @@ export default {
|
|
|
92
93
|
}
|
|
93
94
|
.header-messaging-section {
|
|
94
95
|
// border-bottom: 10px solid var(--color__accent);
|
|
95
|
-
.asd20-messaging__content {
|
|
96
|
-
|
|
96
|
+
&::v-deep .asd20-messaging__content {
|
|
97
|
+
margin-top: space(5);
|
|
97
98
|
}
|
|
98
99
|
}
|
|
99
100
|
}
|
|
@@ -101,12 +102,14 @@ export default {
|
|
|
101
102
|
.asd20-video-header-content {
|
|
102
103
|
width: 100%;
|
|
103
104
|
.asd20-messaging {
|
|
105
|
+
height: inherit;
|
|
104
106
|
background: var(--website-homepage-header__background-color)
|
|
105
107
|
var(--website-homepage-header__background-style);
|
|
106
108
|
}
|
|
107
109
|
&::v-deep .header-messaging-section {
|
|
108
110
|
.asd20-messaging__content {
|
|
109
|
-
width:
|
|
111
|
+
width: 100%;
|
|
112
|
+
margin-top: 0;
|
|
110
113
|
}
|
|
111
114
|
}
|
|
112
115
|
}
|
|
@@ -134,7 +137,6 @@ export default {
|
|
|
134
137
|
content: '';
|
|
135
138
|
display: block;
|
|
136
139
|
position: absolute;
|
|
137
|
-
height: space(10);
|
|
138
140
|
width: 45%;
|
|
139
141
|
bottom: space(-.75);
|
|
140
142
|
left: space(1.25);
|
|
@@ -160,23 +160,16 @@ export default {
|
|
|
160
160
|
margin-top: space(2.25);
|
|
161
161
|
.asd20-video-header-content {
|
|
162
162
|
position: absolute;
|
|
163
|
-
|
|
164
|
-
// .asd20-messaging__button-group {
|
|
165
|
-
// justify-content: center;
|
|
166
|
-
// }
|
|
163
|
+
top: space(2);
|
|
167
164
|
}
|
|
168
165
|
}
|
|
169
166
|
|
|
170
|
-
@media (min-width:
|
|
167
|
+
@media (min-width: 667px) {
|
|
171
168
|
.asd20-district-video-template {
|
|
172
169
|
.asd20-video-header-content {
|
|
170
|
+
top: inherit;
|
|
173
171
|
bottom: 20%;
|
|
174
172
|
}
|
|
175
|
-
// .lead {
|
|
176
|
-
// margin-bottom: 0;
|
|
177
|
-
// width: 90%;
|
|
178
|
-
// font-size: 18px;
|
|
179
|
-
// }
|
|
180
173
|
}
|
|
181
174
|
}
|
|
182
175
|
|