Add SVG icons, popup styles

main
Elbert Alias 4 years ago
parent b8e854fff4
commit cbb29e3fbf

@ -62,6 +62,15 @@ a:hover {
white-space: nowrap;
}
.header__cta a {
border-bottom: 1px solid var(--color-secondary);
text-decoration: none;
}
.header__cta a:hover {
border-bottom: 1px solid var(--color-primary);
}
.header__open-in-new {
color: var(--color-primary);
height: 1.1rem;
@ -86,6 +95,15 @@ a:hover {
white-space: nowrap;
}
.alerts__link {
border-bottom: 1px solid var(--color-secondary);
}
.alerts__link:hover {
border-bottom: 1px solid var(--color-primary);
text-decoration: none;
}
.alerts--hidden {
visibility: hidden;
}

@ -0,0 +1 @@
<svg id="svg2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200.9 201.2" width="2496" height="2500"><style>.st0{fill:#c60c30}</style><g id="layer1" transform="translate(-76.221 -152.77)"><path id="path821" class="st0" d="M157.3 352.8c-17.6-3.6-34-11.8-46.8-23.2-33-29.3-43.3-75.4-25.8-116.5C89 203 96 192.8 104.6 183.9l7.6-7.8.5 45.8c.5 43.9.6 46.1 2.7 51.6 4.2 11.1 8.6 18.1 16.3 25.7 19.8 19.7 48.8 24.6 73.5 12.5 23.2-11.4 37.8-36.3 36.1-61.5-1.1-16.9-6.8-29.3-19.1-41.6-9.3-9.3-20.2-15.4-32-17.9-12.1-2.5-11.5-2.9-11.5 7.3v8.8l6.6 1.2c25.6 4.7 42.6 29.9 37.3 55.3-1.7 8.1-5.5 15.3-11.6 21.9-9.3 10-22.4 14.8-33.8 14.8-18.9 0-34.6-10.8-42.3-26.6 0 0-2-4.5-2.6-7.3-3.8-16.5-1.4-51.1-1.4-51.1l-.3-50.7 3-1.5c1.6-.9 3.2-1.5 3.5-1.5s.6 23.3.8 51.8c0 0-3.6 37.3.9 51.6.6 2.1 1.9 5.6 1.9 5.6 3.9 8 10.2 15.1 18.4 19 6.2 2.9 9.4 4.3 18.6 4.3 6 0 11.3-1.9 17.5-4.7 7.2-3.3 15.5-12.1 18.6-20.2 8.4-22.2-3.3-46-26-52.7-9.3-2.7-9.1-2.9-9.1 7.2v8.8l4.4 1.2c16 4.3 20.9 25.8 8.3 36.8-4.4 3.9-8.4 5.6-15.4 5.6-7.5 0-14.7-4.5-18.4-11.5-2.2-4.2-2.4-8.1-2.4-9.9 0-16.7-.4-46.9-.4-46.9l-.3-51.7 2.3-.6c1.3-.3 6.4-1.1 11.4-1.7 16.9-2.2 41.9 3.4 58.7 13 22.9 13.1 40.2 35.6 47.4 61.6 2.5 8.9 2.8 11.6 2.8 25.9 0 14.3-.3 17-2.7 25.8-9.8 35.4-34.8 60.6-70.5 71.4-7.5 2.3-11 2.7-24.3 3-10.7.1-17.6-.2-22.3-1.2z"/></g></svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 2489.2 2487.6" style="enable-background:new 0 0 2489.2 2487.6;" xml:space="preserve">
<style type="text/css">
.st0{fill:#34313F;}
</style>
<g>
<path class="st0" d="M1311.5,1416.2h314c89.3,0,145.8-49.1,145.8-128c0-74.4-56.5-128-145.8-128h-314c-10.4,0-19.3,8.9-19.3,17.9
v220.2C1293.6,1408.7,1301,1416.2,1311.5,1416.2z M1311.5,1923.6h324.4c99.7,0,159.2-50.6,159.2-139.9
c0-77.4-56.5-139.9-159.2-139.9h-324.4c-10.4,0-19.3,8.9-19.3,17.9v242.6C1293.6,1916.2,1301,1923.6,1311.5,1923.6z"/>
<path class="st0" d="M2460.3,5.5l-928.6,925.6h151.8c236.6,0,376.5,148.8,376.5,311c0,128-86.3,221.7-178.6,263.4
c-14.9,6-14.9,26.8,1.5,32.7c107.1,41.7,183,153.3,183,284.2c0,184.5-123.5,331.8-363.1,331.8h-657.7c-10.4,0-19.3-8.9-19.3-17.9
v-700.9L6.4,2450.4c-13.4,13.4-4.5,37.2,14.9,37.2h2450.9c8.9,0,16.4-7.4,16.4-16.4V18.9C2493,2.5,2472.2-6.4,2460.3,5.5z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

@ -0,0 +1,3 @@
<svg width="2494" height="2495" viewBox="0 0 2494 2495" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1386.03 748.152V2168.74L1246.33 2254.12L1106.53 2168.28V749.25L744.534 972.132V2186.99L1246.33 2494.03L1752.38 2184.8V971.356L1386.03 748.152ZM1246.33 0.125L191 639.516V1854.53L465.09 2016V800.87L1246.55 325.703L2028.73 800.177L2031.95 802.017L2031.61 2014.18L2303 1854.53V639.516L1246.33 0.125Z" fill="#EC6737"/>
</svg>

After

Width:  |  Height:  |  Size: 435 B

@ -0,0 +1,4 @@
<svg width="552" height="552" viewBox="0 0 552 552" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M547.769 216.272C522.066 97.2587 379.026 27.415 229.281 60.3812C78.9775 92.7887 -21.5975 215.714 4.10496 334.728C29.8075 453.741 172.847 523.585 322.592 491.177C472.896 458.211 574.03 335.286 547.769 216.272V216.272ZM275.657 385.015C215.312 385.015 166.142 335.845 166.142 275.5C166.142 215.155 215.312 165.985 275.657 165.985C336.002 165.985 385.172 215.155 385.172 275.5C385.172 335.845 336.561 385.015 275.657 385.015V385.015Z" fill="#008C99"/>
<path d="M300.243 122.402C213.078 122.402 142.675 192.805 142.675 279.97C142.675 367.135 213.078 437.538 300.243 437.538C387.408 437.538 457.81 367.135 457.81 279.97C457.81 192.805 387.408 122.402 300.243 122.402V122.402ZM275.658 371.046C222.576 371.046 180.111 328.022 180.111 275.5C180.111 222.977 223.135 179.954 275.658 179.954C328.18 179.954 371.763 222.977 371.763 275.5C371.763 328.022 328.739 371.046 275.658 371.046V371.046Z" fill="#72CCD2"/>
</svg>

After

Width:  |  Height:  |  Size: 1016 B

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="2500" viewBox="0 0 192.756 192.756"><g fill-rule="evenodd" clip-rule="evenodd"><path fill="#fff" d="M0 0h192.756v192.756H0V0z"/><path d="M183.727 66.775c3.279 0 6.195-2.914 6.195-6.558 0-3.461-2.916-6.194-6.195-6.194-3.461 0-6.557 2.732-6.557 6.194 0 3.644 3.096 6.558 6.557 6.558zm0-.91c-3.277 0-5.646-2.368-5.646-5.647 0-2.915 2.369-5.283 5.646-5.283a5.286 5.286 0 0 1 5.283 5.283c0 3.279-2.367 5.647-5.283 5.647z" fill="#234b8d"/><path d="M182.088 60.946h2.186c.912 0 1.094.546 1.094 1.093 0 .183 0 1.275.182 1.822h1.094v-.364c-.182-.183-.365-.183-.365-.547v-1.093c0-.911-.363-1.093-.729-1.275.547-.364.912-.729.912-1.821 0-1.275-1.094-1.822-2.188-1.822h-3.096v6.923h.91v-2.916zm0-3.096h2.186c.547 0 1.275 0 1.275 1.093 0 .911-.729 1.093-1.457 1.093h-2.004V57.85zM3.381 53.842h83.797v83.979H3.381V53.842zM174.801 53.842H90.822v83.979l83.979-83.979z" fill="#234b8d"/><path d="M69.508 129.26h6.558c9.655 0 11.477-8.198 11.112-10.566-.546-5.829-4.918-9.473-10.93-9.473H60.217v29.329h9.291v-9.29zm0-6.923v-6.376h4.007c3.279 0 4.554.729 4.554 3.097 0 1.093 0 3.279-3.643 3.279h-4.918z" fill="#fff"/><path d="M39.997 132.356h9.291l2.368 6.193h9.837L50.38 109.221H39.268L27.974 138.55h9.473l2.55-6.194zm4.919-14.937l3.279 8.743H41.82l3.096-8.743z" fill="#fff"/><path d="M2.834 129.26v1.64c0 5.829 7.104 8.015 13.845 8.015 9.108 0 14.574-3.279 14.574-9.654 0-10.202-18.217-7.105-18.217-13.116 0-2.187 1.64-2.915 4.19-2.915 1.639 0 2.186.364 2.732.729 1.093.729 1.093 1.64 1.093 3.279h9.655v-.729c0-4.372-3.826-8.016-13.48-8.016-10.566 0-13.845 4.008-13.845 8.744 0 10.384 18.217 7.104 18.217 13.48 0 1.275-1.093 3.097-4.919 3.097-3.097 0-4.19-1.457-4.19-3.644v-.91H2.834z" fill="#fff"/></g></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 18 KiB

@ -0,0 +1,4 @@
<svg width="1349" height="1349" viewBox="0 0 1349 1349" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="1348.07" height="1348.07" fill="#9B5C8F"/>
<path d="M167.489 255.529C181.716 236.215 203.052 226.059 231.506 224.028C283.337 219.956 312.807 244.339 319.916 297.185C351.417 509.568 385.964 689.434 422.543 836.773L645.08 413.034C665.411 374.415 690.818 354.094 721.304 352.063C766.016 349.016 793.445 377.461 804.626 437.416C830.034 572.56 862.55 687.393 901.16 784.942C927.583 526.842 972.296 340.883 1035.3 226.059C1050.53 197.605 1072.89 183.378 1102.36 181.337C1125.74 179.316 1147.07 186.424 1166.38 201.667C1185.68 216.91 1195.85 236.215 1197.88 259.591C1198.9 277.881 1195.85 293.123 1187.72 308.366C1148.09 381.533 1115.56 504.49 1089.15 675.197C1063.75 840.835 1054.6 969.895 1060.7 1062.37C1062.74 1087.76 1058.66 1110.12 1048.51 1129.43C1036.3 1151.78 1018.02 1163.98 994.647 1166.01C968.224 1168.04 940.795 1155.85 914.371 1128.42C819.869 1031.87 744.671 887.579 689.803 695.527C623.744 825.593 574.97 923.142 543.469 988.175C483.514 1103.01 432.708 1161.95 390.026 1164.99C362.587 1167.03 339.221 1143.65 318.9 1094.88C267.079 961.761 211.186 704.667 151.24 323.609C147.168 297.185 153.261 273.809 167.489 255.529Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

Loading…
Cancel
Save