@asd20/ui 3.2.1001 → 3.2.1003
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/atoms/icons/Asd20DistrictSvg.vue +12 -5
- package/src/components/atoms/icons/Asd20IxSvg.vue +2 -2
- package/src/components/atoms/icons/Asd20SchoolSvg.vue +48 -16
- package/src/components/atoms/icons/Asd20WebsiteSvg.vue +2 -1
- package/src/components/molecules/Asd20SocialMenu/index.vue +2 -2
package/package.json
CHANGED
|
@@ -14,10 +14,17 @@
|
|
|
14
14
|
stroke-width="2"
|
|
15
15
|
stroke-linecap="round"
|
|
16
16
|
/>
|
|
17
|
-
<
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
17
|
+
<g transform="translate(6,6) scale(0.35)">
|
|
18
|
+
<path
|
|
19
|
+
d="M47.88 42.92L29.48 0 0 62.52l19.54-36.5 1.66 12.57 7.65-16.18 7.98 33.76 1.37-27.4 9.68 14.15z"
|
|
20
|
+
class="line"
|
|
21
|
+
fill="currentColor"
|
|
22
|
+
stroke="currentColor"
|
|
23
|
+
stroke-width="4"
|
|
24
|
+
stroke-linejoin="round"
|
|
25
|
+
stroke-linecap="round"
|
|
26
|
+
style="paint-order: stroke fill"
|
|
27
|
+
/>
|
|
28
|
+
</g>
|
|
22
29
|
</g>
|
|
23
30
|
</template>
|
|
@@ -84,10 +84,10 @@
|
|
|
84
84
|
<circle cx="16" cy="17" r="6" class="fill" />
|
|
85
85
|
<!-- "IX"-->
|
|
86
86
|
<path
|
|
87
|
-
d="M 15
|
|
87
|
+
d="M 15 20.5 L 19.991 13.509 M 14.985 13.52 L 20 20.5 M 13 20.5 V 13.509"
|
|
88
88
|
class="line"
|
|
89
89
|
stroke="#fff"
|
|
90
|
-
stroke-width="
|
|
90
|
+
stroke-width="1"
|
|
91
91
|
stroke-linecap="round"
|
|
92
92
|
/>
|
|
93
93
|
>
|
|
@@ -51,24 +51,44 @@
|
|
|
51
51
|
>
|
|
52
52
|
<defs>
|
|
53
53
|
<!-- Mask for left building (outline color) -->
|
|
54
|
-
<mask
|
|
54
|
+
<mask
|
|
55
|
+
:id="`leftBuildingMask-${_uid}`"
|
|
56
|
+
maskUnits="userSpaceOnUse"
|
|
57
|
+
maskContentUnits="userSpaceOnUse"
|
|
58
|
+
x="0"
|
|
59
|
+
y="0"
|
|
60
|
+
width="32"
|
|
61
|
+
height="40"
|
|
62
|
+
mask-type="luminance"
|
|
63
|
+
>
|
|
64
|
+
<rect x="0" y="0" width="32" height="40" fill="black" />
|
|
55
65
|
<!-- Building shape (opaque) -->
|
|
56
|
-
<polygon points="7,29 7,13 17,11 17,29" fill="white"/>
|
|
66
|
+
<polygon points="7,29 7,13 17,11 17,29" fill="white" />
|
|
57
67
|
<!-- Windows and door (transparent "holes") -->
|
|
58
|
-
<rect x="10" y="15" width="2" height="2" rx="0.3" fill="black"/>
|
|
59
|
-
<rect x="10" y="19" width="2" height="2" rx="0.3" fill="black"/>
|
|
60
|
-
<rect x="14" y="15" width="2" height="2" rx="0.3" fill="black"/>
|
|
61
|
-
<rect x="14" y="19" width="2" height="2" rx="0.3" fill="black"/>
|
|
62
|
-
<rect x="12" y="23" width="4" height="4" rx="0.7" fill="black"/>
|
|
68
|
+
<rect x="10" y="15" width="2" height="2" rx="0.3" fill="black" />
|
|
69
|
+
<rect x="10" y="19" width="2" height="2" rx="0.3" fill="black" />
|
|
70
|
+
<rect x="14" y="15" width="2" height="2" rx="0.3" fill="black" />
|
|
71
|
+
<rect x="14" y="19" width="2" height="2" rx="0.3" fill="black" />
|
|
72
|
+
<rect x="12" y="23" width="4" height="4" rx="0.7" fill="black" />
|
|
63
73
|
</mask>
|
|
64
74
|
<!-- Mask for right building (fill color) -->
|
|
65
|
-
<mask
|
|
75
|
+
<mask
|
|
76
|
+
:id="`rightBuildingMask-${_uid}`"
|
|
77
|
+
maskUnits="userSpaceOnUse"
|
|
78
|
+
maskContentUnits="userSpaceOnUse"
|
|
79
|
+
x="0"
|
|
80
|
+
y="0"
|
|
81
|
+
width="32"
|
|
82
|
+
height="40"
|
|
83
|
+
mask-type="luminance"
|
|
84
|
+
>
|
|
85
|
+
<rect x="0" y="0" width="32" height="40" fill="black" />
|
|
66
86
|
<!-- Building shape (opaque) -->
|
|
67
|
-
<polygon points="17,29 17,13 25,15 25,29" fill="white"/>
|
|
87
|
+
<polygon points="17,29 17,13 25,15 25,29" fill="white" />
|
|
68
88
|
<!-- Windows (transparent "holes") -->
|
|
69
|
-
<rect x="21" y="17" width="3" height="1.2" rx="0.4" fill="black"/>
|
|
70
|
-
<rect x="21" y="20" width="3" height="1.2" rx="0.4" fill="black"/>
|
|
71
|
-
<rect x="21" y="23" width="3" height="1.2" rx="0.4" fill="black"/>
|
|
89
|
+
<rect x="21" y="17" width="3" height="1.2" rx="0.4" fill="black" />
|
|
90
|
+
<rect x="21" y="20" width="3" height="1.2" rx="0.4" fill="black" />
|
|
91
|
+
<rect x="21" y="23" width="3" height="1.2" rx="0.4" fill="black" />
|
|
72
92
|
</mask>
|
|
73
93
|
</defs>
|
|
74
94
|
<!-- 3/4 Circle outline (open at bottom) -->
|
|
@@ -81,11 +101,23 @@
|
|
|
81
101
|
stroke-linecap="round"
|
|
82
102
|
/>
|
|
83
103
|
<!-- Left building (outline color, slanted roof left, with transparent windows/door) -->
|
|
84
|
-
<polygon
|
|
104
|
+
<polygon
|
|
105
|
+
points="7,29 7,13 17,11 17,29"
|
|
106
|
+
class="line"
|
|
107
|
+
fill="currentColor"
|
|
108
|
+
:mask="`url(#leftBuildingMask-${_uid})`"
|
|
109
|
+
/>
|
|
85
110
|
<!-- Right building (fill color, slanted roof right, with transparent windows) -->
|
|
86
|
-
<polygon
|
|
111
|
+
<polygon
|
|
112
|
+
points="17,29 17,13 25,15 25,29"
|
|
113
|
+
class="fill"
|
|
114
|
+
:mask="`url(#rightBuildingMask-${_uid})`"
|
|
115
|
+
/>
|
|
87
116
|
<!-- Flag and pole (outline color) -->
|
|
88
|
-
<polygon
|
|
117
|
+
<polygon
|
|
118
|
+
points="17,29 17,6 25,6 25,10 19,10 19,29"
|
|
119
|
+
class="line"
|
|
120
|
+
fill="currentColor"
|
|
121
|
+
/>
|
|
89
122
|
</g>
|
|
90
123
|
</template>
|
|
91
|
-
|
|
@@ -32,9 +32,9 @@ export default {
|
|
|
32
32
|
.asd20-social-menu {
|
|
33
33
|
display: flex;
|
|
34
34
|
flex-wrap: nowrap;
|
|
35
|
-
justify-content:
|
|
35
|
+
justify-content: flex-start;
|
|
36
36
|
flex-direction: row;
|
|
37
|
-
margin: space(1) space(0);
|
|
37
|
+
margin: space(1) space(0.5);
|
|
38
38
|
&::v-deep .asd20-button {
|
|
39
39
|
flex-direction: column;
|
|
40
40
|
padding-left: 0;
|