@asd20/ui 3.2.373 → 3.2.376
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 +1 -13
- package/src/components/organisms/Asd20VideoHeaderContent/index.vue +8 -7
- package/src/components/templates/Asd20DistrictVideoTemplate/index.vue +2 -9
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;
|
|
@@ -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
|
}
|
|
@@ -122,7 +125,7 @@ export default {
|
|
|
122
125
|
padding: space(1);
|
|
123
126
|
margin-left: space(2);
|
|
124
127
|
.asd20-messaging__content {
|
|
125
|
-
max-width:
|
|
128
|
+
max-width: 80%;
|
|
126
129
|
}
|
|
127
130
|
.asd20-messaging__heading {
|
|
128
131
|
@include fluid-type($base-font-size * 1.5, $base-font-size * 2);
|
|
@@ -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);
|
|
@@ -171,7 +173,6 @@ export default {
|
|
|
171
173
|
700
|
|
172
174
|
);
|
|
173
175
|
flex-direction: row;
|
|
174
|
-
flex-wrap: nowrap !important;
|
|
175
176
|
width: inherit;
|
|
176
177
|
}
|
|
177
178
|
}
|
|
@@ -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(1);
|
|
167
164
|
}
|
|
168
165
|
}
|
|
169
166
|
|
|
170
167
|
@media (min-width: 768px) {
|
|
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
|
|