@asd20/ui 3.2.756 → 3.2.757
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
|
@@ -19,6 +19,10 @@
|
|
|
19
19
|
d="M286.3 26.43a15.78 15.78 0 0 0-1.52-3.43 11.85 11.85 0 0 0-2.78-3.25 14.53 14.53 0 0 0-4.48-2.42 19.89 19.89 0 0 0-6.55-.94h-9.21v29.75h9.21a19.88 19.88 0 0 0 6.55-1 14.51 14.51 0 0 0 4.48-2.36 11.88 11.88 0 0 0 2.81-3.26 15.57 15.57 0 0 0 1.52-3.43 16.44 16.44 0 0 0 .61-3c.08-.88.12-1.5.12-1.87s0-1-.12-1.87a16.62 16.62 0 0 0-.64-2.92zm-3.13 10.36a10.7 10.7 0 0 1-3 3.85 12.69 12.69 0 0 1-4.45 2.24 19.94 19.94 0 0 1-5.51.74h-5.71V18.91h5.71a19.94 19.94 0 0 1 5.51.73 12.54 12.54 0 0 1 4.45 2.25 10.62 10.62 0 0 1 3 3.85 12.85 12.85 0 0 1 1.09 5.52 12.93 12.93 0 0 1-1.09 5.53zM290.61 16.39h2.77v29.75h-2.77zM311.91 31.72a18.52 18.52 0 0 0-3.7-1.4 30.86 30.86 0 0 1-3.7-1.22 8 8 0 0 1-2.83-1.89 4.78 4.78 0 0 1-1.14-3.43 5.24 5.24 0 0 1 .55-2.48 5 5 0 0 1 1.45-1.74 6.47 6.47 0 0 1 2.12-1 9 9 0 0 1 2.56-.36 7.13 7.13 0 0 1 3.34.74 7 7 0 0 1 2.46 2.2l2.4-1.72a8.68 8.68 0 0 0-3.6-2.88 11.73 11.73 0 0 0-4.51-.86 12.38 12.38 0 0 0-3.62.52 9.41 9.41 0 0 0-3 1.56 7.5 7.5 0 0 0-2.11 2.56 7.81 7.81 0 0 0-.77 3.51 8.4 8.4 0 0 0 .65 3.53 6.8 6.8 0 0 0 1.74 2.38 9.42 9.42 0 0 0 2.46 1.53q1.36.59 2.82 1.05l2.81.93a12.63 12.63 0 0 1 2.46 1.11 5.13 5.13 0 0 1 1.7 1.64 4.59 4.59 0 0 1 .66 2.56 5.44 5.44 0 0 1-.53 2.42 5.68 5.68 0 0 1-1.43 1.83A6.7 6.7 0 0 1 309 44a7.93 7.93 0 0 1-2.61.42 8.33 8.33 0 0 1-4-.92 7.08 7.08 0 0 1-2.83-2.81L297 42.4a10 10 0 0 0 4.24 3.47 14.14 14.14 0 0 0 5.42 1 11.33 11.33 0 0 0 3.49-.55 8.74 8.74 0 0 0 3-1.62 7.84 7.84 0 0 0 2-2.62 8 8 0 0 0 .76-3.58 7.3 7.3 0 0 0-1.14-4.35 8 8 0 0 0-2.86-2.43zM315.88 18.91h10.17v27.23h2.77V18.91h10.17v-2.52h-23.11v2.52zM353.94 31.26A7.81 7.81 0 0 0 356.4 30a6.75 6.75 0 0 0 1.84-2.25 7.48 7.48 0 0 0 .76-3.55 7.71 7.71 0 0 0-.63-3.28 7 7 0 0 0-1.6-2.22 6.75 6.75 0 0 0-2.18-1.35 13.09 13.09 0 0 0-2.4-.67 16.58 16.58 0 0 0-2.18-.25h-9.42v29.71h2.78V32h5.17l8.36 14.12h3.1l-8.66-14.29a15.69 15.69 0 0 0 2.6-.57zm-10.59-1.76V18.91h5.88a9.78 9.78 0 0 1 3.55.54 6 6 0 0 1 2.12 1.35 4.19 4.19 0 0 1 1 1.72 5.77 5.77 0 0 1 .28 1.68 5.67 5.67 0 0 1-.28 1.68 4.22 4.22 0 0 1-1 1.73 5.81 5.81 0 0 1-2.12 1.39 9.55 9.55 0 0 1-3.55.55zM363.81 16.39h2.77v29.75h-2.77zM392.47 41.83a11.19 11.19 0 0 1-2.2 1.43 10.38 10.38 0 0 1-2.38.84 10.8 10.8 0 0 1-2.35.27 13.08 13.08 0 0 1-5.23-1 11.65 11.65 0 0 1-4-2.78 11.93 11.93 0 0 1-2.52-4.16 15.46 15.46 0 0 1 0-10.34 12.12 12.12 0 0 1 2.52-4.16 11.63 11.63 0 0 1 4-2.77 13.08 13.08 0 0 1 5.23-1 10.67 10.67 0 0 1 4.43 1 8.22 8.22 0 0 1 3.56 3.07l2.26-1.9a11.14 11.14 0 0 0-4.6-3.59 14.87 14.87 0 0 0-5.65-1.07 16 16 0 0 0-6.24 1.18 14.27 14.27 0 0 0-4.85 3.25 15 15 0 0 0-3.16 4.9 17 17 0 0 0-1.13 6.26 17.16 17.16 0 0 0 1.13 6.29 14.73 14.73 0 0 0 3.16 5 14 14 0 0 0 4.85 3.24 16.39 16.39 0 0 0 6.24 1.16 14.69 14.69 0 0 0 6.09-1.26 12.56 12.56 0 0 0 5-4.17l-2.27-1.72a8.86 8.86 0 0 1-1.89 2.03zM396.59 18.91h10.17v27.23h2.78V18.91h10.17v-2.52h-23.12v2.52zM433.35 34.33c.76-.78 1.5-1.57 2.25-2.35a17.88 17.88 0 0 0 2-2.5 13.29 13.29 0 0 0 1.39-2.8 9.4 9.4 0 0 0 .52-3.19 7.22 7.22 0 0 0-.69-3.22 7 7 0 0 0-1.87-2.37 8.38 8.38 0 0 0-2.73-1.49 10.2 10.2 0 0 0-3.28-.53 10 10 0 0 0-5.88 1.7 7.9 7.9 0 0 0-3.15 5.15l2.94.3a6.08 6.08 0 0 1 2.06-3.53 5.83 5.83 0 0 1 3.91-1.35 6.22 6.22 0 0 1 4.18 1.47 5.14 5.14 0 0 1 1.68 4.08 6.48 6.48 0 0 1-.38 2.27 9.94 9.94 0 0 1-1 2 15.93 15.93 0 0 1-1.3 1.8c-.51.58-1 1.11-1.51 1.62l-11.2 11.81v2.94h18.4v-2.27h-15.63zM460.8 27.88a23.71 23.71 0 0 0-.55-3.49 18 18 0 0 0-1.09-3.23 10.19 10.19 0 0 0-1.79-2.72 8 8 0 0 0-2.63-1.86 9.79 9.79 0 0 0-7.27 0 8.1 8.1 0 0 0-2.62 1.86 10 10 0 0 0-1.79 2.72 17.28 17.28 0 0 0-1.06 3.23 23.71 23.71 0 0 0-.55 3.49c-.1 1.19-.14 2.32-.14 3.38s0 2.23.14 3.41a23.52 23.52 0 0 0 .55 3.46 17.14 17.14 0 0 0 1.09 3.24 9.9 9.9 0 0 0 1.79 2.71 8 8 0 0 0 2.59 1.92 9.92 9.92 0 0 0 7.27 0 7.92 7.92 0 0 0 2.63-1.87 10.13 10.13 0 0 0 1.79-2.71 17.88 17.88 0 0 0 1.09-3.24 23.52 23.52 0 0 0 .55-3.46c.09-1.18.14-2.31.14-3.41s-.05-2.24-.14-3.43zm-2.71 6a26.18 26.18 0 0 1-.34 2.86 17.33 17.33 0 0 1-.74 2.83 9.35 9.35 0 0 1-1.26 2.43 6 6 0 0 1-1.93 1.72 6 6 0 0 1-5.44 0 5.94 5.94 0 0 1-1.91-1.72 9.35 9.35 0 0 1-1.26-2.46 17.33 17.33 0 0 1-.74-2.83 26.18 26.18 0 0 1-.34-2.86c-.05-.94-.08-1.8-.08-2.59s0-1.61.08-2.56a26.24 26.24 0 0 1 .34-2.88 17.44 17.44 0 0 1 .74-2.84 9.28 9.28 0 0 1 1.26-2.45 5.93 5.93 0 0 1 1.93-1.73 6 6 0 0 1 5.42 0 6 6 0 0 1 1.93 1.73A9.28 9.28 0 0 1 457 23a17.44 17.44 0 0 1 .74 2.84 26.24 26.24 0 0 1 .34 2.88c.05.95.08 1.81.08 2.56s-.02 1.63-.07 2.57z"
|
|
20
20
|
/>
|
|
21
21
|
</svg>
|
|
22
|
+
<div v-if="tagline" class="asd20-district-logo__tagline">
|
|
23
|
+
<hr />
|
|
24
|
+
<p><i>We educate and inspire students to thrive.</i></p>
|
|
25
|
+
</div>
|
|
22
26
|
</a>
|
|
23
27
|
</template>
|
|
24
28
|
|
|
@@ -27,6 +31,7 @@ export default {
|
|
|
27
31
|
name: 'Asd20DistrictLogo',
|
|
28
32
|
props: {
|
|
29
33
|
link: { type: String, default: '/' },
|
|
34
|
+
tagline: { type: Boolean, default: false },
|
|
30
35
|
},
|
|
31
36
|
}
|
|
32
37
|
</script>
|
|
@@ -41,14 +46,33 @@ export default {
|
|
|
41
46
|
// align-items: center;
|
|
42
47
|
justify-content: center;
|
|
43
48
|
min-width: 10rem;
|
|
49
|
+
svg {
|
|
50
|
+
max-width: space(10);
|
|
51
|
+
height: 100%;
|
|
52
|
+
width: auto;
|
|
53
|
+
fill: var(--fill-one, #0f2c6c);
|
|
54
|
+
.district {
|
|
55
|
+
fill: var(--fill-two, rgb(136, 137, 138));
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
&__tagline {
|
|
59
|
+
color: #fff;
|
|
60
|
+
text-align: left;
|
|
61
|
+
p {
|
|
62
|
+
font-family: var(--website-typography__font-family-headlines);
|
|
63
|
+
}
|
|
64
|
+
hr {
|
|
65
|
+
margin-top: 0;
|
|
66
|
+
padding: 0 0 0.25rem 0;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
44
69
|
}
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
fill: var(--fill-two, rgb(136, 137, 138));
|
|
70
|
+
@media screen and (min-width: 768px) {
|
|
71
|
+
.asd20-district-logo svg {
|
|
72
|
+
max-width: space(12);
|
|
73
|
+
}
|
|
74
|
+
.asd20-district-logo__tagline {
|
|
75
|
+
text-align: center;
|
|
52
76
|
}
|
|
53
77
|
}
|
|
54
78
|
|
|
@@ -3,7 +3,9 @@
|
|
|
3
3
|
class="asd20-logo"
|
|
4
4
|
:class="classes"
|
|
5
5
|
:href="link"
|
|
6
|
-
:aria-label="
|
|
6
|
+
:aria-label="
|
|
7
|
+
`${title} ${subtitle} An Academy District 20 School; We educate and inspire students to thrive.`
|
|
8
|
+
"
|
|
7
9
|
>
|
|
8
10
|
<figure class="asd20-logo__image">
|
|
9
11
|
<img v-if="image" :src="image" alt="Our school logo." />
|
|
@@ -14,7 +16,8 @@
|
|
|
14
16
|
{{ subtitle }}
|
|
15
17
|
</small>
|
|
16
18
|
<div v-if="tagline" class="asd20-logo__tagline">
|
|
17
|
-
An Academy District 20 School
|
|
19
|
+
An Academy District 20 School<hr />
|
|
20
|
+
<i>We educate and inspire students to thrive.</i>
|
|
18
21
|
</div>
|
|
19
22
|
</component>
|
|
20
23
|
|
|
@@ -141,9 +144,13 @@ export default {
|
|
|
141
144
|
font-family: var(--website-typography__font-family-headlines);
|
|
142
145
|
font-weight: var(--website-typography__font-weight-body, normal);
|
|
143
146
|
font-size: 0.5em;
|
|
144
|
-
text-transform: uppercase;
|
|
147
|
+
// text-transform: uppercase;
|
|
145
148
|
opacity: 0.75;
|
|
146
149
|
text-align: justify;
|
|
150
|
+
hr {
|
|
151
|
+
margin: 0;
|
|
152
|
+
padding: 0 0 0.5rem;
|
|
153
|
+
}
|
|
147
154
|
}
|
|
148
155
|
&--bordered {
|
|
149
156
|
.asd20-logo__subtitle {
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
/>
|
|
16
16
|
<asd20-district-logo
|
|
17
17
|
v-if="organization.title === 'Academy District 20'"
|
|
18
|
+
tagline
|
|
18
19
|
/>
|
|
19
20
|
<div class="optionalLogo">
|
|
20
21
|
<a
|
|
@@ -228,10 +229,14 @@ export default {
|
|
|
228
229
|
&::v-deep .asd20-logo__title {
|
|
229
230
|
max-width: 100%;
|
|
230
231
|
}
|
|
232
|
+
&::v-deep .asd20-logo__image {
|
|
233
|
+
height: 5rem;
|
|
234
|
+
margin-bottom: space(0.5);
|
|
235
|
+
}
|
|
231
236
|
}
|
|
232
237
|
img {
|
|
233
238
|
// margin-top: space(-1);
|
|
234
|
-
margin-left: space(1);
|
|
239
|
+
// margin-left: space(1);
|
|
235
240
|
max-width: 6rem;
|
|
236
241
|
}
|
|
237
242
|
}
|
|
@@ -241,9 +246,10 @@ export default {
|
|
|
241
246
|
}
|
|
242
247
|
|
|
243
248
|
&::v-deep .asd20-district-logo {
|
|
249
|
+
display: block;
|
|
244
250
|
width: auto;
|
|
245
251
|
height: space(2);
|
|
246
|
-
|
|
252
|
+
margin-bottom: space(1);
|
|
247
253
|
svg {
|
|
248
254
|
fill: var(--website-page__background-color, #ffffff);
|
|
249
255
|
}
|
|
@@ -251,13 +257,6 @@ export default {
|
|
|
251
257
|
fill: var(--website-page__background-color, #ffffff);
|
|
252
258
|
}
|
|
253
259
|
}
|
|
254
|
-
// .asd20-logo__title{
|
|
255
|
-
// color: red;
|
|
256
|
-
// }
|
|
257
|
-
// .asd20-logo__tagline{
|
|
258
|
-
// color: var(--website-footer__foreground-color);
|
|
259
|
-
// color: red;
|
|
260
|
-
// }
|
|
261
260
|
.contact-info {
|
|
262
261
|
margin: space(1) space(0);
|
|
263
262
|
&::v-deep .asd20-button {
|
|
@@ -333,15 +332,16 @@ export default {
|
|
|
333
332
|
padding: 0;
|
|
334
333
|
display: grid;
|
|
335
334
|
grid-template-columns: space(3) 1fr 1fr space(3) 2fr space(3);
|
|
336
|
-
grid-template-rows: space(3) repeat(3, min-content) space(4) space(1) space(
|
|
335
|
+
grid-template-rows: space(3) repeat(3, min-content) space(4) space(1) space(
|
|
336
|
+
1
|
|
337
|
+
);
|
|
337
338
|
&::v-deep .asd20-logo {
|
|
338
339
|
position: relative;
|
|
339
340
|
grid-column: 2 / 4;
|
|
340
341
|
grid-row: 2 / 3;
|
|
341
342
|
width: auto;
|
|
342
|
-
margin-bottom: space(2);
|
|
343
343
|
top: -2.125%;
|
|
344
|
-
|
|
344
|
+
width: min-content;
|
|
345
345
|
}
|
|
346
346
|
&::v-deep .asd20-district-logo {
|
|
347
347
|
position: relative;
|
|
@@ -349,10 +349,13 @@ export default {
|
|
|
349
349
|
grid-row: 2 / 3;
|
|
350
350
|
width: auto;
|
|
351
351
|
height: space(2);
|
|
352
|
-
margin-left: space(0.5);
|
|
353
|
-
margin-bottom: space(
|
|
352
|
+
// margin-left: space(0.5);
|
|
353
|
+
// margin-bottom: space(3);
|
|
354
354
|
top: -2.125%;
|
|
355
355
|
align-items: flex-start;
|
|
356
|
+
svg {
|
|
357
|
+
fill: var(--website-page__background-color, #ffffff);
|
|
358
|
+
}
|
|
356
359
|
}
|
|
357
360
|
.logoContainer {
|
|
358
361
|
position: relative;
|
|
@@ -360,6 +363,7 @@ export default {
|
|
|
360
363
|
grid-row: 2 / 3;
|
|
361
364
|
display: flex;
|
|
362
365
|
justify-content: space-between;
|
|
366
|
+
padding: 0 0 space(2) space(0.5);
|
|
363
367
|
img {
|
|
364
368
|
margin-top: space(-1);
|
|
365
369
|
max-width: 12rem;
|