@worksafevictoria/wcl7.5 1.9.0-beta.10 → 1.9.0-beta.12
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/assets/styles/generated-icons.scss +46 -46
- package/src/components/Common/CardGridItem/index.vue +2 -0
- package/src/components/Containers/HomepageHeaderNew/index.vue +3 -2
- package/src/components/Global/AppFooter/index.vue +0 -4
- package/src/components/Global/SocialShare/index.vue +57 -68
- package/src/components/Paragraphs/Accordion/AccordionItem/index.vue +1 -1
- package/src/index.js +1 -1
package/package.json
CHANGED
|
@@ -20,33 +20,33 @@
|
|
|
20
20
|
$color1: str-replace(inspect($color1), '#', '%23'); //fix and replace hexcolor
|
|
21
21
|
$color2: str-replace(inspect($color2), '#', '%23'); //fix and replace hexcolor
|
|
22
22
|
$color3: str-replace(inspect($color3), '#', '%23'); //fix and replace hexcolor
|
|
23
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='38' viewBox='0 0 64 38'%3E%3Cg fill='none'%3E%3Cpath fill='
|
|
23
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='38' viewBox='0 0 64 38'%3E%3Cg fill='none'%3E%3Cpath fill='#{$color1}' d='M0 0h64v38H0z'/%3E%3Cpath fill='#{$color3}' d='M0 19h64v19H0z'/%3E%3Cellipse cx='32' cy='19' fill='#{$color2}' rx='9.6' ry='9.5'/%3E%3C/g%3E%3C/svg%3E");
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
@function facebook-ws-footer($color: #2E4FA9) {
|
|
27
27
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
28
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24'%3E%3Cpath fill='
|
|
28
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M3 24h4.5V12.996h4.195L12 9H7.5V6c0-1.172.223-2.004 1.746-2.004h2.59L12 .223S10.7 0 9 0C4.781 0 3 2.672 3 5.496V9H0v3.996h3V24z'/%3E%3Cpath d='M3.024 18.492v-5.509H.007v-3.96h3.017V7.019c0-2.175.007-2.325.152-2.937C3.727 1.75 5.496.319 8.155.053c.376-.038 1.53-.037 2.112.001.696.047 1.637.149 1.692.185.018.01 0 .614-.05 1.727-.041.941-.076 1.78-.076 1.864l-.001.154-1.542.009c-1.49.009-1.55.011-1.753.068-.416.116-.67.317-.838.66-.186.38-.185.362-.196 2.437l-.01 1.866H11.993l-.012.06c-.007.034-.076.924-.155 1.98l-.144 1.92H7.495V24H3.024z'/%3E%3C/svg%3E");
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
@function facebook-ww-footer($color1: #2E4FA9, $color2: #356041) {
|
|
32
32
|
$color1: str-replace(inspect($color1), '#', '%23'); //fix and replace hexcolor
|
|
33
33
|
$color2: str-replace(inspect($color2), '#', '%23'); //fix and replace hexcolor
|
|
34
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24'%3E%3Cpath fill='
|
|
34
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24'%3E%3Cpath fill='#{$color1}' fill-rule='evenodd' d='M3 24h4.5V12.996h4.195L12 9H7.5V6c0-1.172.223-2.004 1.746-2.004h2.59L12 .223S10.7 0 9 0C4.781 0 3 2.672 3 5.496V9H0v3.996h3V24z'/%3E%3Cpath fill='#{$color2}' d='M3.024 18.492v-5.509H.007v-3.96h3.017V7.019c0-2.175.007-2.325.152-2.937C3.727 1.75 5.496.319 8.155.053c.376-.038 1.53-.037 2.112.001.696.047 1.637.149 1.692.185.018.01 0 .614-.05 1.727-.041.941-.076 1.78-.076 1.864l-.001.154-1.542.009c-1.49.009-1.55.011-1.753.068-.416.116-.67.317-.838.66-.186.38-.185.362-.196 2.437l-.01 1.866H11.993l-.012.06c-.007.034-.076.924-.155 1.98l-.144 1.92H7.495V24H3.024z'/%3E%3C/svg%3E");
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
@function instagram-ww-footer($color: #356041) {
|
|
38
38
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
39
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='
|
|
39
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='#{$color}' fill-rule='nonzero' d='M20 10c0 2.01 0 3.364-.047 4.112-.093 1.823-.607 3.224-1.635 4.206-1.028.981-2.383 1.542-4.206 1.635C13.364 20 11.962 20 10 20c-2.01 0-3.364 0-4.112-.047-1.823-.093-3.224-.607-4.206-1.635C.701 17.336.14 15.935.047 14.112 0 13.364 0 11.962 0 10c0-1.963 0-3.364.047-4.112.093-1.823.607-3.224 1.635-4.206C2.664.701 4.065.14 5.888.047 6.636 0 8.038 0 10 0c2.01 0 3.364 0 4.112.047 1.823.093 3.224.607 4.206 1.635.981 1.028 1.542 2.383 1.635 4.206 0 .748.047 2.103.047 4.112zm-2.944-6.626C16.822 3.14 16.542 3 16.215 3c-.327 0-.608.14-.841.374-.234.233-.374.514-.374.841 0 .327.14.607.374.841.233.234.514.374.841.374.327 0 .607-.14.841-.374.234-.234.374-.514.374-.841 0-.327-.14-.608-.374-.841zM10 15.5a5.5 5.5 0 100-11 5.5 5.5 0 000 11zm0-2a3.5 3.5 0 110-7 3.5 3.5 0 010 7z'/%3E%3C/svg%3E");
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
@function linkedin-ws-footer($color: #000) {
|
|
43
43
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
44
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cpath fill='
|
|
44
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cpath fill='#{$color}' d='M16.845 16.816h-3.488v-5.462c0-1.302-.024-2.98-1.815-2.98-1.816 0-2.094 1.42-2.094 2.886v5.556H5.959V5.583h3.348v1.535h.047a3.668 3.668 0 013.304-1.813c3.535 0 4.187 2.327 4.187 5.35v6.161zM2.025 4.048A2.024 2.024 0 112.023 0a2.024 2.024 0 01.002 4.048zM3.77 16.816H.276V5.583h3.492z'/%3E%3C/svg%3E");
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
@function linkedin-ww-footer($color: #356041) {
|
|
48
48
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
49
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cpath fill='
|
|
49
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cpath fill='#{$color}' d='M16.845 16.816h-3.488v-5.462c0-1.302-.024-2.98-1.815-2.98-1.816 0-2.094 1.42-2.094 2.886v5.556H5.959V5.583h3.348v1.535h.047a3.668 3.668 0 013.304-1.813c3.535 0 4.187 2.327 4.187 5.35v6.161zM2.025 4.048A2.024 2.024 0 112.023 0a2.024 2.024 0 01.002 4.048zM3.77 16.816H.276V5.583h3.492z'/%3E%3C/svg%3E");
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
@function logo-workwell-reversed($color1: #000000, $color2: #201F2B, $color3: #FDB813, $color4: #FFFFFF) {
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
$color2: str-replace(inspect($color2), '#', '%23'); //fix and replace hexcolor
|
|
55
55
|
$color3: str-replace(inspect($color3), '#', '%23'); //fix and replace hexcolor
|
|
56
56
|
$color4: str-replace(inspect($color4), '#', '%23'); //fix and replace hexcolor
|
|
57
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='113' height='55' viewBox='0 0 113 55'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill-rule='nonzero' transform='translate(0 -1)'%3E%3Cpath fill='
|
|
57
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='113' height='55' viewBox='0 0 113 55'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill-rule='nonzero' transform='translate(0 -1)'%3E%3Cpath fill='#{$color4}' d='M98.65 14.292H1.328C.594 14.292 0 14.886 0 15.62v23.19c0 .733.594 1.327 1.327 1.327h98.67a3.7 3.7 0 002.626-1.093l8.665-8.723c1.616-1.627 1.616-3.238 0-4.856l-10.011-10.08a3.7 3.7 0 00-2.626-1.093z'/%3E%3Cpath fill='#{$color2}' d='M54.202 22.784l-1.039 1.038-2.642 2.643a1.902 1.902 0 000 2.681l3.943 3.948h-3.338l-2.766-2.78a3.53 3.53 0 010-5.004l1.475-1.48 1.058-1.046h3.31zm-7.476-4.853v15.163h-2.38V17.93h2.38zM43.155 25.5c-.238-.137-.708-.21-1.172-.21-2.141 0-2.141 2.66-2.141 4.107v3.697h-2.64V23.02h2.342v2.29h.034c.127-.948 1.194-2.527 2.773-2.527.252 0 .533 0 .804.08V25.5zM30.642 22.783c3.043 0 5.37 2.09 5.37 5.528 0 3.007-1.974 5.389-5.369 5.389-3.376 0-5.345-2.382-5.345-5.389 0-3.439 2.322-5.528 5.344-5.528zm.002 2.154c-1.802 0-2.668 1.52-2.668 3.081 0 1.71.549 3.59 2.668 3.59 2.137 0 2.69-1.858 2.69-3.59 0-1.591-.866-3.08-2.69-3.08zM18.856 33.094L16.4 21.945h-.027l-2.416 11.149H10.44l-3.594-13.95h2.848l2.54 11.141h.031l2.317-11.141h3.69l2.39 11.141h.04l2.546-11.141h2.645l-3.545 13.95z'/%3E%3Crect width='39.262' height='39.527' x='61.598' y='8.25' fill='#{$color3}' rx='2.468' transform='rotate(-45 81.229 28.013)'/%3E%3Cpath fill='#{$color2}' d='M67.24 22.962c0-1.574 1.246-2.008 2.216-2.008a7.076 7.076 0 012.854.617l.256-2.38c-1.02-.35-2.148-.519-3.355-.519-2.47 0-4.904 1.178-4.904 4.415 0 4.771 6.143 3.627 6.143 6.386 0 1.302-1.423 1.862-2.49 1.862-1.104 0-2.208-.352-3.17-.892l-.258 2.615c1.383.34 2.063.55 3.592.55 2.832 0 5.27-1.198 5.27-4.366 0-4.833-6.155-3.78-6.155-6.281M78.984 22.461c3.15 0 4.46 1.343 4.46 4.49v1.372c0 1.061.017 1.875.04 2.66.019.804.056 1.554.116 2.383h-2.379c-.094-.561-.094-1.267-.113-1.593h-.04c-.622 1.185-1.966 1.836-3.193 1.836-1.826 0-3.617-1.143-3.617-3.166 0-1.592.738-2.516 1.77-3.042 1.024-.515 2.354-.618 3.479-.618h1.488c0-1.715-.75-2.293-2.334-2.293-1.148 0-2.3.454-3.197 1.158l-.075-2.381c1.039-.5 2.448-.806 3.595-.806zm2.012 5.976h-1.283c-1.201.014-2.887.266-2.887 1.846 0 .912.742 1.303 1.71 1.303a2.29 2.29 0 001.895-.949c.439-.608.565-1.368.565-2.2zM90.891 22.712h-2.35v-1.324c0-.823.283-1.638 1.189-1.638.58 0 .93.23 1.16.378l.224-2.303a9.257 9.257 0 00-1.963-.223c-2.136 0-3.3 1.487-3.3 3.618v1.492h-1.998v2.02h1.997v8.634h2.691v-8.635h2.35v-2.019zM95.822 22.46c3.836 0 4.922 2.71 4.922 6.429h-7.16c.126 1.719 1.29 2.696 2.962 2.696 1.303 0 2.428-.504 3.435-1.084v2.258c-.986.56-2.116.85-3.562.85-3.41 0-5.407-2.022-5.407-5.526 0-3.08 1.6-5.622 4.81-5.622zm.164 2.03c-1.515 0-2.276 1.075-2.403 2.497h4.584c-.075-1.339-.68-2.497-2.18-2.497z'/%3E%3Cpath fill='#{$color1}' d='M71.812 39.287h-.01l-.733-2.325h-.62l.986 2.963h.707l.967-2.963h-.574zM73.987 39.925h.58v-2.963h-.581zM77.095 39.511c-.613 0-.979-.457-.979-1.059 0-.605.375-1.07.965-1.07.204 0 .405.03.623.152l.034-.5a1.805 1.805 0 00-.643-.114c-.979 0-1.58.562-1.58 1.579 0 .996.648 1.482 1.58 1.482.213 0 .444-.052.651-.097l-.028-.503c-.133.08-.397.13-.622.13M78.375 37.429h.822v2.496h.581v-2.497h.815v-.466h-2.218zM87.89 39.925h.58v-2.963h-.58zM82.643 36.919c.898 0 1.413.622 1.413 1.52 0 .894-.504 1.542-1.413 1.542-.918 0-1.417-.642-1.417-1.543 0-.908.507-1.518 1.417-1.518v-.001zm0 .464c-.574 0-.805.532-.805 1.055 0 .53.217 1.073.805 1.073.584 0 .807-.542.807-1.073 0-.523-.237-1.055-.807-1.055zM85.662 36.947c.58.004 1.218.06 1.218.813 0 .35-.215.642-.547.693 0 .019.21.144.268.282l.42 1.12h-.65l-.335-.905c-.088-.223-.165-.292-.4-.292h-.134v1.197h-.665v-2.909h.825zm.045.512h-.205v.684h.205c.258 0 .538-.013.538-.348 0-.357-.327-.336-.602-.336h.064zM91.076 36.946l1.137 2.909h-.641l-.252-.685h-1.167l-.242.685h-.596l1.113-2.909h.648zm-.333.684h-.003l-.413 1.198h.836l-.42-1.198z'/%3E%3C/g%3E%3Cg fill='#{$color4}'%3E%3Cpath d='M52.874 49.66c.092-1.032.663-1.819 1.799-1.819 1.13 0 1.58.841 1.639 1.818h-3.438zm4.798 2.564c-.755.422-1.6.786-2.575.786-1.257 0-2.13-.71-2.223-1.961h5.37c0-2.713-.811-4.688-3.693-4.688-2.41 0-3.61 1.853-3.61 4.1 0 2.55 1.5 4.026 4.06 4.026 1.083 0 1.93-.21 2.67-.616v-1.647zM16.32 50.234c0-1.165.628-2.301 1.942-2.301 1.327 0 1.962 1.11 1.962 2.301 0 1.297-.404 2.685-1.962 2.685-1.546 0-1.942-1.408-1.942-2.685m-2.117.242c0 2.24 1.497 4.01 4.06 4.01 2.58 0 4.077-1.77 4.077-4.01 0-2.56-1.768-4.117-4.078-4.117-2.293 0-4.06 1.558-4.06 4.117M23.12 46.546h1.797v1.762h.03c.095-.728.918-1.948 2.128-1.948.196 0 .41 0 .615.063v2.037c-.18-.11-.542-.167-.897-.167-1.645 0-1.645 2.053-1.645 3.169v2.85H23.12v-7.766zM36.487 54.28l-2.963-2.96a1.424 1.424 0 010-2.015l1.985-1.982.784-.78h-2.49l-.795.787-1.11 1.111a2.647 2.647 0 000 3.753l2.078 2.087h2.511zM0 43.78h2.213l1.97 8.41h.025l1.797-8.41h2.867l1.855 8.41h.031l1.979-8.41h2.05l-2.75 10.532H9.321L7.42 45.894h-.027l-1.87 8.418H2.792zM36.645 43.78h2.213l1.97 8.41h.023l1.799-8.41h2.867l1.855 8.41h.031l1.978-8.41h2.05l-2.75 10.532h-2.714l-1.902-8.418h-.027l-1.871 8.418h-2.73zM28.659 54.31h2.02V43h-2.02zM59.313 54.31h2.018V43h-2.018zM62.705 54.31h2.02V43h-2.02z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
@function pride-flag($color1: #000, $color2: #004DFF, $color3: #008026, $color4: #750787, $color5: #784F17, $color6: #E40303, $color7: #FF8C00, $color8: #FFED00) {
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
$color6: str-replace(inspect($color6), '#', '%23'); //fix and replace hexcolor
|
|
67
67
|
$color7: str-replace(inspect($color7), '#', '%23'); //fix and replace hexcolor
|
|
68
68
|
$color8: str-replace(inspect($color8), '#', '%23'); //fix and replace hexcolor
|
|
69
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='38' viewBox='0 0 64 38'%3E%3Cg fill='none'%3E%3Cpath fill='
|
|
69
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='38' viewBox='0 0 64 38'%3E%3Cg fill='none'%3E%3Cpath fill='#{$color4}' d='M0 0h64v38H0z'/%3E%3Cpath fill='#{$color2}' d='M0 0h64v33.25H0z'/%3E%3Cpath fill='#{$color3}' d='M0 0h64v28.5H0z'/%3E%3Cpath fill='#{$color8}' d='M0 0h64v23.75H0z'/%3E%3Cpath fill='#{$color7}' d='M0 0h64v19H0z'/%3E%3Cpath fill='#{$color6}' d='M0 0h64v14.25H0z'/%3E%3Cpath fill='#{$color5}' d='M0 0h64v9.5H0z'/%3E%3Cpath fill='#{$color1}' d='M0 0h64v4.75H0z'/%3E%3C/g%3E%3C/svg%3E");
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
@function torres-strait-islanders-flag($color1: #000, $color2: #009, $color3: #096, $color4: #FFF) {
|
|
@@ -74,18 +74,18 @@
|
|
|
74
74
|
$color2: str-replace(inspect($color2), '#', '%23'); //fix and replace hexcolor
|
|
75
75
|
$color3: str-replace(inspect($color3), '#', '%23'); //fix and replace hexcolor
|
|
76
76
|
$color4: str-replace(inspect($color4), '#', '%23'); //fix and replace hexcolor
|
|
77
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='38' viewBox='0 0 64 38'%3E%3Cg fill='none'%3E%3Cpath fill='
|
|
77
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='38' viewBox='0 0 64 38'%3E%3Cg fill='none'%3E%3Cpath fill='#{$color3}' d='M0 31.253h63.884v6.629H0zM0 0h63.884v6.629H0z'/%3E%3Cpath fill='#{$color1}' d='M0 6.629h63.884v1.894H0zm0 22.73h63.884v1.894H0z'/%3E%3Cpath fill='#{$color2}' d='M0 8.524h63.884v20.835H0z'/%3E%3Cpath fill='#{$color4}' d='M30.877 8.997c-10.647 2.841-10.115 9.944-6.707 16.479l-4.046 3.41 7.346-2.368v-8.713c2.343-3.126 6.602-3.126 8.944 0v8.713l7.347 2.367-4.046-3.409c3.407-6.535 3.94-13.638-6.708-16.479l-1.065 4.072-1.065-4.072z'/%3E%3Cpath fill='#{$color4}' d='M35.989 18.676l-2.485 1.693.943 2.746-2.503-1.693-2.5 1.674.94-2.74-2.488-1.713h3.082l.962-2.732.967 2.74z'/%3E%3C/g%3E%3C/svg%3E");
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
@function twitter-ws-footer($color: #22A0FF) {
|
|
81
81
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
82
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='19'%3E%3Cpath fill='
|
|
82
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='19'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M24 2.238a9.8 9.8 0 01-2.836.765 4.78 4.78 0 002.168-2.66c-.937.548-2.004.947-3.105 1.164A5.159 5.159 0 0016.605 0c-2.718 0-4.91 2.135-4.91 4.784 0 .377.024.765.106 1.108C7.723 5.675 4.113 3.87 1.664.97c-.41.708-.668 1.439-.668 2.33 0 1.644.867 3.106 2.203 3.973A5.035 5.035 0 01.973 6.68v.057c0 2.33 1.699 4.27 3.949 4.704a5.045 5.045 0 01-1.313.171c-.304 0-.609-.034-.914-.091.61 1.895 2.45 3.311 4.582 3.334-1.664 1.302-3.808 2.272-6.105 2.272A7.85 7.85 0 010 17.047C2.168 18.407 4.781 19 7.559 19c9.046 0 13.992-7.308 13.992-13.645v-.628A9.833 9.833 0 0024 2.238z'/%3E%3Cpath d='M6.598 18.966c-2.06-.107-3.946-.57-5.561-1.363-.537-.264-1.025-.547-.909-.528.233.04.826.065 1.25.053a7.14 7.14 0 001.234-.119c1.497-.249 3.118-.972 4.493-2.006.103-.077.18-.147.173-.155a.711.711 0 00-.188-.015c-.34 0-.873-.102-1.324-.25a5.765 5.765 0 01-.547-.231 4.836 4.836 0 01-2.424-2.59 5.569 5.569 0 01-.083-.217c0-.004.09.007.2.026.298.05 1.18.047 1.474-.005.336-.058.539-.107.526-.128a.503.503 0 00-.154-.045 5.444 5.444 0 01-1.053-.375 4.706 4.706 0 01-1.297-.92C1.54 9.24 1.066 8.188.99 6.952l-.015-.257.236.113a5.14 5.14 0 001.833.468c.212.016.22.031-.117-.215a5.51 5.51 0 01-.462-.4 4.46 4.46 0 01-.983-1.344C.854 4.03.85 2.648 1.47 1.375c.204-.42.184-.404.317-.246.204.245.658.715.967 1.002 2.4 2.228 5.433 3.518 8.835 3.759l.225.016-.016-.078c-.092-.443-.11-1.234-.038-1.718a4.71 4.71 0 011.8-3.061c1.519-1.175 3.585-1.363 5.324-.485.477.24.764.437 1.176.803l.173.154.334-.077a9.825 9.825 0 002.357-.866c.204-.105.37-.181.37-.17 0 .044-.148.388-.267.621-.387.758-1 1.425-1.715 1.87-.158.097-.165.105-.098.105.126 0 .865-.132 1.21-.217a11.553 11.553 0 001.325-.43c.105-.045.195-.078.199-.075.013.013-.45.616-.648.844-.432.498-1.05 1.07-1.561 1.447l-.2.147v.515c0 2.22-.52 4.336-1.56 6.354-1.47 2.85-3.842 5.07-6.714 6.284-1.46.617-2.992.97-4.713 1.085-.312.021-1.6.026-1.953.008z'/%3E%3C/svg%3E");
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
@function twitter-ww-footer($color1: #22A0FF, $color2: #356041) {
|
|
86
86
|
$color1: str-replace(inspect($color1), '#', '%23'); //fix and replace hexcolor
|
|
87
87
|
$color2: str-replace(inspect($color2), '#', '%23'); //fix and replace hexcolor
|
|
88
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='19'%3E%3Cpath fill='
|
|
88
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='19'%3E%3Cpath fill='#{$color1}' fill-rule='evenodd' d='M24 2.238a9.8 9.8 0 01-2.836.765 4.78 4.78 0 002.168-2.66c-.937.548-2.004.947-3.105 1.164A5.159 5.159 0 0016.605 0c-2.718 0-4.91 2.135-4.91 4.784 0 .377.024.765.106 1.108C7.723 5.675 4.113 3.87 1.664.97c-.41.708-.668 1.439-.668 2.33 0 1.644.867 3.106 2.203 3.973A5.035 5.035 0 01.973 6.68v.057c0 2.33 1.699 4.27 3.949 4.704a5.045 5.045 0 01-1.313.171c-.304 0-.609-.034-.914-.091.61 1.895 2.45 3.311 4.582 3.334-1.664 1.302-3.808 2.272-6.105 2.272A7.85 7.85 0 010 17.047C2.168 18.407 4.781 19 7.559 19c9.046 0 13.992-7.308 13.992-13.645v-.628A9.833 9.833 0 0024 2.238z'/%3E%3Cpath fill='#{$color2}' d='M6.598 18.966c-2.06-.107-3.946-.57-5.561-1.363-.537-.264-1.025-.547-.909-.528.233.04.826.065 1.25.053a7.14 7.14 0 001.234-.119c1.497-.249 3.118-.972 4.493-2.006.103-.077.18-.147.173-.155a.711.711 0 00-.188-.015c-.34 0-.873-.102-1.324-.25a5.765 5.765 0 01-.547-.231 4.836 4.836 0 01-2.424-2.59 5.569 5.569 0 01-.083-.217c0-.004.09.007.2.026.298.05 1.18.047 1.474-.005.336-.058.539-.107.526-.128a.503.503 0 00-.154-.045 5.444 5.444 0 01-1.053-.375 4.706 4.706 0 01-1.297-.92C1.54 9.24 1.066 8.188.99 6.952l-.015-.257.236.113a5.14 5.14 0 001.833.468c.212.016.22.031-.117-.215a5.51 5.51 0 01-.462-.4 4.46 4.46 0 01-.983-1.344C.854 4.03.85 2.648 1.47 1.375c.204-.42.184-.404.317-.246.204.245.658.715.967 1.002 2.4 2.228 5.433 3.518 8.835 3.759l.225.016-.016-.078c-.092-.443-.11-1.234-.038-1.718a4.71 4.71 0 011.8-3.061c1.519-1.175 3.585-1.363 5.324-.485.477.24.764.437 1.176.803l.173.154.334-.077a9.825 9.825 0 002.357-.866c.204-.105.37-.181.37-.17 0 .044-.148.388-.267.621-.387.758-1 1.425-1.715 1.87-.158.097-.165.105-.098.105.126 0 .865-.132 1.21-.217a11.553 11.553 0 001.325-.43c.105-.045.195-.078.199-.075.013.013-.45.616-.648.844-.432.498-1.05 1.07-1.561 1.447l-.2.147v.515c0 2.22-.52 4.336-1.56 6.354-1.47 2.85-3.842 5.07-6.714 6.284-1.46.617-2.992.97-4.713 1.085-.312.021-1.6.026-1.953.008z'/%3E%3C/svg%3E");
|
|
89
89
|
}
|
|
90
90
|
|
|
91
91
|
@function worksafe-footer-logo($color1: #000, $color2: #201F2B, $color3: #FDB813, $color4: #FFF) {
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
$color2: str-replace(inspect($color2), '#', '%23'); //fix and replace hexcolor
|
|
94
94
|
$color3: str-replace(inspect($color3), '#', '%23'); //fix and replace hexcolor
|
|
95
95
|
$color4: str-replace(inspect($color4), '#', '%23'); //fix and replace hexcolor
|
|
96
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='113' height='54' viewBox='0 0 113 54'%3E%3Cg fill='none' transform='translate(0 -1)'%3E%3Cpath fill='
|
|
96
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='113' height='54' viewBox='0 0 113 54'%3E%3Cg fill='none' transform='translate(0 -1)'%3E%3Cpath fill='#{$color4}' d='M98.65 14.292H1.328C.594 14.292 0 14.886 0 15.62v23.19c0 .733.594 1.327 1.327 1.327h98.67a3.7 3.7 0 002.626-1.093l8.665-8.723c1.616-1.627 1.616-3.238 0-4.856l-10.011-10.08a3.704 3.704 0 00-2.626-1.093z'/%3E%3Cpath fill='#{$color2}' d='M54.202 22.784l-1.039 1.038-2.642 2.643a1.902 1.902 0 000 2.681l3.943 3.948h-3.338l-2.766-2.78a3.533 3.533 0 01.001-5.004l1.474-1.48 1.058-1.046h3.31zm-7.476-4.853v15.163h-2.38V17.93h2.38zM43.155 25.5c-.238-.137-.708-.21-1.172-.21-2.141 0-2.141 2.66-2.141 4.107v3.697h-2.64V23.02h2.342v2.29h.034c.127-.948 1.194-2.527 2.773-2.527.252 0 .533 0 .804.08V25.5zm-12.513-2.717c3.043 0 5.37 2.09 5.37 5.528 0 3.007-1.974 5.389-5.369 5.389-3.376 0-5.345-2.382-5.345-5.389 0-3.439 2.322-5.528 5.344-5.528zm.002 2.154c-1.802 0-2.668 1.52-2.668 3.081 0 1.71.549 3.59 2.668 3.59 2.137 0 2.69-1.858 2.69-3.59 0-1.591-.866-3.08-2.69-3.08zm-11.788 8.157L16.4 21.945h-.027l-2.416 11.149H10.44L6.846 19.145h2.848l2.54 11.14h.031l2.317-11.141h3.69l2.391 11.141h.039l2.546-11.141h2.645l-3.545 13.95z'/%3E%3Crect width='39.262' height='39.527' x='61.598' y='8.25' fill='#{$color3}' rx='2.468' transform='rotate(-45 81.229 28.013)'/%3E%3Cpath fill='#{$color2}' d='M67.24 22.962c0-1.574 1.246-2.008 2.216-2.008a7.073 7.073 0 012.854.617l.256-2.38c-1.02-.35-2.148-.519-3.355-.519-2.47 0-4.904 1.178-4.904 4.415 0 4.771 6.143 3.627 6.143 6.386 0 1.302-1.423 1.862-2.49 1.862-1.104 0-2.208-.352-3.17-.892l-.258 2.615c1.383.34 2.063.55 3.592.55 2.832 0 5.27-1.198 5.27-4.366 0-4.833-6.155-3.78-6.155-6.281m11.745-.5c3.15 0 4.46 1.343 4.46 4.49v1.372c0 1.061.017 1.875.04 2.66.019.804.056 1.554.116 2.383h-2.379c-.094-.561-.094-1.267-.113-1.593h-.04c-.622 1.185-1.966 1.836-3.193 1.836-1.826 0-3.617-1.143-3.617-3.166 0-1.592.738-2.516 1.77-3.042 1.024-.515 2.354-.618 3.479-.618h1.488c0-1.715-.75-2.293-2.334-2.293-1.148 0-2.3.454-3.197 1.158l-.075-2.381c1.039-.5 2.448-.806 3.595-.806zm2.012 5.976h-1.283c-1.201.014-2.887.266-2.887 1.846 0 .912.742 1.303 1.71 1.303.826 0 1.47-.376 1.895-.949.439-.608.565-1.368.565-2.2zm9.895-5.725h-2.35v-1.324c0-.823.283-1.638 1.189-1.638.58 0 .93.23 1.16.378l.224-2.303a9.252 9.252 0 00-1.963-.223c-2.136 0-3.3 1.487-3.3 3.618v1.492h-1.998v2.02h1.997v8.634h2.691v-8.635h2.35v-2.019zm4.931-.252c3.836 0 4.922 2.71 4.922 6.429h-7.16c.126 1.719 1.29 2.696 2.962 2.696 1.303 0 2.428-.504 3.435-1.084v2.258c-.986.56-2.116.85-3.562.85-3.41 0-5.407-2.022-5.407-5.526 0-3.08 1.6-5.622 4.81-5.622zm.164 2.03c-1.515 0-2.276 1.075-2.403 2.497h4.584c-.075-1.339-.68-2.497-2.18-2.497z'/%3E%3Cpath fill='#{$color1}' d='M71.812 39.287h-.009l-.734-2.325h-.619l.985 2.963h.707l.967-2.963h-.574zm2.175.638h.58v-2.963h-.581zm3.108-.414c-.613 0-.979-.457-.979-1.059 0-.605.375-1.07.965-1.07.204 0 .405.03.623.152l.034-.5a1.783 1.783 0 00-.643-.114c-.979 0-1.58.562-1.58 1.579 0 .996.648 1.482 1.58 1.482.213 0 .444-.052.651-.097l-.028-.503c-.133.08-.397.13-.622.13m1.279-2.082h.822v2.496h.581v-2.497h.815v-.466h-2.218zm9.514 2.496h.58v-2.963h-.58zm-5.246-3.006c.898 0 1.413.622 1.413 1.52 0 .894-.504 1.542-1.413 1.542-.918 0-1.417-.642-1.417-1.543 0-.908.507-1.518 1.417-1.518v-.001zm0 .464c-.574 0-.805.532-.805 1.055 0 .53.217 1.073.805 1.073.584 0 .807-.542.807-1.073 0-.523-.237-1.055-.807-1.055zm3.019-.436c.58.004 1.218.06 1.218.813 0 .35-.215.642-.547.693 0 .019.21.144.268.282l.42 1.12h-.65l-.335-.905c-.088-.223-.165-.292-.4-.292h-.134v1.197h-.665v-2.909h.825zm.045.512h-.205v.684h.205c.258 0 .538-.013.538-.348 0-.357-.327-.336-.602-.336h.064zm5.369-.513l1.137 2.909h-.641l-.252-.685h-1.167l-.242.685h-.596l1.113-2.909h.648zm-.333.684h-.003l-.413 1.198h.836l-.42-1.198z'/%3E%3C/g%3E%3C/svg%3E");
|
|
97
97
|
}
|
|
98
98
|
|
|
99
99
|
@function youtube-ws-footer() {
|
|
@@ -103,12 +103,12 @@
|
|
|
103
103
|
|
|
104
104
|
@function youtube-ww-footer($color: #356041) {
|
|
105
105
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
106
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='16'%3E%3Cpath fill='
|
|
106
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='16'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M11.5 0C23 0 23 0 23 8s0 8-11.5 8S0 16 0 8s0-8 11.5-8zM8.625 12.237L15.813 8 8.625 3.763z'/%3E%3C/svg%3E");
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
@function chev-down-16($color: #FFFFFF) {
|
|
110
110
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
111
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='
|
|
111
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M2.452 5.939l5.187 6.23a.49.49 0 00.363.164.49.49 0 00.363-.164l5.184-6.23a.511.511 0 00-.05-.707l-.874-.778a.467.467 0 00-.679.056L8.091 9.233a.115.115 0 01-.09.043.115.115 0 01-.09-.043L4.056 4.509a.473.473 0 00-.328-.173.455.455 0 00-.35.12l-.874.776a.507.507 0 00-.05.706z'/%3E%3C/svg%3E");
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
@function chev-left-24px() {
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
|
|
119
119
|
@function chev-right-16px($color: #FFFFFF) {
|
|
120
120
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
121
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='
|
|
121
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M5.939 13.548l6.23-5.187a.49.49 0 00.164-.363.49.49 0 00-.164-.363L5.94 2.45a.511.511 0 00-.707.05l-.778.874a.467.467 0 00.056.679l4.723 3.855a.115.115 0 01.043.09.115.115 0 01-.043.09l-4.724 3.856a.473.473 0 00-.173.328.455.455 0 00.12.35l.776.874a.507.507 0 00.706.05z'/%3E%3C/svg%3E");
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
@function chev-right-24px() {
|
|
@@ -128,27 +128,27 @@
|
|
|
128
128
|
|
|
129
129
|
@function close-32px($color: #FFFFFF) {
|
|
130
130
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
131
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='
|
|
131
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='#{$color}' fill-rule='nonzero' d='M25.333 8.547l-1.88-1.88L16 14.12 8.547 6.667l-1.88 1.88L14.12 16l-7.453 7.453 1.88 1.88L16 17.88l7.453 7.453 1.88-1.88L17.88 16z'/%3E%3C/svg%3E");
|
|
132
132
|
}
|
|
133
133
|
|
|
134
134
|
@function menu-32px($color: #FFFFFE) {
|
|
135
135
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
136
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h32v32H0z'/%3E%3Cpath fill='
|
|
136
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h32v32H0z'/%3E%3Cpath fill='#{$color}' fill-rule='nonzero' d='M4 24h24v-2.667H4V24zm0-6.667h24v-2.666H4v2.666zM4 8v2.667h24V8H4z'/%3E%3C/g%3E%3C/svg%3E");
|
|
137
137
|
}
|
|
138
138
|
|
|
139
139
|
@function search-32px($color: #FFFFFF) {
|
|
140
140
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
141
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='
|
|
141
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='#{$color}' fill-rule='nonzero' d='M20.667 18.667h-1.054l-.373-.36a8.628 8.628 0 002.093-5.64A8.666 8.666 0 0012.667 4 8.666 8.666 0 004 12.667a8.666 8.666 0 008.667 8.666c2.146 0 4.12-.786 5.64-2.093l.36.373v1.054l6.666 6.653 1.987-1.987-6.653-6.666zm-8 0c-3.32 0-6-2.68-6-6s2.68-6 6-6 6 2.68 6 6-2.68 6-6 6z'/%3E%3C/svg%3E");
|
|
142
142
|
}
|
|
143
143
|
|
|
144
144
|
@function bookmark-white($color: #FFF) {
|
|
145
145
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
146
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='14' viewBox='0 0 10 14'%3E%3Cpath fill='
|
|
146
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='14' viewBox='0 0 10 14'%3E%3Cpath fill='#{$color}' d='M8.31 13.386l-2.62-2.5a1 1 0 00-1.38 0l-2.62 2.5A1 1 0 010 12.663V0h10v12.663a1 1 0 01-1.69.723z'/%3E%3C/svg%3E");
|
|
147
147
|
}
|
|
148
148
|
|
|
149
149
|
@function bookmark-ww-footer($color: #356041) {
|
|
150
150
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
151
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='14' viewBox='0 0 10 14'%3E%3Cpath fill='
|
|
151
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='14' viewBox='0 0 10 14'%3E%3Cpath fill='#{$color}' d='M8.31 13.386l-2.62-2.5a1 1 0 00-1.38 0l-2.62 2.5A1 1 0 010 12.663V0h10v12.663a1 1 0 01-1.69.723z'/%3E%3C/svg%3E");
|
|
152
152
|
}
|
|
153
153
|
|
|
154
154
|
@function bookmark() {
|
|
@@ -158,28 +158,28 @@
|
|
|
158
158
|
|
|
159
159
|
@function email-white($color: #FFF) {
|
|
160
160
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
161
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12'%3E%3Cpath fill='
|
|
161
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12'%3E%3Cpath fill='#{$color}' d='M14.4 0H1.6C.72 0 .008.63.008 1.4L0 9.8c0 .77.72 1.4 1.6 1.4h12.8c.88 0 1.6-.63 1.6-1.4V1.4c0-.77-.72-1.4-1.6-1.4zm-.32 3.4L8.424 6.178c-.256.16-.848 0-.848 0L1.92 3.4a.68.68 0 11.72-1.152L8 4.842l5.36-2.594a.68.68 0 11.72 1.152z'/%3E%3C/svg%3E");
|
|
162
162
|
}
|
|
163
163
|
|
|
164
164
|
@function facebook-white($color: #FFF) {
|
|
165
165
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
166
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='20' viewBox='0 0 10 20'%3E%3Cpath fill='
|
|
166
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='20' viewBox='0 0 10 20'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M2.5 20h3.75v-9.17h3.496L10 7.5H6.25V5c0-.977.186-1.67 1.455-1.67h2.158L10 .186S8.916 0 7.5 0c-3.516 0-5 2.227-5 4.58V7.5H0v3.33h2.5V20z'/%3E%3C/svg%3E");
|
|
167
167
|
}
|
|
168
168
|
|
|
169
169
|
@function facebook-ws-footer($color: #2E4FA9) {
|
|
170
170
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
171
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24'%3E%3Cpath fill='
|
|
171
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M3 24h4.5V12.996h4.195L12 9H7.5V6c0-1.172.223-2.004 1.746-2.004h2.59L12 .223S10.7 0 9 0C4.781 0 3 2.672 3 5.496V9H0v3.996h3V24z'/%3E%3Cpath d='M3.024 18.492v-5.509H.007v-3.96h3.017V7.019c0-2.175.007-2.325.152-2.937C3.727 1.75 5.496.319 8.155.053c.376-.038 1.53-.037 2.112.001.696.047 1.637.149 1.692.185.018.01 0 .614-.05 1.727-.041.941-.076 1.78-.076 1.864l-.001.154-1.542.009c-1.49.009-1.55.011-1.753.068-.416.116-.67.317-.838.66-.186.38-.185.362-.196 2.437l-.01 1.866H11.993l-.012.06c-.007.034-.076.924-.155 1.98l-.144 1.92H7.495V24H3.024z'/%3E%3C/svg%3E");
|
|
172
172
|
}
|
|
173
173
|
|
|
174
174
|
@function facebook-ww-footer($color1: #2E4FA9, $color2: #356041) {
|
|
175
175
|
$color1: str-replace(inspect($color1), '#', '%23'); //fix and replace hexcolor
|
|
176
176
|
$color2: str-replace(inspect($color2), '#', '%23'); //fix and replace hexcolor
|
|
177
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24'%3E%3Cpath fill='
|
|
177
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24'%3E%3Cpath fill='#{$color1}' fill-rule='evenodd' d='M3 24h4.5V12.996h4.195L12 9H7.5V6c0-1.172.223-2.004 1.746-2.004h2.59L12 .223S10.7 0 9 0C4.781 0 3 2.672 3 5.496V9H0v3.996h3V24z'/%3E%3Cpath fill='#{$color2}' d='M3.024 18.492v-5.509H.007v-3.96h3.017V7.019c0-2.175.007-2.325.152-2.937C3.727 1.75 5.496.319 8.155.053c.376-.038 1.53-.037 2.112.001.696.047 1.637.149 1.692.185.018.01 0 .614-.05 1.727-.041.941-.076 1.78-.076 1.864l-.001.154-1.542.009c-1.49.009-1.55.011-1.753.068-.416.116-.67.317-.838.66-.186.38-.185.362-.196 2.437l-.01 1.866H11.993l-.012.06c-.007.034-.076.924-.155 1.98l-.144 1.92H7.495V24H3.024z'/%3E%3C/svg%3E");
|
|
178
178
|
}
|
|
179
179
|
|
|
180
180
|
@function facebook($color: #2E4FA9) {
|
|
181
181
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
182
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24'%3E%3Cpath fill='
|
|
182
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M3 24h4.5V12.996h4.195L12 9H7.5V6c0-1.172.223-2.004 1.746-2.004h2.59L12 .223S10.7 0 9 0C4.781 0 3 2.672 3 5.496V9H0v3.996h3V24z'/%3E%3C/svg%3E");
|
|
183
183
|
}
|
|
184
184
|
|
|
185
185
|
@function print() {
|
|
@@ -189,23 +189,23 @@
|
|
|
189
189
|
|
|
190
190
|
@function twitter-white($color: #FFF) {
|
|
191
191
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
192
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='15' viewBox='0 0 19 15'%3E%3Cpath fill='
|
|
192
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='15' viewBox='0 0 19 15'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M18.4 2.174a7.366 7.366 0 01-2.127.572 3.577 3.577 0 001.626-1.99 7.544 7.544 0 01-2.33.871A3.874 3.874 0 0012.855.5c-2.039 0-3.683 1.597-3.683 3.578 0 .282.018.572.08.829-3.059-.163-5.766-1.512-7.603-3.681-.308.53-.5 1.076-.5 1.742 0 1.23.65 2.323 1.651 2.972a3.784 3.784 0 01-1.67-.444v.043c0 1.742 1.275 3.194 2.962 3.518a3.718 3.718 0 01-1.67.06c.458 1.417 1.837 2.476 3.437 2.494-1.248.973-2.856 1.699-4.58 1.699a5.95 5.95 0 01-.878-.06c1.626 1.016 3.586 1.46 5.669 1.46 6.785 0 10.494-5.465 10.494-10.205v-.47a7.364 7.364 0 001.836-1.86z'/%3E%3C/svg%3E");
|
|
193
193
|
}
|
|
194
194
|
|
|
195
195
|
@function twitter-ws-footer($color: #22A0FF) {
|
|
196
196
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
197
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='19'%3E%3Cpath fill='
|
|
197
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='19'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M24 2.238a9.8 9.8 0 01-2.836.765 4.78 4.78 0 002.168-2.66c-.937.548-2.004.947-3.105 1.164A5.159 5.159 0 0016.605 0c-2.718 0-4.91 2.135-4.91 4.784 0 .377.024.765.106 1.108C7.723 5.675 4.113 3.87 1.664.97c-.41.708-.668 1.439-.668 2.33 0 1.644.867 3.106 2.203 3.973A5.035 5.035 0 01.973 6.68v.057c0 2.33 1.699 4.27 3.949 4.704a5.045 5.045 0 01-1.313.171c-.304 0-.609-.034-.914-.091.61 1.895 2.45 3.311 4.582 3.334-1.664 1.302-3.808 2.272-6.105 2.272A7.85 7.85 0 010 17.047C2.168 18.407 4.781 19 7.559 19c9.046 0 13.992-7.308 13.992-13.645v-.628A9.833 9.833 0 0024 2.238z'/%3E%3Cpath d='M6.598 18.966c-2.06-.107-3.946-.57-5.561-1.363-.537-.264-1.025-.547-.909-.528.233.04.826.065 1.25.053a7.14 7.14 0 001.234-.119c1.497-.249 3.118-.972 4.493-2.006.103-.077.18-.147.173-.155a.711.711 0 00-.188-.015c-.34 0-.873-.102-1.324-.25a5.765 5.765 0 01-.547-.231 4.836 4.836 0 01-2.424-2.59 5.569 5.569 0 01-.083-.217c0-.004.09.007.2.026.298.05 1.18.047 1.474-.005.336-.058.539-.107.526-.128a.503.503 0 00-.154-.045 5.444 5.444 0 01-1.053-.375 4.706 4.706 0 01-1.297-.92C1.54 9.24 1.066 8.188.99 6.952l-.015-.257.236.113a5.14 5.14 0 001.833.468c.212.016.22.031-.117-.215a5.51 5.51 0 01-.462-.4 4.46 4.46 0 01-.983-1.344C.854 4.03.85 2.648 1.47 1.375c.204-.42.184-.404.317-.246.204.245.658.715.967 1.002 2.4 2.228 5.433 3.518 8.835 3.759l.225.016-.016-.078c-.092-.443-.11-1.234-.038-1.718a4.71 4.71 0 011.8-3.061c1.519-1.175 3.585-1.363 5.324-.485.477.24.764.437 1.176.803l.173.154.334-.077a9.825 9.825 0 002.357-.866c.204-.105.37-.181.37-.17 0 .044-.148.388-.267.621-.387.758-1 1.425-1.715 1.87-.158.097-.165.105-.098.105.126 0 .865-.132 1.21-.217a11.553 11.553 0 001.325-.43c.105-.045.195-.078.199-.075.013.013-.45.616-.648.844-.432.498-1.05 1.07-1.561 1.447l-.2.147v.515c0 2.22-.52 4.336-1.56 6.354-1.47 2.85-3.842 5.07-6.714 6.284-1.46.617-2.992.97-4.713 1.085-.312.021-1.6.026-1.953.008z'/%3E%3C/svg%3E");
|
|
198
198
|
}
|
|
199
199
|
|
|
200
200
|
@function twitter-ww-footer($color1: #22A0FF, $color2: #356041) {
|
|
201
201
|
$color1: str-replace(inspect($color1), '#', '%23'); //fix and replace hexcolor
|
|
202
202
|
$color2: str-replace(inspect($color2), '#', '%23'); //fix and replace hexcolor
|
|
203
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='19'%3E%3Cpath fill='
|
|
203
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='19'%3E%3Cpath fill='#{$color1}' fill-rule='evenodd' d='M24 2.238a9.8 9.8 0 01-2.836.765 4.78 4.78 0 002.168-2.66c-.937.548-2.004.947-3.105 1.164A5.159 5.159 0 0016.605 0c-2.718 0-4.91 2.135-4.91 4.784 0 .377.024.765.106 1.108C7.723 5.675 4.113 3.87 1.664.97c-.41.708-.668 1.439-.668 2.33 0 1.644.867 3.106 2.203 3.973A5.035 5.035 0 01.973 6.68v.057c0 2.33 1.699 4.27 3.949 4.704a5.045 5.045 0 01-1.313.171c-.304 0-.609-.034-.914-.091.61 1.895 2.45 3.311 4.582 3.334-1.664 1.302-3.808 2.272-6.105 2.272A7.85 7.85 0 010 17.047C2.168 18.407 4.781 19 7.559 19c9.046 0 13.992-7.308 13.992-13.645v-.628A9.833 9.833 0 0024 2.238z'/%3E%3Cpath fill='#{$color2}' d='M6.598 18.966c-2.06-.107-3.946-.57-5.561-1.363-.537-.264-1.025-.547-.909-.528.233.04.826.065 1.25.053a7.14 7.14 0 001.234-.119c1.497-.249 3.118-.972 4.493-2.006.103-.077.18-.147.173-.155a.711.711 0 00-.188-.015c-.34 0-.873-.102-1.324-.25a5.765 5.765 0 01-.547-.231 4.836 4.836 0 01-2.424-2.59 5.569 5.569 0 01-.083-.217c0-.004.09.007.2.026.298.05 1.18.047 1.474-.005.336-.058.539-.107.526-.128a.503.503 0 00-.154-.045 5.444 5.444 0 01-1.053-.375 4.706 4.706 0 01-1.297-.92C1.54 9.24 1.066 8.188.99 6.952l-.015-.257.236.113a5.14 5.14 0 001.833.468c.212.016.22.031-.117-.215a5.51 5.51 0 01-.462-.4 4.46 4.46 0 01-.983-1.344C.854 4.03.85 2.648 1.47 1.375c.204-.42.184-.404.317-.246.204.245.658.715.967 1.002 2.4 2.228 5.433 3.518 8.835 3.759l.225.016-.016-.078c-.092-.443-.11-1.234-.038-1.718a4.71 4.71 0 011.8-3.061c1.519-1.175 3.585-1.363 5.324-.485.477.24.764.437 1.176.803l.173.154.334-.077a9.825 9.825 0 002.357-.866c.204-.105.37-.181.37-.17 0 .044-.148.388-.267.621-.387.758-1 1.425-1.715 1.87-.158.097-.165.105-.098.105.126 0 .865-.132 1.21-.217a11.553 11.553 0 001.325-.43c.105-.045.195-.078.199-.075.013.013-.45.616-.648.844-.432.498-1.05 1.07-1.561 1.447l-.2.147v.515c0 2.22-.52 4.336-1.56 6.354-1.47 2.85-3.842 5.07-6.714 6.284-1.46.617-2.992.97-4.713 1.085-.312.021-1.6.026-1.953.008z'/%3E%3C/svg%3E");
|
|
204
204
|
}
|
|
205
205
|
|
|
206
206
|
@function twitter($color: #22A0FF) {
|
|
207
207
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
208
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='19'%3E%3Cpath fill='
|
|
208
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='19'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M24 2.238a9.8 9.8 0 01-2.836.765 4.78 4.78 0 002.168-2.66c-.937.548-2.004.947-3.105 1.164A5.159 5.159 0 0016.605 0c-2.718 0-4.91 2.135-4.91 4.784 0 .377.024.765.106 1.108C7.723 5.675 4.113 3.87 1.664.97c-.41.708-.668 1.439-.668 2.33 0 1.644.867 3.106 2.203 3.973A5.035 5.035 0 01.973 6.68v.057c0 2.33 1.699 4.27 3.949 4.704a5.045 5.045 0 01-1.313.171c-.304 0-.609-.034-.914-.091.61 1.895 2.45 3.311 4.582 3.334-1.664 1.302-3.808 2.272-6.105 2.272A7.85 7.85 0 010 17.047C2.168 18.407 4.781 19 7.559 19c9.046 0 13.992-7.308 13.992-13.645v-.628A9.833 9.833 0 0024 2.238z'/%3E%3C/svg%3E");
|
|
209
209
|
}
|
|
210
210
|
|
|
211
211
|
@function alert-dismiss() {
|
|
@@ -220,17 +220,17 @@
|
|
|
220
220
|
|
|
221
221
|
@function chevron-right($color: #191919) {
|
|
222
222
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
223
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='16' fill='none' viewBox='0 0 11 16'%3E%3Cpath fill='
|
|
223
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='16' fill='none' viewBox='0 0 11 16'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M2.128 15.832L10.39 8.51a.713.713 0 000-1.026L2.128.166a.651.651 0 00-.936.071L.16 1.47a.688.688 0 00.074.959l6.262 5.443a.167.167 0 010 .252L.233 13.57a.682.682 0 00-.229.464.67.67 0 00.158.494l1.03 1.234a.646.646 0 00.937.071z' clip-rule='evenodd'/%3E%3C/svg%3E");
|
|
224
224
|
}
|
|
225
225
|
|
|
226
226
|
@function dismiss($color: #191919) {
|
|
227
227
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
228
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18' fill='none' viewBox='0 0 16 18'%3E%3Cpath fill='
|
|
228
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18' fill='none' viewBox='0 0 16 18'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M.168 2.447l7.322 8.261a.712.712 0 001.026 0l7.318-8.261a.65.65 0 00-.071-.937L14.53.48a.688.688 0 00-.959.073L8.128 6.814a.167.167 0 01-.252 0L2.43.552a.682.682 0 00-.464-.23.67.67 0 00-.494.158L.239 1.51a.645.645 0 00-.071.937z' clip-rule='evenodd'/%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M15.832 15.464L8.51 7.203a.713.713 0 00-1.026 0l-7.318 8.26a.651.651 0 00.071.938l1.233 1.03c.287.24.713.208.959-.073l5.443-6.262a.167.167 0 01.252 0l5.445 6.263a.682.682 0 00.464.23.67.67 0 00.494-.158l1.234-1.03a.646.646 0 00.071-.937z' clip-rule='evenodd'/%3E%3C/svg%3E");
|
|
229
229
|
}
|
|
230
230
|
|
|
231
231
|
@function exclamation-triangle-fill($color: #191919) {
|
|
232
232
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
233
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' fill='none' viewBox='0 0 34 34'%3E%3Cmask id='a' width='35' height='34' x='0' y='0' maskUnits='userSpaceOnUse'%3E%3Cpath fill='
|
|
233
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' fill='none' viewBox='0 0 34 34'%3E%3Cmask id='a' width='35' height='34' x='0' y='0' maskUnits='userSpaceOnUse'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M19.087 3.328a2.4 2.4 0 00-4.165 0L.35 28.12c-.972 1.653.193 3.755 2.082 3.755h29.14c1.89 0 3.056-2.104 2.083-3.755L19.086 3.328zM17 10.625a1.92 1.92 0 00-1.912 2.114l.743 7.453a1.173 1.173 0 002.338 0l.744-7.453A1.924 1.924 0 0017 10.625zm.004 12.75a2.125 2.125 0 100 4.25 2.125 2.125 0 000-4.25z' clip-rule='evenodd'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='white' d='M-2.267 1.133H34v31.733H-2.267z'/%3E%3C/g%3E%3C/svg%3E");
|
|
234
234
|
}
|
|
235
235
|
|
|
236
236
|
@function info-circle-fill() {
|
|
@@ -240,12 +240,12 @@
|
|
|
240
240
|
|
|
241
241
|
@function information($color: #191919) {
|
|
242
242
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
243
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3E%3Cmask id='a' width='36' height='36' x='0' y='0' maskUnits='userSpaceOnUse'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill='
|
|
243
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3E%3Cmask id='a' width='36' height='36' x='0' y='0' maskUnits='userSpaceOnUse'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M18 36a18 18 0 100-36 18 18 0 000 36zm2.093-21.177l-5.153.646-.184.855 1.012.186c.662.158.792.396.648 1.056l-1.66 7.803c-.437 2.018.236 2.968 1.817 2.968 1.227 0 2.651-.567 3.297-1.346l.198-.936c-.45.396-1.107.553-1.544.553-.619 0-.844-.434-.684-1.199l2.253-10.586zM18 12.375a2.25 2.25 0 100-4.5 2.25 2.25 0 000 4.5z' clip-rule='evenodd'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='white' d='M-3-3h42v42H-3z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='white' d='M0 0h36v36H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
|
|
244
244
|
}
|
|
245
245
|
|
|
246
246
|
@function warning($color: #191919) {
|
|
247
247
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
248
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' fill='none' viewBox='0 0 34 34'%3E%3Cmask id='a' width='35' height='34' x='0' y='0' maskUnits='userSpaceOnUse'%3E%3Cpath fill='
|
|
248
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' fill='none' viewBox='0 0 34 34'%3E%3Cmask id='a' width='35' height='34' x='0' y='0' maskUnits='userSpaceOnUse'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M19.087 3.328a2.401 2.401 0 00-4.165 0L.35 28.12c-.97 1.653.194 3.755 2.083 3.755h29.14c1.89 0 3.056-2.104 2.083-3.755L19.086 3.328zM17 10.625a1.925 1.925 0 00-1.913 2.114l.744 7.453a1.173 1.173 0 002.338 0l.743-7.453A1.924 1.924 0 0017 10.625zm.004 12.75a2.125 2.125 0 100 4.25 2.125 2.125 0 000-4.25z' clip-rule='evenodd'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='white' d='M-2.267 1.133H34v31.733H-2.267z'/%3E%3C/g%3E%3C/svg%3E");
|
|
249
249
|
}
|
|
250
250
|
|
|
251
251
|
@function arrow-left() {
|
|
@@ -270,7 +270,7 @@
|
|
|
270
270
|
|
|
271
271
|
@function bullet-empty($color: #191919) {
|
|
272
272
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
273
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='
|
|
273
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='#{$color}' d='M.5 6c0-1.533.532-2.822 1.605-3.895S4.467.5 6 .5s2.822.532 3.895 1.605S11.5 4.467 11.5 6s-.532 2.822-1.605 3.895S7.533 11.5 6 11.5s-2.822-.532-3.895-1.605S.5 7.533.5 6z'/%3E%3C/svg%3E");
|
|
274
274
|
}
|
|
275
275
|
|
|
276
276
|
@function bullet() {
|
|
@@ -295,22 +295,22 @@
|
|
|
295
295
|
|
|
296
296
|
@function chev-left($color: #191919) {
|
|
297
297
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
298
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' fill='none' viewBox='0 0 16 24'%3E%3Cpath fill='
|
|
298
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' fill='none' viewBox='0 0 16 24'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M12.718.252L.326 11.235a1.069 1.069 0 000 1.538l12.392 10.978a.977.977 0 001.405-.107l1.547-1.85c.36-.429.31-1.069-.11-1.437l-9.393-8.164a.25.25 0 010-.38l9.394-8.167c.201-.177.325-.427.344-.696a1.004 1.004 0 00-.237-.74L14.123.359a.968.968 0 00-1.405-.107z' clip-rule='evenodd'/%3E%3C/svg%3E");
|
|
299
299
|
}
|
|
300
300
|
|
|
301
301
|
@function chev-right($color: #191919) {
|
|
302
302
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
303
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' fill='none' viewBox='0 0 16 24'%3E%3Cpath fill='
|
|
303
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' fill='none' viewBox='0 0 16 24'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M3.193 23.748l12.392-10.983a1.069 1.069 0 000-1.538L3.193.249a.977.977 0 00-1.405.107L.24 2.206c-.36.429-.31 1.069.11 1.437l9.393 8.164a.25.25 0 010 .38L.35 20.354a1.023 1.023 0 00-.344.695c-.024.27.061.537.237.741l1.545 1.851a.968.968 0 001.405.107z' clip-rule='evenodd'/%3E%3C/svg%3E");
|
|
304
304
|
}
|
|
305
305
|
|
|
306
306
|
@function chev-up($color: #191919) {
|
|
307
307
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
308
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16' fill='none' viewBox='0 0 24 16'%3E%3Cpath fill='
|
|
308
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16' fill='none' viewBox='0 0 24 16'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M23.748 12.718L12.765.326a1.069 1.069 0 00-1.538 0L.249 12.718a.977.977 0 00.107 1.405l1.85 1.547c.429.36 1.069.31 1.437-.11l8.164-9.393a.25.25 0 01.38 0l8.167 9.394c.177.201.427.325.695.344.27.024.537-.062.741-.237l1.851-1.545a.968.968 0 00.107-1.405z' clip-rule='evenodd'/%3E%3C/svg%3E");
|
|
309
309
|
}
|
|
310
310
|
|
|
311
311
|
@function clock($color: #191919) {
|
|
312
312
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
313
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='
|
|
313
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M20 10a10 10 0 11-20 0 10 10 0 0120 0zM10 4.375a.625.625 0 00-1.25 0v6.875a.625.625 0 00.315.543l4.375 2.5a.625.625 0 00.62-1.085L10 10.887V4.374z' clip-rule='evenodd'/%3E%3C/svg%3E");
|
|
314
314
|
}
|
|
315
315
|
|
|
316
316
|
@function close() {
|
|
@@ -325,12 +325,12 @@
|
|
|
325
325
|
|
|
326
326
|
@function external-link-16px($color: #FFFFFF) {
|
|
327
327
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
328
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-2-2h16v16H-2z'/%3E%3Cpath fill='
|
|
328
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M-2-2h16v16H-2z'/%3E%3Cpath fill='#{$color}' fill-rule='nonzero' d='M10.667 10.667H1.333V1.333H6V0H1.333C.593 0 0 .6 0 1.333v9.334C0 11.4.593 12 1.333 12h9.334C11.4 12 12 11.4 12 10.667V6h-1.333v4.667zM7.333 0v1.333h2.394L3.173 7.887l.94.94 6.554-6.554v2.394H12V0H7.333z'/%3E%3C/g%3E%3C/svg%3E");
|
|
329
329
|
}
|
|
330
330
|
|
|
331
331
|
@function external-link($color: #191919) {
|
|
332
332
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
333
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='
|
|
333
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M2.25 19.5a2.25 2.25 0 002.25 2.25h12a2.25 2.25 0 002.25-2.25v-6a.75.75 0 10-1.5 0v6a.75.75 0 01-.75.75h-12a.75.75 0 01-.75-.75v-12a.75.75 0 01.75-.75h6a.75.75 0 100-1.5h-6A2.25 2.25 0 002.25 7.5v12zM12.75 3a.75.75 0 01.75-.75H21a.75.75 0 01.75.75v7.5a.75.75 0 11-1.5 0V3.75H13.5a.75.75 0 01-.75-.75z' clip-rule='evenodd'/%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M21.531 2.469a.75.75 0 010 1.062l-12 12a.75.75 0 11-1.062-1.062l12-12a.75.75 0 011.062 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
|
|
334
334
|
}
|
|
335
335
|
|
|
336
336
|
@function icon-close() {
|
|
@@ -345,22 +345,22 @@
|
|
|
345
345
|
|
|
346
346
|
@function key($color: #191919) {
|
|
347
347
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
348
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='81' fill='none' viewBox='0 0 80 81'%3E%3Cpath fill='
|
|
348
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='81' fill='none' viewBox='0 0 80 81'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M68.334 0h10C79.254 0 80 .746 80 1.667v10c.001.442-.174.867-.487 1.18l-4.31 4.31 1.687 6.03a3.333 3.333 0 01-4.593 3.933l-4.853-2.207-2.42 2.42 1.203 8.054a3.333 3.333 0 01-4.334 3.666l-6.443-2.146-7.707 7.71c5.024 11.002 1.452 24.022-8.483 30.92-9.935 6.898-23.383 5.694-31.935-2.858-8.553-8.552-9.756-22-2.858-31.936 6.897-9.935 19.918-13.507 30.92-8.483L67.153.49c.313-.314.738-.49 1.18-.49zm-50 66.667a5 5 0 100-10 5 5 0 000 10z' clip-rule='evenodd'/%3E%3C/svg%3E");
|
|
349
349
|
}
|
|
350
350
|
|
|
351
351
|
@function location($color: #191919) {
|
|
352
352
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
353
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill='
|
|
353
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M10 20s7.5-7.107 7.5-12.5a7.5 7.5 0 00-15 0C2.5 12.893 10 20 10 20zm0-8.75a3.75 3.75 0 100-7.5 3.75 3.75 0 000 7.5z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='white' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
|
|
354
354
|
}
|
|
355
355
|
|
|
356
356
|
@function refresh($color: #191919) {
|
|
357
357
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
358
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='
|
|
358
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='#{$color}' d='M10.663 20.073a1.25 1.25 0 10-.507 2.447A10.739 10.739 0 102.4 16.1a.25.25 0 01-.084.3l-1 .726a1 1 0 00.377 1.787l3.946.85a1 1 0 001.188-.768l.945-4.4a1 1 0 00-1.565-1.02l-1.36.988a.25.25 0 01-.387-.128 8.255 8.255 0 116.205 5.643v-.005z'/%3E%3C/svg%3E");
|
|
359
359
|
}
|
|
360
360
|
|
|
361
361
|
@function search($color: #191919) {
|
|
362
362
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
363
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='
|
|
363
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='#{$color}' fill-rule='evenodd' d='M1 7.77a6.77 6.77 0 1013.54 0A6.77 6.77 0 001 7.77zm11.567 2.77A5.539 5.539 0 112.973 5a5.539 5.539 0 019.594 5.54z' clip-rule='evenodd'/%3E%3Cpath fill='#{$color}' d='M12.567 10.54l-.434-.25.434.25zm0-5.54L13 4.75l-.433.25zM7.77 14.04A6.27 6.27 0 011.5 7.77h-1a7.27 7.27 0 007.27 7.27v-1zm6.27-6.27a6.27 6.27 0 01-6.27 6.27v1a7.27 7.27 0 007.27-7.27h-1zM7.77 1.5a6.27 6.27 0 016.27 6.27h1A7.27 7.27 0 007.77.5v1zM1.5 7.77A6.27 6.27 0 017.77 1.5v-1A7.27 7.27 0 00.5 7.77h1zm6.27 6.039a6.039 6.039 0 005.23-3.02l-.867-.5a5.039 5.039 0 01-4.363 2.52v1zM1.73 7.769a6.039 6.039 0 006.039 6.04v-1a5.039 5.039 0 01-5.039-5.04h-1zM7.77 1.732A6.039 6.039 0 001.73 7.77h1A5.039 5.039 0 017.77 2.73v-1zM13 4.75a6.039 6.039 0 00-5.23-3.02v1c1.8 0 3.463.96 4.364 2.52l.866-.5zm0 6.038a6.04 6.04 0 000-6.039l-.867.5c.9 1.56.9 3.48 0 5.04l.867.5z'/%3E%3Cpath fill='#{$color}' stroke='#{$color}' d='M11.834 12.971a.617.617 0 01.872-.872l4.122 4.121a.617.617 0 01-.873.873l-4.121-4.122z'/%3E%3C/svg%3E");
|
|
364
364
|
}
|
|
365
365
|
|
|
366
366
|
@function tick() {
|
|
@@ -370,5 +370,5 @@
|
|
|
370
370
|
|
|
371
371
|
@function video-play($color: #191919) {
|
|
372
372
|
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
373
|
-
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='16' fill='white'/%3E%3Cpath fill='
|
|
373
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='16' fill='white'/%3E%3Cpath fill='#{$color}' d='M22.5 15.134a1 1 0 010 1.732l-9 5.196a1 1 0 01-1.5-.866V10.804a1 1 0 011.5-.866l9 5.196z'/%3E%3C/svg%3E");
|
|
374
374
|
}
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
class="card-grid-item__card"
|
|
9
9
|
:class="cardClass"
|
|
10
10
|
:role="buttonRole"
|
|
11
|
+
:tabindex="['button', 'radio'].includes(buttonRole) ? 0 : undefined"
|
|
11
12
|
:aria-checked="
|
|
12
13
|
buttonRole === 'radio' ? (isSelectable && selected ? 'true' : 'false') : undefined
|
|
13
14
|
"
|
|
@@ -20,6 +21,7 @@
|
|
|
20
21
|
"
|
|
21
22
|
:data-href="link"
|
|
22
23
|
@click="cardClicked($event)"
|
|
24
|
+
@keydown.enter.space.prevent="cardClicked($event)"
|
|
23
25
|
@keydown.tab="handleFocus($event)"
|
|
24
26
|
>
|
|
25
27
|
<div
|
|
@@ -17,8 +17,6 @@
|
|
|
17
17
|
<input
|
|
18
18
|
id="frYes"
|
|
19
19
|
type="radio"
|
|
20
|
-
:aria-checked="isSet('Yes') ? 'true' : 'false'"
|
|
21
|
-
role="radio"
|
|
22
20
|
name="feedback-radio"
|
|
23
21
|
value="Yes"
|
|
24
22
|
@change="setResponse($event)"
|
|
@@ -27,8 +25,6 @@
|
|
|
27
25
|
<input
|
|
28
26
|
id="frNo"
|
|
29
27
|
type="radio"
|
|
30
|
-
:aria-checked="isSet('No') ? 'true' : 'false'"
|
|
31
|
-
role="radio"
|
|
32
28
|
name="feedback-radio"
|
|
33
29
|
value="No"
|
|
34
30
|
@change="setResponse($event)"
|
|
@@ -7,85 +7,74 @@
|
|
|
7
7
|
<div class="social-share__wrap">
|
|
8
8
|
<span class="social-share__header">Share</span>
|
|
9
9
|
<div class="social-share__button-wrapper">
|
|
10
|
-
<
|
|
10
|
+
<a
|
|
11
11
|
v-if="showEmail"
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
class="social-share__button"
|
|
12
|
+
:href="`mailto:?body=${url}`"
|
|
13
|
+
class="social-share__button social-share__anchor"
|
|
15
14
|
>
|
|
16
15
|
<div class="social-share__circle--black">
|
|
17
|
-
<
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
<
|
|
16
|
+
<span class="visually-hidden">Email</span>
|
|
17
|
+
<img
|
|
18
|
+
role="presentation"
|
|
19
|
+
class="social-share__img"
|
|
20
|
+
:src="emailIcon"
|
|
21
|
+
alt="social share email icon"
|
|
22
|
+
/>
|
|
23
|
+
</div>
|
|
24
|
+
</a>
|
|
25
|
+
|
|
26
|
+
<a
|
|
28
27
|
v-if="showFacebook"
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
/>
|
|
46
|
-
</a></div
|
|
47
|
-
></b-button>
|
|
48
|
-
<b-button
|
|
28
|
+
:href="`https://www.facebook.com/sharer.php?u=${url}`"
|
|
29
|
+
class="social-share__button social-share__anchor"
|
|
30
|
+
target="_blank"
|
|
31
|
+
>
|
|
32
|
+
<div class="social-share__circle--black">
|
|
33
|
+
<span class="visually-hidden">Facebook</span>
|
|
34
|
+
<img
|
|
35
|
+
role="presentation"
|
|
36
|
+
class="social-share__img"
|
|
37
|
+
:src="facebookIcon"
|
|
38
|
+
alt="social share facebook icon"
|
|
39
|
+
/>
|
|
40
|
+
</div>
|
|
41
|
+
</a>
|
|
42
|
+
|
|
43
|
+
<a
|
|
49
44
|
v-if="showTwitter"
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
:src="twitterIcon"
|
|
65
|
-
alt="social share twitter icon"
|
|
66
|
-
/>
|
|
67
|
-
</a></div
|
|
68
|
-
></b-button>
|
|
45
|
+
:href="`https://twitter.com/intent/tweet?url=${url}`"
|
|
46
|
+
class="social-share__button social-share__anchor"
|
|
47
|
+
target="_blank"
|
|
48
|
+
>
|
|
49
|
+
<div class="social-share__circle--black">
|
|
50
|
+
<span class="visually-hidden">Twitter</span>
|
|
51
|
+
<img
|
|
52
|
+
role="presentation"
|
|
53
|
+
class="social-share__img"
|
|
54
|
+
:src="twitterIcon"
|
|
55
|
+
alt="social share twitter icon"
|
|
56
|
+
/>
|
|
57
|
+
</div>
|
|
58
|
+
</a>
|
|
69
59
|
|
|
70
60
|
<hr v-if="showPdf" class="social-share__hr" />
|
|
71
61
|
|
|
72
|
-
<
|
|
62
|
+
<a
|
|
73
63
|
v-if="showPdf"
|
|
74
|
-
|
|
75
|
-
variant="link"
|
|
64
|
+
href="#"
|
|
76
65
|
class="social-share__button"
|
|
77
66
|
@click.prevent="savePdf()"
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
67
|
+
>
|
|
68
|
+
<div class="social-share__circle--white">
|
|
69
|
+
<span class="visually-hidden">PDF</span>
|
|
70
|
+
<img
|
|
71
|
+
role="presentation"
|
|
72
|
+
class="social-share__img-pdf"
|
|
73
|
+
:src="officeFilePdfIcon"
|
|
74
|
+
alt="social share pdf icon"
|
|
75
|
+
/>
|
|
76
|
+
</div>
|
|
77
|
+
</a>
|
|
89
78
|
</div>
|
|
90
79
|
</div>
|
|
91
80
|
</b-button-group>
|
package/src/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import Container from './components/Containers/Container/index.vue'
|
|
3
3
|
import Row from './components/Containers/Row/index.vue'
|
|
4
4
|
import Column from './components/Containers/Column/index.vue'
|
|
5
|
-
import HomepageHeader from './components/Containers/
|
|
5
|
+
import HomepageHeader from './components/Containers/HomepageHeaderNew/index.vue'
|
|
6
6
|
import Subheader from './components/Containers/Subheader/index.vue'
|
|
7
7
|
import SectionGroup from './components/Containers/SectionGroup/index.vue'
|
|
8
8
|
import CarouselComponent from './components/Containers/Carousel/index.vue'
|