@worksafevictoria/wcl7.5 1.0.0
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/.editorconfig +13 -0
- package/.env +4 -0
- package/.eslintrc.cjs +10 -0
- package/.eslintrc.js +25 -0
- package/.husky/commit-msg +4 -0
- package/.prettierrc +5 -0
- package/.prettierrc.json +8 -0
- package/.storybook/main.js +18 -0
- package/.storybook/preview.js +34 -0
- package/LICENSE +21 -0
- package/README.md +159 -0
- package/babel.config.js +8 -0
- package/bin/clean.sh +52 -0
- package/bin/deploy.sh +25 -0
- package/ci/build/Build_Validation.md +35 -0
- package/ci/build/build_validation.yml +47 -0
- package/ci/release/Release_Beta.md +39 -0
- package/ci/release/Release_Master.md +29 -0
- package/ci/release/beta.yml +69 -0
- package/ci/release/master.yml +39 -0
- package/commitlint.config.js +1 -0
- package/index.html +13 -0
- package/jest.config.js +21 -0
- package/lib/detect-browser.js +33 -0
- package/lib/utility.js +59 -0
- package/lib/utility.test.js +15 -0
- package/package.json +93 -0
- package/public/favicon.ico +0 -0
- package/src/assets/base.css +86 -0
- package/src/assets/fonts/VIC-Bold.eot +0 -0
- package/src/assets/fonts/VIC-Bold.ttf +0 -0
- package/src/assets/fonts/VIC-Bold.woff +0 -0
- package/src/assets/fonts/VIC-Bold.woff2 +0 -0
- package/src/assets/fonts/VIC-BoldItalic.eot +0 -0
- package/src/assets/fonts/VIC-BoldItalic.ttf +0 -0
- package/src/assets/fonts/VIC-BoldItalic.woff +0 -0
- package/src/assets/fonts/VIC-BoldItalic.woff2 +0 -0
- package/src/assets/fonts/VIC-ExtraLight.eot +0 -0
- package/src/assets/fonts/VIC-ExtraLight.ttf +0 -0
- package/src/assets/fonts/VIC-ExtraLight.woff +0 -0
- package/src/assets/fonts/VIC-ExtraLight.woff2 +0 -0
- package/src/assets/fonts/VIC-ExtraLightItalic.eot +0 -0
- package/src/assets/fonts/VIC-ExtraLightItalic.ttf +0 -0
- package/src/assets/fonts/VIC-ExtraLightItalic.woff +0 -0
- package/src/assets/fonts/VIC-ExtraLightItalic.woff2 +0 -0
- package/src/assets/fonts/VIC-Italic.eot +0 -0
- package/src/assets/fonts/VIC-Italic.ttf +0 -0
- package/src/assets/fonts/VIC-Italic.woff +0 -0
- package/src/assets/fonts/VIC-Italic.woff2 +0 -0
- package/src/assets/fonts/VIC-Light.eot +0 -0
- package/src/assets/fonts/VIC-Light.ttf +0 -0
- package/src/assets/fonts/VIC-Light.woff +0 -0
- package/src/assets/fonts/VIC-Light.woff2 +0 -0
- package/src/assets/fonts/VIC-LightItalic.eot +0 -0
- package/src/assets/fonts/VIC-LightItalic.ttf +0 -0
- package/src/assets/fonts/VIC-LightItalic.woff +0 -0
- package/src/assets/fonts/VIC-LightItalic.woff2 +0 -0
- package/src/assets/fonts/VIC-Medium.eot +0 -0
- package/src/assets/fonts/VIC-Medium.ttf +0 -0
- package/src/assets/fonts/VIC-Medium.woff +0 -0
- package/src/assets/fonts/VIC-Medium.woff2 +0 -0
- package/src/assets/fonts/VIC-MediumItalic.eot +0 -0
- package/src/assets/fonts/VIC-MediumItalic.ttf +0 -0
- package/src/assets/fonts/VIC-MediumItalic.woff +0 -0
- package/src/assets/fonts/VIC-MediumItalic.woff2 +0 -0
- package/src/assets/fonts/VIC-Regular.eot +0 -0
- package/src/assets/fonts/VIC-Regular.ttf +0 -0
- package/src/assets/fonts/VIC-Regular.woff +0 -0
- package/src/assets/fonts/VIC-Regular.woff2 +0 -0
- package/src/assets/fonts/VIC-SemiBold.eot +0 -0
- package/src/assets/fonts/VIC-SemiBold.ttf +0 -0
- package/src/assets/fonts/VIC-SemiBold.woff +0 -0
- package/src/assets/fonts/VIC-SemiBold.woff2 +0 -0
- package/src/assets/fonts/VIC-SemiBoldItalic.eot +0 -0
- package/src/assets/fonts/VIC-SemiBoldItalic.ttf +0 -0
- package/src/assets/fonts/VIC-SemiBoldItalic.woff +0 -0
- package/src/assets/fonts/VIC-SemiBoldItalic.woff2 +0 -0
- package/src/assets/icons/AppFooter/australian-aboriginal-flag.svg +7 -0
- package/src/assets/icons/AppFooter/facebook-ws-footer.svg +58 -0
- package/src/assets/icons/AppFooter/facebook-ww-footer.svg +59 -0
- package/src/assets/icons/AppFooter/instagram-ww-footer.svg +70 -0
- package/src/assets/icons/AppFooter/linkedin-ws-footer.svg +59 -0
- package/src/assets/icons/AppFooter/linkedin-ww-footer.svg +60 -0
- package/src/assets/icons/AppFooter/logo-workwell-reversed.svg +45 -0
- package/src/assets/icons/AppFooter/pride-flag.svg +12 -0
- package/src/assets/icons/AppFooter/torres-strait-islanders-flag.svg +9 -0
- package/src/assets/icons/AppFooter/twitter-ws-footer.svg +58 -0
- package/src/assets/icons/AppFooter/twitter-ww-footer.svg +59 -0
- package/src/assets/icons/AppFooter/worksafe-footer-logo.svg +9 -0
- package/src/assets/icons/AppFooter/youtube-ws-footer.svg +55 -0
- package/src/assets/icons/AppFooter/youtube-ww-footer.svg +56 -0
- package/src/assets/icons/AppHeader/chev-down-16.svg +17 -0
- package/src/assets/icons/AppHeader/chev-left-24px.svg +13 -0
- package/src/assets/icons/AppHeader/chev-right-16px.svg +25 -0
- package/src/assets/icons/AppHeader/chev-right-24px.svg +13 -0
- package/src/assets/icons/AppHeader/close-32px.svg +15 -0
- package/src/assets/icons/AppHeader/menu-32px.svg +20 -0
- package/src/assets/icons/AppHeader/search-32px.svg +19 -0
- package/src/assets/icons/Email-circle-black.svg +4 -0
- package/src/assets/icons/Info-circle-fill.svg +10 -0
- package/src/assets/icons/Phone-circle-black.svg +4 -0
- package/src/assets/icons/SocialShare/bookmark-white.svg +3 -0
- package/src/assets/icons/SocialShare/bookmark-ww-footer.svg +57 -0
- package/src/assets/icons/SocialShare/bookmark.svg +56 -0
- package/src/assets/icons/SocialShare/email-white.svg +3 -0
- package/src/assets/icons/SocialShare/facebook-white.svg +3 -0
- package/src/assets/icons/SocialShare/facebook-ws-footer.svg +58 -0
- package/src/assets/icons/SocialShare/facebook-ww-footer.svg +59 -0
- package/src/assets/icons/SocialShare/facebook.svg +1 -0
- package/src/assets/icons/SocialShare/office-file-pdf.svg +1 -0
- package/src/assets/icons/SocialShare/print.svg +3 -0
- package/src/assets/icons/SocialShare/twitter-white.svg +3 -0
- package/src/assets/icons/SocialShare/twitter-ws-footer.svg +58 -0
- package/src/assets/icons/SocialShare/twitter-ww-footer.svg +59 -0
- package/src/assets/icons/SocialShare/twitter.svg +1 -0
- package/src/assets/icons/Strip/AlertDismiss.svg +4 -0
- package/src/assets/icons/Strip/Arrow right.svg +4 -0
- package/src/assets/icons/Strip/Chevron right.svg +3 -0
- package/src/assets/icons/Strip/Dismiss.svg +4 -0
- package/src/assets/icons/Strip/Exclamation triangle fill.svg +8 -0
- package/src/assets/icons/Strip/Info circle fill.svg +15 -0
- package/src/assets/icons/Strip/Information.svg +15 -0
- package/src/assets/icons/Strip/Warning.svg +8 -0
- package/src/assets/icons/arrow-left.svg +9 -0
- package/src/assets/icons/arrow-right.svg +9 -0
- package/src/assets/icons/bookmark.svg +56 -0
- package/src/assets/icons/brand-VicStateGov-logo-reversed.svg +72 -0
- package/src/assets/icons/bullet-empty.svg +3 -0
- package/src/assets/icons/bullet.svg +3 -0
- package/src/assets/icons/caret-down.svg +1 -0
- package/src/assets/icons/caret-left.svg +9 -0
- package/src/assets/icons/caret-right.svg +9 -0
- package/src/assets/icons/caret-up.svg +1 -0
- package/src/assets/icons/chev-down-white.svg +3 -0
- package/src/assets/icons/chev-down.svg +3 -0
- package/src/assets/icons/chev-left.svg +3 -0
- package/src/assets/icons/chev-right.svg +3 -0
- package/src/assets/icons/chev-up.svg +3 -0
- package/src/assets/icons/clock.svg +3 -0
- package/src/assets/icons/close.svg +1 -0
- package/src/assets/icons/cross.svg +3 -0
- package/src/assets/icons/document.svg +1 -0
- package/src/assets/icons/earth.svg +1 -0
- package/src/assets/icons/email.svg +6 -0
- package/src/assets/icons/external-link-16px.svg +18 -0
- package/src/assets/icons/external-link.svg +4 -0
- package/src/assets/icons/icon-close.svg +15 -0
- package/src/assets/icons/instagram.svg +3 -0
- package/src/assets/icons/key.svg +3 -0
- package/src/assets/icons/location.svg +10 -0
- package/src/assets/icons/phone.svg +3 -0
- package/src/assets/icons/refresh.svg +3 -0
- package/src/assets/icons/right-arrow.svg +3 -0
- package/src/assets/icons/search.svg +5 -0
- package/src/assets/icons/tick.svg +3 -0
- package/src/assets/icons/video-play.svg +4 -0
- package/src/assets/images/hero-header-chevron.svg +9 -0
- package/src/assets/images/hero-header-mask.png +0 -0
- package/src/assets/images/hero-header-mask.svg +3 -0
- package/src/assets/logo.svg +1 -0
- package/src/assets/main.css +35 -0
- package/src/assets/styles/button.scss +206 -0
- package/src/assets/styles/focus.scss +4 -0
- package/src/assets/styles/generated-icons.scss +374 -0
- package/src/assets/styles/modal.scss +12 -0
- package/src/assets/styles/rtl.scss +8 -0
- package/src/assets/styles/storybook.scss +9 -0
- package/src/assets/styles/stylesheet.scss +7 -0
- package/src/assets/styles/webfonts.css +155 -0
- package/src/components/Common/CardGrid/cardgrid.stories.js +269 -0
- package/src/components/Common/CardGrid/index.vue +321 -0
- package/src/components/Common/CardGridItem/card-grid-item-caret.vue +164 -0
- package/src/components/Common/CardGridItem/card-grid-item-icon.vue +163 -0
- package/src/components/Common/CardGridItem/index.vue +848 -0
- package/src/components/Common/FilterButton/index.vue +93 -0
- package/src/components/Containers/Column/index.stories.js +35 -0
- package/src/components/Containers/Column/index.vue +14 -0
- package/src/components/Containers/Container/index.stories.js +13 -0
- package/src/components/Containers/Container/index.vue +15 -0
- package/src/components/Containers/HomepageHeader/index.stories.js +78 -0
- package/src/components/Containers/HomepageHeader/index.vue +186 -0
- package/src/components/Containers/Row/index.stories.js +12 -0
- package/src/components/Containers/Row/index.vue +14 -0
- package/src/components/Containers/SectionGroup/index.stories.js +148 -0
- package/src/components/Containers/SectionGroup/index.vue +310 -0
- package/src/components/Containers/Subheader/index.stories.js +74 -0
- package/src/components/Containers/Subheader/index.vue +149 -0
- package/src/components/Global/AlertStrip/index.stories.js +13 -0
- package/src/components/Global/AlertStrip/index.vue +145 -0
- package/src/components/Global/AlertStrip/styles.scss +78 -0
- package/src/components/Global/AppFooter/FooterSocialShare/index.vue +105 -0
- package/src/components/Global/AppFooter/FooterSocialShare/styles.scss +41 -0
- package/src/components/Global/AppFooter/index.stories.js +24 -0
- package/src/components/Global/AppFooter/index.vue +632 -0
- package/src/components/Global/AppFooter/storiesConst.js +110 -0
- package/src/components/Global/AppFooter/styles.scss +393 -0
- package/src/components/Global/AppHeader/ModalSearch/index.vue +66 -0
- package/src/components/Global/AppHeader/ModalSearch/styles.scss +43 -0
- package/src/components/Global/AppHeader/includes.scss +68 -0
- package/src/components/Global/AppHeader/index.stories.js +82 -0
- package/src/components/Global/AppHeader/index.vue +878 -0
- package/src/components/Global/AppHeader/mobile.scss +240 -0
- package/src/components/Global/AppHeader/styles.scss +371 -0
- package/src/components/Global/BackToTop/index.stories.js +18 -0
- package/src/components/Global/BackToTop/index.vue +67 -0
- package/src/components/Global/BackToTop/styles.scss +46 -0
- package/src/components/Global/ContrastMode/index.stories.js +39 -0
- package/src/components/Global/ContrastMode/index.vue +308 -0
- package/src/components/Global/Cookies/Constants.js +72 -0
- package/src/components/Global/Cookies/index.storieshide.js +45 -0
- package/src/components/Global/Cookies/index.vue +453 -0
- package/src/components/Global/Cookies/styles.scss +259 -0
- package/src/components/Global/DirectoryFilters/SingleTaxonomy/index.vue +196 -0
- package/src/components/Global/DirectoryFilters/index.vue +176 -0
- package/src/components/Global/GlobalNotice/index.vue +266 -0
- package/src/components/Global/HeroHeader/index.stories.js +93 -0
- package/src/components/Global/HeroHeader/index.vue +343 -0
- package/src/components/Global/HeroHeader/styles.scss +480 -0
- package/src/components/Global/ProgressBar/index.stories.js +51 -0
- package/src/components/Global/ProgressBar/index.vue +58 -0
- package/src/components/Global/ProgressBar/styles.scss +116 -0
- package/src/components/Global/SocialShare/index.stories.js +18 -0
- package/src/components/Global/SocialShare/index.vue +318 -0
- package/src/components/Global/Strip/index.stories.js +70 -0
- package/src/components/Global/Strip/index.vue +357 -0
- package/src/components/HelloWorld.vue +44 -0
- package/src/components/Paragraphs/Accordion/AccordionItem/index.vue +232 -0
- package/src/components/Paragraphs/Accordion/StepperItem/index.vue +274 -0
- package/src/components/Paragraphs/Accordion/index.stories.js +84 -0
- package/src/components/Paragraphs/Accordion/index.vue +202 -0
- package/src/components/Paragraphs/Breakout/index.stories.js +39 -0
- package/src/components/Paragraphs/Breakout/index.vue +115 -0
- package/src/components/Paragraphs/BrowseContent/index.stories.js +220 -0
- package/src/components/Paragraphs/BrowseContent/index.vue +298 -0
- package/src/components/Paragraphs/BrowseContent/switcher.vue +63 -0
- package/src/components/Paragraphs/Calculator/CardContainer/index.vue +278 -0
- package/src/components/Paragraphs/Calculator/CardContainer/styles.scss +152 -0
- package/src/components/Paragraphs/Calculator/Constants.js +246 -0
- package/src/components/Paragraphs/Calculator/RiskLevel/index.vue +124 -0
- package/src/components/Paragraphs/Calculator/RiskLevel/styles.scss +73 -0
- package/src/components/Paragraphs/Calculator/index.stories.js +27 -0
- package/src/components/Paragraphs/Calculator/index.vue +284 -0
- package/src/components/Paragraphs/Calculator/styles.scss +49 -0
- package/src/components/Paragraphs/Directory/Records/CJ/index.vue +59 -0
- package/src/components/Paragraphs/Directory/Records/ISP/distance.js +46 -0
- package/src/components/Paragraphs/Directory/Records/ISP/index.vue +88 -0
- package/src/components/Paragraphs/Directory/Records/PRS/index.vue +59 -0
- package/src/components/Paragraphs/Directory/Records/PRS/recordContent.vue +91 -0
- package/src/components/Paragraphs/Directory/Records/PRS/recordDetails.vue +49 -0
- package/src/components/Paragraphs/Directory/Records/index.vue +203 -0
- package/src/components/Paragraphs/Directory/Records/styles.scss +129 -0
- package/src/components/Paragraphs/Directory/constants.js +79 -0
- package/src/components/Paragraphs/Directory/index.vue +334 -0
- package/src/components/Paragraphs/ListGroup/Constants.js +72 -0
- package/src/components/Paragraphs/ListGroup/Link/list-link.stories.js +71 -0
- package/src/components/Paragraphs/ListGroup/index.vue +333 -0
- package/src/components/Paragraphs/ListGroup/list-group.stories.js +64 -0
- package/src/components/Paragraphs/ListGroup/navigation-card.stories.js +66 -0
- package/src/components/Paragraphs/MarketingBanner/index.stories.js +65 -0
- package/src/components/Paragraphs/MarketingBanner/index.vue +118 -0
- package/src/components/Paragraphs/MarketingBanner/styles.scss +87 -0
- package/src/components/Paragraphs/ProofPoints/index.stories.js +173 -0
- package/src/components/Paragraphs/ProofPoints/index.vue +64 -0
- package/src/components/Paragraphs/RelatedInformation/index.stories.js +32 -0
- package/src/components/Paragraphs/RelatedInformation/index.vue +62 -0
- package/src/components/Paragraphs/RelatedInformation/styles.scss +50 -0
- package/src/components/Paragraphs/RichText/index.stories.js +393 -0
- package/src/components/Paragraphs/RichText/index.vue +113 -0
- package/src/components/Paragraphs/RichText/scss/base.scss +355 -0
- package/src/components/Paragraphs/RichText/scss/definition-list.scss +35 -0
- package/src/components/Paragraphs/RichText/scss/styled-list.scss +152 -0
- package/src/components/Paragraphs/RichText/scss/table.scss +85 -0
- package/src/components/Paragraphs/ScrollSpy/index.stories.js +184 -0
- package/src/components/Paragraphs/ScrollSpy/index.vue +147 -0
- package/src/components/Paragraphs/SelectableCards/Control/index.stories.js +29 -0
- package/src/components/Paragraphs/SelectableCards/cardbody.vue +25 -0
- package/src/components/Paragraphs/SelectableCards/cardtop.vue +113 -0
- package/src/components/Paragraphs/SelectableCards/index.stories.js +27 -0
- package/src/components/Paragraphs/SelectableCards/index.vue +116 -0
- package/src/components/Paragraphs/Statistics/index.stories.js +106 -0
- package/src/components/Paragraphs/Statistics/index.vue +95 -0
- package/src/components/Paragraphs/TabbedCards/TempIcons/cake-black-18dp.svg +1 -0
- package/src/components/Paragraphs/TabbedCards/TempIcons/commute-black-18dp.svg +1 -0
- package/src/components/Paragraphs/TabbedCards/TempIcons/fire_extinguisher-black-18dp.svg +1 -0
- package/src/components/Paragraphs/TabbedCards/TempIcons/free_breakfast-black-18dp.svg +1 -0
- package/src/components/Paragraphs/TabbedCards/TempIcons/portrait-black-18dp.svg +1 -0
- package/src/components/Paragraphs/TabbedCards/TempIcons/storefront-black-18dp.svg +1 -0
- package/src/components/Paragraphs/TabbedCards/TempIcons/tag_faces-black-18dp.svg +1 -0
- package/src/components/Paragraphs/TabbedCards/index.stories.js +36 -0
- package/src/components/Paragraphs/TabbedCards/index.vue +393 -0
- package/src/components/Paragraphs/Tabs/index.stories.js +60 -0
- package/src/components/Paragraphs/Tabs/index.vue +127 -0
- package/src/components/Paragraphs/Tabs/styles.scss +150 -0
- package/src/components/Paragraphs/TabulatedData/Constants.js +158 -0
- package/src/components/Paragraphs/TabulatedData/index.stories.js +39 -0
- package/src/components/Paragraphs/TabulatedData/index.vue +145 -0
- package/src/components/Paragraphs/TaskFinder/index.stories.js +45 -0
- package/src/components/Paragraphs/TaskFinder/index.vue +192 -0
- package/src/components/Paragraphs/TaskFinder/pdf/index.vue +109 -0
- package/src/components/Paragraphs/TaskFinder/task-finder-column.vue +146 -0
- package/src/components/Paragraphs/TextMedia/MediaTypes/Image/index.vue +24 -0
- package/src/components/Paragraphs/TextMedia/MediaTypes/Video/index.vue +29 -0
- package/src/components/Paragraphs/TextMedia/index.stories.js +94 -0
- package/src/components/Paragraphs/TextMedia/index.vue +150 -0
- package/src/components/Paragraphs/VideoGrid/index.stories.js +167 -0
- package/src/components/Paragraphs/VideoGrid/index.vue +124 -0
- package/src/components/Paragraphs/VideoPlayer/index.stories.js +95 -0
- package/src/components/Paragraphs/VideoPlayer/index.vue +110 -0
- package/src/components/Paragraphs/Webform/index.stories.js +70 -0
- package/src/components/Paragraphs/Webform/index.vue +103 -0
- package/src/components/SubComponents/Breadcrumb/constants.js +15 -0
- package/src/components/SubComponents/Breadcrumb/index.stories.js +22 -0
- package/src/components/SubComponents/Breadcrumb/index.vue +91 -0
- package/src/components/SubComponents/CardGroup/cardbody.vue +109 -0
- package/src/components/SubComponents/CardGroup/cardtop.vue +106 -0
- package/src/components/SubComponents/CardGroup/index.stories.js +145 -0
- package/src/components/SubComponents/CardGroup/index.vue +297 -0
- package/src/components/SubComponents/CtaButton/index.stories.js +357 -0
- package/src/components/SubComponents/CtaButton/index.vue +256 -0
- package/src/components/SubComponents/FormAddressPostcode/index.stories.js +43 -0
- package/src/components/SubComponents/FormAddressPostcode/index.vue +314 -0
- package/src/components/SubComponents/FormInstance/index.stories.js +8 -0
- package/src/components/SubComponents/FormInstance/index.vue +12 -0
- package/src/components/SubComponents/GoogleSearch/index.stories.js +8 -0
- package/src/components/SubComponents/GoogleSearch/index.vue +405 -0
- package/src/components/SubComponents/Icon/README.md +40 -0
- package/src/components/SubComponents/Icon/example.js +41 -0
- package/src/components/SubComponents/Icon/index.stories.js +84 -0
- package/src/components/SubComponents/Icon/index.vue +127 -0
- package/src/components/SubComponents/Icon/styles.scss +38 -0
- package/src/components/SubComponents/Loading/index.stories.js +9 -0
- package/src/components/SubComponents/Loading/index.vue +15 -0
- package/src/components/SubComponents/MediaPlayer/index.stories.js +58 -0
- package/src/components/SubComponents/MediaPlayer/index.vue +69 -0
- package/src/components/SubComponents/Pagination/index.stories.js +119 -0
- package/src/components/SubComponents/Pagination/index.vue +184 -0
- package/src/components/SubComponents/Pagination/pagination.js +58 -0
- package/src/components/SubComponents/ResourceGroup/List/index.stories.js +268 -0
- package/src/components/SubComponents/ResourceGroup/cardbody.vue +221 -0
- package/src/components/SubComponents/ResourceGroup/cardfooter.vue +61 -0
- package/src/components/SubComponents/ResourceGroup/cardtop.vue +94 -0
- package/src/components/SubComponents/ResourceGroup/index.stories.js +268 -0
- package/src/components/SubComponents/ResourceGroup/index.vue +575 -0
- package/src/components/SubComponents/ResourceGroup/styles.scss +317 -0
- package/src/components/SubComponents/ResourceGroup/switcher.vue +63 -0
- package/src/components/SubComponents/Search/SearchListing/index.vue +217 -0
- package/src/components/SubComponents/Search/index.stories.js +43 -0
- package/src/components/SubComponents/Search/index.vue +238 -0
- package/src/components/SubComponents/SingleImage/index.stories.js +60 -0
- package/src/components/SubComponents/SingleImage/index.vue +98 -0
- package/src/components/SubComponents/VideoThumbnail/index.stories.js +41 -0
- package/src/components/SubComponents/VideoThumbnail/index.vue +239 -0
- package/src/components/TheWelcome.vue +88 -0
- package/src/components/WelcomeItem.vue +87 -0
- package/src/components/icons/IconCommunity.vue +7 -0
- package/src/components/icons/IconDocumentation.vue +7 -0
- package/src/components/icons/IconEcosystem.vue +7 -0
- package/src/components/icons/IconSupport.vue +7 -0
- package/src/components/icons/IconTooling.vue +19 -0
- package/src/includes/scss/all.scss +2 -0
- package/src/includes/scss/mixins/all.scss +6 -0
- package/src/includes/scss/mixins/src/focus.scss +38 -0
- package/src/includes/scss/mixins/src/fp.scss +31 -0
- package/src/includes/scss/mixins/src/grid.scss +125 -0
- package/src/includes/scss/mixins/src/mq.scss +30 -0
- package/src/includes/scss/mixins/src/rtl.scss +8 -0
- package/src/includes/scss/mixins/src/units.scss +110 -0
- package/src/includes/scss/vars/all.scss +2 -0
- package/src/includes/scss/vars/src/breakpoints.scss +20 -0
- package/src/includes/scss/vars/src/colors.module.scss +53 -0
- package/src/includes/scss/vars/src/colors.scss +53 -0
- package/src/index.js +116 -0
- package/src/main.js +18 -0
- package/src/mock/accordion.js +104 -0
- package/src/mock/app-header.js +683 -0
- package/src/mock/control-selectable-cards.js +58 -0
- package/src/mock/jest.svgtransformer.js +7 -0
- package/src/mock/list-group.js +46 -0
- package/src/mock/proof-points.js +55 -0
- package/src/mock/related-info.js +44 -0
- package/src/mock/selectable-cards.js +48 -0
- package/src/mock/statistics.js +63 -0
- package/src/mock/styleMock.js +1 -0
- package/src/mock/tabbed-cards.js +197 -0
- package/src/mock/task-finder.js +68 -0
- package/src/mock/video-grid.js +409 -0
- package/src/mock/video-media.js +51 -0
- package/src/public/places/api/v1/geocode/json +69 -0
- package/src/public/places/api/v1/place/autocomplete/json +226 -0
- package/stylelint.config.js +63 -0
- package/vite.config.js +19 -0
- package/vitest.config.js +14 -0
|
@@ -0,0 +1,374 @@
|
|
|
1
|
+
|
|
2
|
+
/// Replace `$search` with `$replace` in `$string`
|
|
3
|
+
/// @author Hugo Giraudel
|
|
4
|
+
/// @param {String} $string - Initial string
|
|
5
|
+
/// @param {String} $search - Substring to replace
|
|
6
|
+
/// @param {String} $replace ('') - New value
|
|
7
|
+
/// @return {String} - Updated string
|
|
8
|
+
@function str-replace($string, $search, $replace: '') {
|
|
9
|
+
$index: str-index($string, $search);
|
|
10
|
+
|
|
11
|
+
@if $index {
|
|
12
|
+
@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@return $string;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
@function australian-aboriginal-flag($color1: #000, $color2: #FDFB01, $color3: #FE2500) {
|
|
20
|
+
$color1: str-replace(inspect($color1), '#', '%23'); //fix and replace hexcolor
|
|
21
|
+
$color2: str-replace(inspect($color2), '#', '%23'); //fix and replace hexcolor
|
|
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='"+$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
|
+
}
|
|
25
|
+
|
|
26
|
+
@function facebook-ws-footer($color: #2E4FA9) {
|
|
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='"+$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
|
+
}
|
|
30
|
+
|
|
31
|
+
@function facebook-ww-footer($color1: #2E4FA9, $color2: #356041) {
|
|
32
|
+
$color1: str-replace(inspect($color1), '#', '%23'); //fix and replace hexcolor
|
|
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='"+$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
|
+
}
|
|
36
|
+
|
|
37
|
+
@function instagram-ww-footer($color: #356041) {
|
|
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='"+$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
|
+
}
|
|
41
|
+
|
|
42
|
+
@function linkedin-ws-footer($color: #000) {
|
|
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='"+$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
|
+
}
|
|
46
|
+
|
|
47
|
+
@function linkedin-ww-footer($color: #356041) {
|
|
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='"+$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
|
+
}
|
|
51
|
+
|
|
52
|
+
@function logo-workwell-reversed($color1: #000000, $color2: #201F2B, $color3: #FDB813, $color4: #FFFFFF) {
|
|
53
|
+
$color1: str-replace(inspect($color1), '#', '%23'); //fix and replace hexcolor
|
|
54
|
+
$color2: str-replace(inspect($color2), '#', '%23'); //fix and replace hexcolor
|
|
55
|
+
$color3: str-replace(inspect($color3), '#', '%23'); //fix and replace hexcolor
|
|
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='"+$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
|
+
}
|
|
59
|
+
|
|
60
|
+
@function pride-flag($color1: #000, $color2: #004DFF, $color3: #008026, $color4: #750787, $color5: #784F17, $color6: #E40303, $color7: #FF8C00, $color8: #FFED00) {
|
|
61
|
+
$color1: str-replace(inspect($color1), '#', '%23'); //fix and replace hexcolor
|
|
62
|
+
$color2: str-replace(inspect($color2), '#', '%23'); //fix and replace hexcolor
|
|
63
|
+
$color3: str-replace(inspect($color3), '#', '%23'); //fix and replace hexcolor
|
|
64
|
+
$color4: str-replace(inspect($color4), '#', '%23'); //fix and replace hexcolor
|
|
65
|
+
$color5: str-replace(inspect($color5), '#', '%23'); //fix and replace hexcolor
|
|
66
|
+
$color6: str-replace(inspect($color6), '#', '%23'); //fix and replace hexcolor
|
|
67
|
+
$color7: str-replace(inspect($color7), '#', '%23'); //fix and replace hexcolor
|
|
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='"+$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
|
+
}
|
|
71
|
+
|
|
72
|
+
@function torres-strait-islanders-flag($color1: #000, $color2: #009, $color3: #096, $color4: #FFF) {
|
|
73
|
+
$color1: str-replace(inspect($color1), '#', '%23'); //fix and replace hexcolor
|
|
74
|
+
$color2: str-replace(inspect($color2), '#', '%23'); //fix and replace hexcolor
|
|
75
|
+
$color3: str-replace(inspect($color3), '#', '%23'); //fix and replace hexcolor
|
|
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='"+$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
|
+
}
|
|
79
|
+
|
|
80
|
+
@function twitter-ws-footer($color: #22A0FF) {
|
|
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='"+$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
|
+
}
|
|
84
|
+
|
|
85
|
+
@function twitter-ww-footer($color1: #22A0FF, $color2: #356041) {
|
|
86
|
+
$color1: str-replace(inspect($color1), '#', '%23'); //fix and replace hexcolor
|
|
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='"+$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
|
+
}
|
|
90
|
+
|
|
91
|
+
@function worksafe-footer-logo($color1: #000, $color2: #201F2B, $color3: #FDB813, $color4: #FFF) {
|
|
92
|
+
$color1: str-replace(inspect($color1), '#', '%23'); //fix and replace hexcolor
|
|
93
|
+
$color2: str-replace(inspect($color2), '#', '%23'); //fix and replace hexcolor
|
|
94
|
+
$color3: str-replace(inspect($color3), '#', '%23'); //fix and replace hexcolor
|
|
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='"+$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
|
+
}
|
|
98
|
+
|
|
99
|
+
@function youtube-ws-footer() {
|
|
100
|
+
|
|
101
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='16'%3E%3Cpath 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");
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
@function youtube-ww-footer($color: #356041) {
|
|
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='"+$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
|
+
}
|
|
108
|
+
|
|
109
|
+
@function chev-down-16($color: #FFFFFF) {
|
|
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='"+$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
|
+
}
|
|
113
|
+
|
|
114
|
+
@function chev-left-24px() {
|
|
115
|
+
|
|
116
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.092 3.678l-9.346 7.78a.736.736 0 00-.246.545c0 .206.089.402.246.545l9.346 7.776a.767.767 0 001.06-.076l1.167-1.31a.7.7 0 00-.084-1.019l-7.084-5.783a.173.173 0 01-.065-.134c0-.051.024-.1.065-.134l7.085-5.785a.71.71 0 00.26-.493.683.683 0 00-.179-.525l-1.165-1.31a.755.755 0 00-.514-.253.76.76 0 00-.546.176z'/%3E%3C/svg%3E");
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
@function chev-right-16px($color: #FFFFFF) {
|
|
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='"+$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
|
+
}
|
|
123
|
+
|
|
124
|
+
@function chev-right-24px() {
|
|
125
|
+
|
|
126
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.908 20.322l9.346-7.78a.736.736 0 00.246-.545.736.736 0 00-.246-.545L8.908 3.676a.767.767 0 00-1.06.076l-1.167 1.31a.7.7 0 00.084 1.019l7.084 5.783a.173.173 0 01.065.134c0 .051-.024.1-.065.134l-7.085 5.785a.71.71 0 00-.26.493c-.017.19.047.38.179.525l1.165 1.31a.755.755 0 00.514.253.76.76 0 00.546-.176z'/%3E%3C/svg%3E");
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
@function close-32px($color: #FFFFFF) {
|
|
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='"+$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
|
+
}
|
|
133
|
+
|
|
134
|
+
@function menu-32px($color: #FFFFFE) {
|
|
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='"+$color+"' fill-rule='nonzero' d='M4 24h24v-2.667H4V24zm0-6.667h24v-2.666H4v2.666zM4 8v2.667h24V8H4z'/%3E%3C/g%3E%3C/svg%3E");
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
@function search-32px($color: #FFFFFF) {
|
|
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='"+$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
|
+
}
|
|
143
|
+
|
|
144
|
+
@function bookmark-white($color: #FFF) {
|
|
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='"+$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
|
+
}
|
|
148
|
+
|
|
149
|
+
@function bookmark-ww-footer($color: #356041) {
|
|
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='"+$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
|
+
}
|
|
153
|
+
|
|
154
|
+
@function bookmark() {
|
|
155
|
+
|
|
156
|
+
@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 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");
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
@function email-white($color: #FFF) {
|
|
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='"+$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
|
+
}
|
|
163
|
+
|
|
164
|
+
@function facebook-white($color: #FFF) {
|
|
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='"+$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
|
+
}
|
|
168
|
+
|
|
169
|
+
@function facebook-ws-footer($color: #2E4FA9) {
|
|
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='"+$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
|
+
}
|
|
173
|
+
|
|
174
|
+
@function facebook-ww-footer($color1: #2E4FA9, $color2: #356041) {
|
|
175
|
+
$color1: str-replace(inspect($color1), '#', '%23'); //fix and replace hexcolor
|
|
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='"+$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
|
+
}
|
|
179
|
+
|
|
180
|
+
@function facebook($color: #2E4FA9) {
|
|
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='"+$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
|
+
}
|
|
184
|
+
|
|
185
|
+
@function print() {
|
|
186
|
+
|
|
187
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17'%3E%3Cpath d='M15.3 4.5H2.7A2.696 2.696 0 000 7.2v3.6c0 .99.81 1.8 1.8 1.8h1.8v1.8c0 .99.81 1.8 1.8 1.8h7.2c.99 0 1.8-.81 1.8-1.8v-1.8h1.8c.99 0 1.8-.81 1.8-1.8V7.2c0-1.494-1.206-2.7-2.7-2.7zm-3.6 9.9H6.3a.903.903 0 01-.9-.9V9.9h7.2v3.6c0 .495-.405.9-.9.9zm3.6-6.3a.903.903 0 01-.9-.9c0-.495.405-.9.9-.9s.9.405.9.9-.405.9-.9.9zM13.5 0h-9c-.495 0-.9.405-.9.9v1.8c0 .495.405.9.9.9h9c.495 0 .9-.405.9-.9V.9c0-.495-.405-.9-.9-.9z'/%3E%3C/svg%3E");
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
@function twitter-white($color: #FFF) {
|
|
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='"+$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
|
+
}
|
|
194
|
+
|
|
195
|
+
@function twitter-ws-footer($color: #22A0FF) {
|
|
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='"+$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
|
+
}
|
|
199
|
+
|
|
200
|
+
@function twitter-ww-footer($color1: #22A0FF, $color2: #356041) {
|
|
201
|
+
$color1: str-replace(inspect($color1), '#', '%23'); //fix and replace hexcolor
|
|
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='"+$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
|
+
}
|
|
205
|
+
|
|
206
|
+
@function twitter($color: #22A0FF) {
|
|
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='"+$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
|
+
}
|
|
210
|
+
|
|
211
|
+
@function alert-dismiss() {
|
|
212
|
+
|
|
213
|
+
@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='white' fill-rule='evenodd' d='M.168 2.128L7.49 10.39a.713.713 0 001.026 0l7.318-8.262a.65.65 0 00-.071-.936L14.53.16a.688.688 0 00-.959.074L8.128 6.496a.167.167 0 01-.252 0L2.43.233a.682.682 0 00-.464-.229.67.67 0 00-.494.158L.239 1.192a.645.645 0 00-.071.937z' clip-rule='evenodd'/%3E%3Cpath fill='white' fill-rule='evenodd' d='M15.832 15.145L8.51 6.885a.713.713 0 00-1.026 0l-7.318 8.26a.651.651 0 00.071.937l1.233 1.031c.287.24.713.207.959-.073l5.443-6.262a.167.167 0 01.252 0l5.445 6.263a.682.682 0 00.464.229.67.67 0 00.494-.158l1.234-1.03a.646.646 0 00.071-.937z' clip-rule='evenodd'/%3E%3C/svg%3E");
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
@function arrow-right() {
|
|
217
|
+
|
|
218
|
+
@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='white' fill-rule='evenodd' d='M15.219 6.97a.75.75 0 011.062 0l4.5 4.5a.751.751 0 010 1.061l-4.5 4.5a.751.751 0 11-1.062-1.062L19.189 12l-3.97-3.969a.75.75 0 010-1.062z' clip-rule='evenodd'/%3E%3Cpath fill='white' fill-rule='evenodd' d='M3 12a.75.75 0 01.75-.75H19.5a.75.75 0 110 1.5H3.75A.75.75 0 013 12z' clip-rule='evenodd'/%3E%3C/svg%3E");
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
@function chevron-right($color: #191919) {
|
|
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='"+$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
|
+
}
|
|
225
|
+
|
|
226
|
+
@function dismiss($color: #191919) {
|
|
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='"+$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
|
+
}
|
|
230
|
+
|
|
231
|
+
@function exclamation-triangle-fill($color: #191919) {
|
|
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='"+$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
|
+
}
|
|
235
|
+
|
|
236
|
+
@function info-circle-fill() {
|
|
237
|
+
|
|
238
|
+
@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='black' 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");
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
@function information($color: #191919) {
|
|
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='"+$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
|
+
}
|
|
245
|
+
|
|
246
|
+
@function warning($color: #191919) {
|
|
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='"+$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
|
+
}
|
|
250
|
+
|
|
251
|
+
@function arrow-left() {
|
|
252
|
+
|
|
253
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='12' viewBox='0 0 17 12'%3E%3Cpath fill-rule='nonzero' d='M2.715 6.75H16a.75.75 0 000-1.5H2.765l4.48-3.937a.75.75 0 00-.99-1.126l-6 5.271a.75.75 0 000 1.127l5.95 5.228a.75.75 0 00.99-1.126L2.715 6.75z'/%3E%3C/svg%3E");
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
@function arrow-right() {
|
|
257
|
+
|
|
258
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='12' viewBox='0 0 17 12'%3E%3Cpath fill-rule='nonzero' d='M14.285 6.75H1a.75.75 0 010-1.5h13.235l-4.48-3.937a.75.75 0 01.99-1.126l6 5.271a.75.75 0 010 1.127l-5.95 5.228a.75.75 0 01-.99-1.126l4.48-3.937z'/%3E%3C/svg%3E");
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
@function bookmark() {
|
|
262
|
+
|
|
263
|
+
@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 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");
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
@function brand-vicstategov-logo-reversed($color: #FFF) {
|
|
267
|
+
$color: str-replace(inspect($color), '#', '%23'); //fix and replace hexcolor
|
|
268
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 650.5 368.5'%3E%3Cstyle%3E.st0%7Bfill:%23fff%7D%3C/style%3E%3Cpath d='M297.3 199h22.9M393.1 114c-25 0-45 18.7-45 43.4s20 43.4 45 43.4 45-18.7 45-43.4-20.1-43.4-45-43.4zm0 64.3c-11.5 0-21-9.4-21-20.8s9.5-20.8 21-20.8 21 9.4 21 20.8-9.5 20.8-21 20.8zM519.2 146.1c0-17.4-14-30.3-31.7-30.3h-38.2V199h22.8v-22.6h10.7l10.4 22.6H519l-14.2-27.9c8-5.6 14.4-13.8 14.4-25zm-31.7 9.8h-15.3v-19.6h15.3c5.2 0 8.5 5.8 8.5 9.9 0 4-3.3 9.7-8.5 9.7zM533.1 115.9h22.8V199h-22.8zM611.9 115.9h-8.6L564.9 199h24.5l4-9.4H622l4 9.4h24.5l-38.6-83.1zm-11.6 54l7.1-16.2h.5l7.1 16.2h-14.7zM287.8 115.9L341.5 0H0l54 116.6h25.2l20.7 44.6 20.7-44.6h25.2L108 198.3H91.9l78.9 170.2 80.7-174.1c-6.3 3.6-13.5 5.7-21.3 5.7-24.4 0-43.8-18.4-43.8-42.7 0-24.3 19.4-42.7 43.8-42.7 15.6 0 29.2 8.4 36.6 20.8l-19 11.4c-3.6-5.9-10.1-10-17.5-10-11.3 0-20.5 9.3-20.5 20.5s9.1 20.5 20.5 20.5c7.4 0 13.9-4 17.5-10l12.5 7.5 18.1-39.1h18.9V199h22.8v-62.7h23v-20.4h-55.3zM176 198.3h-23.3v-81.6H176v81.6zM297.3 199h22.9M323.4 243.4c-3.3-2-7.2-3.5-11.8-3.5-4.7 0-8 1.8-8 5 0 3.1 3.6 4 8.6 4.8l2.3.4c7.4 1.2 13.2 4.4 13.2 11.6 0 9.2-8.1 13.5-17 13.5-6.3 0-13.1-1.8-17.5-5.4l4.3-6.7c3 2.4 7.9 4.5 13.2 4.5 4.6 0 8.2-1.8 8.2-5 0-2.9-3-3.9-8.8-4.9l-2.6-.4c-7.3-1.2-12.7-4.4-12.7-11.9 0-8.7 7.7-13.2 16.6-13.2 5.8 0 10.7 1.3 15.9 4.4l-3.9 6.8zM353.8 252.6h-10.4v10.5c0 3.6 1.9 4.9 4.3 4.9 1.8 0 3.8-.9 5.4-1.9l2.9 6.1c-2.5 1.7-5.4 3-9.5 3-7.1 0-10.8-4-10.8-11.5v-11.1h-5.6v-6.9h5.6v-8.6h7.8v8.6h10.4v6.9zM365.3 260.1c0 4.4 2.9 7.9 7.4 7.9 4.4 0 7.4-3.4 7.4-7.9s-3-7.9-7.4-7.9c-4.5 0-7.4 3.5-7.4 7.9m22.2 14.4h-7.6v-3.2c-1.9 2.3-4.7 3.9-8.6 3.9-7.9 0-13.9-6.5-13.9-15.1s6-15.1 13.9-15.1c4 0 6.7 1.6 8.6 3.9v-3.2h7.6v28.8zM415.3 252.6h-10.4v10.5c0 3.6 1.9 4.9 4.3 4.9 1.8 0 3.8-.9 5.4-1.9l2.9 6.1c-2.5 1.7-5.4 3-9.5 3-7.1 0-10.8-4-10.8-11.5v-11.1h-5.6v-6.9h5.6v-8.6h7.8v8.6h10.4v6.9zM426.8 257.4h12.7c-.7-3.7-2.9-5.8-6.3-5.8-3.6.1-5.7 2.3-6.4 5.8m20.5 2.7c0 .9-.1 2-.1 2.6h-20.4c.8 4.2 3.7 6 7.4 6 2.5 0 5.2-1 7.3-2.8l4.5 5c-3.3 3-7.4 4.4-12.3 4.4-8.8 0-14.9-6-14.9-15.1s5.9-15.2 14.6-15.2c8.2 0 13.9 6.1 13.9 15.1M330.9 292l-6 5.9c-2.3-2.7-5.8-4.4-10-4.4-7.6 0-13.1 5.6-13.1 13.7 0 8.5 5.8 13.8 13 13.8 6.8 0 10.7-3.3 11.8-9.2H316v-6.9h19.1c.1.8.1 1.6.1 2.3 0 12.6-8.5 21.5-20.3 21.5-11.5 0-21.7-8.1-21.7-21.5 0-12.6 9.2-21.6 21.9-21.6 6.7 0 12.1 2.4 15.8 6.4M347.1 313.6c0 4.7 3.3 7.9 7.6 7.9 4.4 0 7.7-3.3 7.7-7.9 0-4.7-3.3-7.9-7.7-7.9s-7.6 3.2-7.6 7.9m23.2 0c0 8.7-6.6 15.1-15.6 15.1-8.9 0-15.5-6.5-15.5-15.1 0-8.7 6.6-15.1 15.5-15.1 9-.1 15.6 6.4 15.6 15.1M391.4 328h-9l-11.3-28.8h8.4l7.5 20.6 7.5-20.6h8.1z' class='st0'/%3E%3Cg%3E%3Cpath d='M411.5 310.9h12.7c-.7-3.7-2.9-5.8-6.3-5.8-3.6 0-5.8 2.2-6.4 5.8m20.5 2.7c0 .9-.1 2-.1 2.6h-20.4c.8 4.2 3.7 6 7.4 6 2.5 0 5.2-1 7.3-2.8l4.5 5c-3.3 3-7.4 4.4-12.3 4.4-8.8 0-14.9-6-14.9-15.1s5.9-15.2 14.6-15.2c8.2-.1 13.8 6.1 13.9 15.1M456.8 299.1l-1.2 7.7c-1.3-.6-3.1-.9-4.7-.9-3.6 0-6.1 2.2-6.1 6.5V328H437v-28.8h7.5v3.1c1.8-2.7 4.6-3.9 8.1-3.9 1.8 0 3.1.3 4.2.7M488.1 309.7V328h-7.8v-15.8c0-4.2-2.1-6.4-5.6-6.4-3.3 0-6.1 2.2-6.1 6.5V328h-7.8v-28.8h7.5v3.4c2-3.1 5.2-4.2 8.5-4.2 6.6 0 11.3 4.6 11.3 11.3M541.4 309.7V328h-7.7v-15.8c0-4.2-2.1-6.4-5.6-6.4-3.3 0-6.1 2.2-6.1 6.5V328h-7.8v-15.8c0-4.2-2.1-6.4-5.6-6.4-3.3 0-6.1 2.2-6.1 6.5V328h-7.8v-28.8h7.5v3.4c2-3.1 5.2-4.2 8.5-4.2 4.2 0 7.6 1.9 9.5 4.9 2.2-3.7 6-4.9 9.8-4.9 6.8 0 11.4 4.6 11.4 11.3M554.3 310.9H567c-.7-3.7-2.9-5.8-6.3-5.8-3.5 0-5.7 2.2-6.4 5.8m20.6 2.7c0 .9-.1 2-.1 2.6h-20.4c.8 4.2 3.7 6 7.4 6 2.5 0 5.2-1 7.3-2.8l4.5 5c-3.3 3-7.4 4.4-12.3 4.4-8.8 0-14.9-6-14.9-15.1s5.9-15.2 14.6-15.2c8.2-.1 13.8 6.1 13.9 15.1M607.2 309.7V328h-7.8v-15.8c0-4.2-2.1-6.4-5.6-6.4-3.3 0-6.1 2.2-6.1 6.5V328H580v-28.8h7.5v3.4c2-3.1 5.2-4.2 8.5-4.2 6.5 0 11.2 4.6 11.2 11.3M634.5 306.1h-10.4v10.5c0 3.6 1.9 4.9 4.3 4.9 1.8 0 3.8-.9 5.4-1.9l2.8 6.1c-2.5 1.7-5.4 3-9.5 3-7.1 0-10.8-4-10.8-11.5v-11.1h-5.6v-6.9h5.6v-8.6h7.8v8.6h10.4v6.9z' class='st0'/%3E%3C/g%3E%3C/svg%3E");
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
@function bullet-empty($color: #191919) {
|
|
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='"+$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
|
+
}
|
|
275
|
+
|
|
276
|
+
@function bullet() {
|
|
277
|
+
|
|
278
|
+
@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 fill='black' fill-rule='evenodd' d='M0 6c0-1.665.584-3.08 1.751-4.249C2.92.584 4.335 0 6 0c1.665 0 3.08.584 4.249 1.751C11.416 2.92 12 4.335 12 6c0 1.665-.584 3.08-1.751 4.249C9.08 11.416 7.665 12 6 12c-1.665 0-3.08-.584-4.249-1.751C.584 9.08 0 7.665 0 6z' clip-rule='evenodd'/%3E%3C/svg%3E");
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
@function caret-down() {
|
|
282
|
+
|
|
283
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M8.647.646a.5.5 0 01.706.708l-4.017 4a.5.5 0 01-.705 0L.647 1.387A.5.5 0 111.353.68l3.63 3.615L8.647.646z'/%3E%3C/svg%3E");
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
@function caret-up() {
|
|
287
|
+
|
|
288
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1.353 5.354a.5.5 0 01-.706-.708l4.017-4a.5.5 0 01.705 0l3.984 3.967a.5.5 0 11-.706.707l-3.63-3.615-3.664 3.649z'/%3E%3C/svg%3E");
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
@function chev-down() {
|
|
292
|
+
|
|
293
|
+
@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-rule='evenodd' d='M.252 3.193l10.983 12.392a1.069 1.069 0 001.538 0L23.751 3.193a.977.977 0 00-.107-1.405L21.794.24c-.429-.36-1.069-.31-1.437.11l-8.164 9.393a.25.25 0 01-.38 0L3.646.35A1.023 1.023 0 002.95.006a1.004 1.004 0 00-.74.237L.359 1.788a.968.968 0 00-.107 1.405z' clip-rule='evenodd'/%3E%3C/svg%3E");
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
@function chev-left($color: #191919) {
|
|
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='"+$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
|
+
}
|
|
300
|
+
|
|
301
|
+
@function chev-right($color: #191919) {
|
|
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='"+$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
|
+
}
|
|
305
|
+
|
|
306
|
+
@function chev-up($color: #191919) {
|
|
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='"+$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
|
+
}
|
|
310
|
+
|
|
311
|
+
@function clock($color: #191919) {
|
|
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='"+$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
|
+
}
|
|
315
|
+
|
|
316
|
+
@function close() {
|
|
317
|
+
|
|
318
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M.282 13.51L13.01.782l.708.708L.99 14.218z'/%3E%3Cpath d='M13.01 14.218L.282 1.49.99.782 13.718 13.51z'/%3E%3C/g%3E%3C/svg%3E");
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
@function cross() {
|
|
322
|
+
|
|
323
|
+
@return url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='none' viewBox='0 0 13 13'%3E%3Cpath fill='black' fill-rule='evenodd' d='M6.641 9.25l-2.597 2.613a2.003 2.003 0 01-2.808.025c-.783-.759-.794-2-.026-2.774L3.858 6.45 1.21 3.786a1.945 1.945 0 01.026-2.774 2.003 2.003 0 012.808.025L6.641 3.65l2.597-2.613a2.003 2.003 0 012.809-.025c.782.759.794 2 .026 2.774L9.424 6.45l2.649 2.664a1.945 1.945 0 01-.026 2.774 2.003 2.003 0 01-2.809-.025L6.641 9.25z' clip-rule='evenodd'/%3E%3C/svg%3E");
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
@function external-link-16px($color: #FFFFFF) {
|
|
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='"+$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
|
+
}
|
|
330
|
+
|
|
331
|
+
@function external-link($color: #191919) {
|
|
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='"+$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
|
+
}
|
|
335
|
+
|
|
336
|
+
@function icon-close() {
|
|
337
|
+
|
|
338
|
+
@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-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");
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
@function instagram() {
|
|
342
|
+
|
|
343
|
+
@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='none' fill-rule='nonzero' d='M1000 475c0 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.635-.748.047-2.15.047-4.112.047-2.01 0-3.364 0-4.112-.047-1.823-.093-3.224-.607-4.206-1.635-.981-.982-1.542-2.383-1.635-4.206-.047-.748-.047-2.15-.047-4.112 0-1.963 0-3.364.047-4.112.093-1.823.607-3.224 1.635-4.206.982-.981 2.383-1.542 4.206-1.635.748-.047 2.15-.047 4.112-.047 2.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.626c-.234-.234-.514-.374-.841-.374-.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-.841zM990 480.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");
|
|
344
|
+
}
|
|
345
|
+
|
|
346
|
+
@function key($color: #191919) {
|
|
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='"+$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
|
+
}
|
|
350
|
+
|
|
351
|
+
@function location($color: #191919) {
|
|
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='"+$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
|
+
}
|
|
355
|
+
|
|
356
|
+
@function refresh($color: #191919) {
|
|
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='"+$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
|
+
}
|
|
360
|
+
|
|
361
|
+
@function search($color: #191919) {
|
|
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='"+$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
|
+
}
|
|
365
|
+
|
|
366
|
+
@function tick() {
|
|
367
|
+
|
|
368
|
+
@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 fill='black' fill-rule='evenodd' d='M3.07 5.35A1.79 1.79 0 00.508 7.85l3.522 3.61a1.79 1.79 0 002.828-.349l4.899-8.42A1.79 1.79 0 108.664.89L4.948 7.276 3.07 5.35z' clip-rule='evenodd'/%3E%3C/svg%3E");
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
@function video-play($color: #191919) {
|
|
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='"+$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
|
+
}
|