@rypen-dev/shared-components 8.0.10 → 8.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@rypen-dev/shared-components",
3
3
  "description": "Shared styles and Vuejs ui components for Rypen projects. Starting with version 8, this package is built with Vite 7 and Vue 3.",
4
- "version": "8.0.10",
4
+ "version": "8.0.11",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
7
7
  "scripts": {
@@ -167,6 +167,14 @@ $credit-card-icon-image: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3
167
167
  $mail-icon-image: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzUgMjQiPg0KICA8cmVjdCBmaWxsPSIjZjdmN2Y3IiBzdHJva2U9IiM4ZDdiY2QiIHg9Ii41IiB5PSIuNSIgd2lkdGg9IjM0IiBoZWlnaHQ9IjIzIiByeD0iMyIgcnk9IjMiLz4NCiAgPGxpbmUgc3Ryb2tlPSIjOGQ3YmNkIiB4MT0iMzMuNjkiIHkxPSIyMi41MiIgeDI9IjIyLjA3IiB5Mj0iMTEuODkiLz4NCiAgPGxpbmUgc3Ryb2tlPSIjOGQ3YmNkIiB4MT0iMS4yOCIgeTE9IjIyLjUyIiB4Mj0iMTQiIHkyPSIxMiIvPg0KICA8cGF0aCBmaWxsPSIjZDBlYmVjIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iIzhkN2JjZCIgZD0iTTMzLjYyLDEuMzhjLS41NC0uNTQtMS4yOS0uODgtMi4xMi0uODhIMy41Yy0uNjktLjAyLTEuNy40NC0yLjA3LjgybC0uMTEuMTQsNS41Niw2LjE5czUuMDksNi4wMSwxMC41OSw2LjAxLDExLjAzLTYuMTUsMTEuMDMtNi4xNWw1LjE1LTYuMDMtLjAyLS4xWiIvPg0KPC9zdmc+' !default;
168
168
  $check-icon-image: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQwIiBoZWlnaHQ9IjI0IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0MCAyNCI+DQogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMCBCdWlsZCAxNDIpICAtLT4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLnN0MCwgLnN0MSwgLnN0MiwgLnN0MywgLnN0NCwgLnN0NSB7DQogICAgICAgIHN0cm9rZTogIzhkN2JjZDsNCiAgICAgIH0NCg0KICAgICAgLnN0MCwgLnN0NiB7DQogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsNCiAgICAgIH0NCg0KICAgICAgLnN0MCwgLnN0NCwgLnN0NSB7DQogICAgICAgIGZpbGw6IG5vbmU7DQogICAgICAgIHN0cm9rZS1taXRlcmxpbWl0OiAxMDsNCiAgICAgIH0NCg0KICAgICAgLnN0MSB7DQogICAgICAgIGRpc3BsYXk6IG5vbmU7DQogICAgICB9DQoNCiAgICAgIC5zdDEsIC5zdDIgew0KICAgICAgICBmaWxsOiAjZjdmN2Y3Ow0KICAgICAgfQ0KDQogICAgICAuc3QzIHsNCiAgICAgICAgZmlsbDogI2QwZWJlYzsNCiAgICAgIH0NCg0KICAgICAgLnN0NiB7DQogICAgICAgIGZpbGw6ICM4ZDdiY2Q7DQogICAgICB9DQoNCiAgICAgIC5zdDQgew0KICAgICAgICBzdHJva2Utd2lkdGg6IDJweDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxyZWN0IGNsYXNzPSJzdDEiIHg9IjMiIHk9Ii41IiB3aWR0aD0iMzQiIGhlaWdodD0iMjMiIHJ4PSIzIiByeT0iMyIvPg0KICA8cmVjdCBjbGFzcz0ic3QyIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIzOSIgaGVpZ2h0PSIyMyIgcng9IjMiIHJ5PSIzIi8+DQogIDxyZWN0IGNsYXNzPSJzdDMiIHg9IjEyLjQiIHk9IjUiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0LjYiLz4NCiAgPGxpbmUgY2xhc3M9InN0NSIgeDE9IjI1LjEiIHkxPSIxOS41IiB4Mj0iMzYuNSIgeTI9IjE5LjUiLz4NCiAgPHBhdGggY2xhc3M9InN0NiIgZD0iTTYuMSw2LjZ2LTEuM2MuMywwLC43LjMsMS4xLjVsLjYtMWMtLjUtLjMtMS0uNS0xLjYtLjZ2LS41aC0uOXYuNWMtMS4xLjEtMS44LjctMS44LDEuN2gwYzAsMSwuNiwxLjUsMS44LDEuOHYxLjRjLS41LS4xLS45LS4zLTEuNC0uN2wtLjcsMWMuNi40LDEuMy43LDIsLjh2LjloLjl2LS44YzEuMS0uMSwxLjgtLjcsMS44LTEuN2gwYzAtMS0uNi0xLjUtMS45LTEuOFpNNS4zLDYuNGMtLjUtLjItLjYtLjMtLjYtLjZoMGMwLS4zLjItLjUuNi0uNXYxLjJaTTYuNyw4LjVjMCwuMy0uMi41LS42LjV2LTEuMmMuNS4yLjYuMy42LjZoMFoiLz4NCiAgPGxpbmUgY2xhc3M9InN0NCIgeDE9IjMuMiIgeTE9IjE5IiB4Mj0iMTkuMiIgeTI9IjE5Ii8+DQogIDxsaW5lIGNsYXNzPSJzdDQiIHgxPSIzLjIiIHkxPSIxNS41IiB4Mj0iMTkuMiIgeTI9IjE1LjUiLz4NCiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTI1LjgsMTYuN2MuOS4yLDIuNCwwLDIuOC0uNS40LS41LjYtMS41LjEtMS45LS40LS40LTEuNC0uMS0xLjYuNC0uNC43LjksMi41LDEuOSwyLjhzMi43LTIuNSwzLjctMi4xYy43LjIsMCwxLjguNywyLC43LjIsMS44LS44LDIuNi0xLjgiLz4NCjwvc3ZnPg==' !default;
169
169
 
170
+ $credit-card-no-color-image: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDM1IDI0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwMDtzdHJva2U6IzAwMDtmaWxsLW9wYWNpdHk6MC4wMzt9LmNscy0ye2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48dGl0bGU+aWNvbi1jcmVkaXQtY2FyZC1kZWZhdWx0LW5vY29sb3I8L3RpdGxlPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIzNCIgaGVpZ2h0PSIyMyIgcng9IjMiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik01LjgzLDE2SDE3LjV2Mkg1LjgzWm0wLTRIMjUuMjh2Mkg1LjgzWiIvPjwvc3ZnPg==';
171
+ $credit-card-visa-image: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCB3aWR0aD0iMzUiIGhlaWdodD0iMjUiIGZpbGw9IiMyMjREQkEiIHJ4PSIzLjMxNiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMS45MjUgMTYuNjc0SDkuODc0bC0xLjUzOC02Yy0uMDczLS4yNzYtLjIyOC0uNTItLjQ1Ni0uNjM1QTYuNTc1IDYuNTc1IDAgMCAwIDYgOS40MDR2LS4yMzFoMy4zMDRjLjQ1NiAwIC43OTguMzQ3Ljg1NS43NWwuNzk4IDQuMzI4IDIuMDUtNS4wNzhoMS45OTRsLTMuMDc2IDcuNTAxem00LjIxNiAwaC0xLjkzN2wxLjU5NS03LjUwMWgxLjkzN2wtMS41OTUgNy41MDF6bTQuMTAxLTUuNDIzYy4wNTctLjQwNC4zOTktLjYzNS43OTgtLjYzNWEzLjU0IDMuNTQgMCAwIDEgMS44OC4zNDZsLjM0Mi0xLjYxNUE0LjgwOCA0LjgwOCAwIDAgMCAyMS40OTYgOWMtMS44OCAwLTMuMjQ4IDEuMDM5LTMuMjQ4IDIuNDgxIDAgMS4wOTcuOTY5IDEuNjczIDEuNjUzIDIuMDIuNzQuMzQ2IDEuMDI1LjU3Ny45NjguOTIzIDAgLjUxOS0uNTcuNzUtMS4xMzkuNzVhNC43OTUgNC43OTUgMCAwIDEtMS45OTQtLjQ2MmwtLjM0MiAxLjYxNmE1LjQ4IDUuNDggMCAwIDAgMi4xMDguNDA0YzIuMTA4LjA1NyAzLjQxOC0uOTgxIDMuNDE4LTIuNTM5IDAtMS45NjItMi42NzgtMi4wNzctMi42NzgtMi45NDJ6bTkuNDU3IDUuNDIzbC0xLjUzOC03LjUwMWgtMS42NTJhLjg1OC44NTggMCAwIDAtLjc5OC41NzdsLTIuODQ4IDYuOTI0aDEuOTk0bC4zOTgtMS4wOTZoMi40NWwuMjI4IDEuMDk2aDEuNzY2em0tMi45MDUtNS40ODFsLjU2OSAyLjgyN2gtMS41OTVsMS4wMjYtMi44Mjd6Ii8+PC9nPjwvc3ZnPg==';
172
+ $credit-card-discover-image: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCB3aWR0aD0iMzUiIGhlaWdodD0iMjUiIGZpbGw9IiNGRkEyMDAiIHJ4PSIzLjM1OCIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yOS44ODMgMTIuMzJoLS4yNjV2LTEuNDA4aC4yNjVjLjU4MiAwIC44NDcuMjYuODQ3LjY3NyAwIC40Ny0uMjY1LjczLS44NDcuNzN6bTEuOC0uNzgzYzAtLjg4Ni0uNTgzLTEuMzU1LTEuNjQxLTEuMzU1aC0xLjMyM3Y0LjY0aC45di0xLjg3N2guMTA1bDEuMjE3IDEuODc2aDEuMTEybC0xLjQzLTEuOTI4YTEuMjY5IDEuMjY5IDAgMCAwIDEuMDYtMS4zNTZ6bS02LjA4NyAzLjI4NGgyLjU0di0uNzgyaC0xLjY0di0xLjI1aDEuNTg3di0uNzgzaC0xLjU4N3YtMS4wNDJoMS42NHYtLjc4MmgtMi41NHY0LjY0ek0yMi45NSAxMy4zMWwtMS4yMTctMy4xMjhoLS45NTNsMS45NTggNC43NDNoLjQ3N2wxLjk1OC00Ljc0M2gtLjk1M2wtMS4yNyAzLjEyOHptLTEwLjc0My0uNzgyYzAgMS4zMDMgMS4wNTggMi4zOTcgMi4zODEgMi4zOTcuNDI0IDAgLjc5NC0uMTA0IDEuMTY1LS4yNnYtMS4wNDNjLS4yNjUuMzEzLS42MzYuNTIyLTEuMDU5LjUyMi0uODQ3IDAtMS41MzUtLjYyNi0xLjUzNS0xLjQ2di0uMTA0Yy0uMDUzLS44MzQuNjM1LTEuNTY0IDEuNDgyLTEuNjE2LjQyNCAwIC44NDcuMjA5IDEuMTEyLjUyMXYtMS4wNDJjLS4zMTgtLjIwOS0uNzQxLS4yNi0xLjExMi0uMjYtMS4zNzYtLjEwNS0yLjQzNC45OS0yLjQzNCAyLjM0NXptLTEuNjQtLjU3NGMtLjUzLS4yMDgtLjY4OS0uMzEyLS42ODktLjU3My4wNTMtLjMxMy4zMTgtLjU3My42MzUtLjUyMS4yNjUgMCAuNTMuMTU2Ljc0MS4zNjVsLjQ3Ni0uNjI2Yy0uMzctLjMxMy0uODQ2LS41MjEtMS4zMjMtLjUyMWExLjM1IDEuMzUgMCAwIDAtMS40MjkgMS4yNXYuMDUzYzAgLjYyNS4yNjUuOTkgMS4xMTIgMS4yNTEuMjEyLjA1Mi40MjMuMTU2LjYzNS4yNmEuNTQ3LjU0NyAwIDAgMSAuMjY1LjQ3YzAgLjM2NS0uMzE4LjY3Ny0uNjM2LjY3N2gtLjA1MmMtLjQyNCAwLS43OTQtLjI2LS45NTMtLjYyNWwtLjU4Mi41NzNjLjMxNy41NzQuOTUyLjg4NiAxLjU4Ny44ODZhMS40ODQgMS40ODQgMCAwIDAgMS41ODgtMS40MDd2LS4xNTZjLS4wNTMtLjYyNi0uMzE3LS45MzktMS4zNzYtMS4zNTZ6bS0zLjA3IDIuODY3aC45di00LjYzOWgtLjl2NC42NHptLTEuOC0xLjE0N2ExLjY5MSAxLjY5MSAwIDAgMS0xLjIxNy4zNjVoLS4yNjV2LTMuMDc1aC4yNjVjLjQyMy0uMDUyLjkuMTA0IDEuMjE3LjM2NS4zMTguMzEzLjQ3Ny43My40NzcgMS4xNDcgMCAuNDY5LS4xNi44ODYtLjQ3NyAxLjE5OHpNNC42NCAxMC4xODJIMy4zMTZ2NC42NGgxLjMyM2MuNTgyLjA1MSAxLjE2NC0uMTU3IDEuNjQtLjUyMi41My0uNDcuODQ3LTEuMDk1Ljg0Ny0xLjc3Mi4wNTMtMS4yNTEtLjk1Mi0yLjI5NC0yLjIyMy0yLjM0Nkg0LjY0em0xMy44MTMtLjEwN2MtMS4zMjMgMC0yLjQzNSAxLjA0Mi0yLjQzNSAyLjM5NyAwIDEuMzAzIDEuMDU5IDIuMzk4IDIuNDM1IDIuNDUgMS4zNzYuMDUyIDIuNDM0LTEuMDQyIDIuNDg3LTIuMzk4LS4wNTMtMS4zNTUtMS4xMTEtMi40NS0yLjQ4Ny0yLjQ1eiIvPjwvZz48L3N2Zz4=';
173
+ $credit-card-amex-image: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCB3aWR0aD0iMzUiIGhlaWdodD0iMjUiIGZpbGw9IiMwMDdFQ0QiIHJ4PSIzLjMxNiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0zMC43NDUgMTYuOTg5SDI5LjIxdi0uNzc0aDEuMzRzLjQ5LjA1Ny40OS0uMjY2YzAtLjMwMy0uNzMxLS4yOC0uNzMxLS4yOHMtMS4xOTIuMTAzLTEuMTkyLTFjMC0xLjA5OCAxLjA3Ny0xLjAzNSAxLjA3Ny0xLjAzNWgxLjY1MnYuNzg1aC0xLjMzcy0uNDYtLjA5Mi0uNDYuMjM5YzAgLjI3Ny42MjcuMjM4LjYyNy4yMzhTMzIgMTQuOCAzMiAxNS44MTJjMCAxLjA4NC0uODUgMS4xODEtMS4xNSAxLjE4MS0uMDY1IDAtLjEwNS0uMDA0LS4xMDUtLjAwNHptLTcuNjY2LjAwNVYxMy42NGgyLjY5M3YuNzc5aC0xLjgyNHYuNTE2aDEuNzc5di43NjNoLTEuNzh2LjU3aDEuODI1di43MjZIMjMuMDh6bTQuNjIyLS4wMDVoLTEuNTM3di0uNzc0aDEuMzQ3cy40ODMuMDU3LjQ4My0uMjY2YzAtLjMwMy0uNzMtLjI4LS43My0uMjhzLTEuMTkyLjEwMy0xLjE5Mi0xYzAtMS4wOTggMS4wNzYtMS4wMzUgMS4wNzYtMS4wMzVoMS42NTl2Ljc4NUgyNy40N3MtLjQ2LS4wOTItLjQ2LjIzOWMwIC4yNzcuNjI2LjIzOC42MjYuMjM4czEuMzE5LS4wOTYgMS4zMTkuOTE2YzAgMS4wODQtLjg1IDEuMTgxLTEuMTUgMS4xODEtLjA2NiAwLS4xMDUtLjAwNC0uMTA1LS4wMDR6bS0xMS42NDMuMDA2aC0uNzU0bC0uOTE2LS45OTYtLjkyLjk5NmgtMy4yMTJ2LTMuMzY2SDEzLjRsLjk5IDEuMDY4Ljk5NS0xLjA2M2guNjYydi0uMDA1aDIuMDk1czEuMDk0LS4xMiAxLjA5NC45ODhjMCAuOTktLjM2NCAxLjI5Ny0xLjQ4IDEuMjk3aC0uODQ1djEuMDhoLS44NTJ6bS0xLjA4Mi0xLjY1NGwxLjA3IDEuMTd2LTIuMzM3bC0xLjA3IDEuMTY3em0tMy44NS45MjZoMS44MThsLjg1Mi0uOTI2LS44NTItLjkyMmgtMS44MTl2LjUxN2gxLjc3M3YuNzYyaC0xLjc3M3YuNTY5em01Ljc4NC0xLjIzaC44OTFjLjI2IDAgLjQ3My0uMTQxLjQ3My0uMzE3IDAtLjE3Ni0uMjEzLS4zMTktLjQ3My0uMzE5aC0uODkxdi42Mzd6TTIxLjgxMyAxN3YtLjY1NHMtLjAzNS0uNTEyLS41NzYtLjUxMmgtLjg0VjE3aC0uODYzdi0zLjM2aDIuMDk1czEuMDkzLS4xMzEgMS4wOTMuOTgzYzAgLjU4LS40ODMuNzg1LS40ODMuNzg1cy40MTQuMTkzLjQxNC43NjFWMTdoLS44NHptLTEuNDE2LTEuOTU2aC44OTJjLjI2IDAgLjQ3Mi0uMTQyLjQ3Mi0uMzE4IDAtLjE3Ny0uMjEyLS4zMTktLjQ3Mi0uMzE5aC0uODkydi42Mzd6bS0uNjUtMi42NDRoLjg2OFY5LjAzaC0uODY4djMuMzd6bS02LjY4OC0uMDExdi0zLjM2aDIuNjk0di43ODRoLTEuODI1di41MThoMS43Nzl2Ljc2MWgtMS43Nzl2LjU3aDEuODI1di43MjdoLTIuNjk0em0tMS4zNTMgMHYtMi4zMmwtMS4wODEgMi4zMmgtLjcwOEw4LjgyOSAxMC4wOHYyLjMxSDcuMTI1bC0uMy0uNzA2SDUuMjVsLS4zMDUuNzA1SDRsMS40MzMtMy4zNmgxLjIxNGwxLjMxMyAzLjA4N1Y5LjAyOGgxLjM2NGwuOTUgMi4wODcuOTQzLTIuMDg3aDEuMzY0djMuMzYxaC0uODc1em0tNi4wODktMS41NjRoLjg0bC0uNDItMS0uNDIgMXptMjMuMDUgMS41NjRsLTEuMzY5LTIuMjQ2djIuMjQ2aC0xLjY5MmwtLjMwNS0uNzA1aC0xLjU3N2wtLjMuNzA1aC0xLjM1MnMtMS4xNjItLjE2NS0xLjE2Mi0xLjU4NmMwLTEuODY1IDEuMzE4LTEuNzkyIDEuMzYzLTEuODAzbDEuMDY1LjAyOHYuNzU3bC0uODc0LjAxMXMtLjU3IDAtLjY0LjczNGEyLjM5NSAyLjM5NSAwIDAgMC0uMDEuMjMzYy4wMDMgMS4xMzYuOTk3Ljc4NCAxLjAzLjc3M2wxLjA3LTIuNTA4aDEuMjA4bDEuMjk1IDMuMDQ4VjkuMDI4aDEuMjJsMS4zNTMgMi4yMTNWOS4wMjhoLjg3djMuMzYxaC0xLjE5M3ptLTQuNTc1LTEuNTY0aC44NGwtLjQxNC0xLS40MjYgMXpNMTguNDggMTIuMzl2LS42NTRzLS4wMzQtLjUxMi0uNTc1LS41MTJoLS44NHYxLjE2NkgxNi4yVjkuMDNoMi4wOTVzMS4wOTQtLjEzMSAxLjA5NC45ODNjMCAuNTgtLjQ4NC43ODUtLjQ4NC43ODVzLjQyLjE5My40Mi43NjJ2LjgzaC0uODQ2em0tMS40MTUtMS45NTZoLjg5MmMuMjU5IDAgLjQ3Mi0uMTQyLjQ3Mi0uMzE5IDAtLjE3Ni0uMjEzLS4zMTgtLjQ3Mi0uMzE4aC0uODkydi42Mzd6Ii8+PC9nPjwvc3ZnPg==';
174
+ $credit-card-mastercard-image: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCB3aWR0aD0iMzUiIGhlaWdodD0iMjUiIGZpbGw9IiMzNTNBNDgiIHJ4PSIzLjMxNiIvPjxwYXRoIGZpbGw9IiNGRjVFMDAiIGQ9Ik0xNy42ODQgNy4zNzNhNi43MzggNi43MzggMCAwIDEgNC40MjEtMS42NDljMy43NjUgMCA2LjgxNiAzLjA5IDYuODE2IDYuOTAzIDAgMy44MTItMy4wNTEgNi45MDMtNi44MTYgNi45MDMtMS42ODcgMC0zLjIzLS42Mi00LjQyLTEuNjVhNi43MzggNi43MzggMCAwIDEtNC40MjIgMS42NWMtMy43NjQgMC02LjgxNi0zLjA5LTYuODE2LTYuOTAzIDAtMy44MTIgMy4wNTItNi45MDMgNi44MTYtNi45MDMgMS42ODcgMCAzLjIzMS42MiA0LjQyMSAxLjY0OXoiLz48cGF0aCBmaWxsPSIjRUQwMDA2IiBkPSJNMTcuNjg0IDcuMzczYTYuOTI0IDYuOTI0IDAgMCAwLTIuMzk1IDUuMjU0YzAgMi4xMDQuOTMgMy45ODggMi4zOTUgNS4yNTRhNi43MzggNi43MzggMCAwIDEtNC40MiAxLjY0OWMtMy43NjUgMC02LjgxNy0zLjA5LTYuODE3LTYuOTAzIDAtMy44MTIgMy4wNTItNi45MDMgNi44MTYtNi45MDMgMS42ODcgMCAzLjIzMS42MiA0LjQyMSAxLjY0OXoiLz48cGF0aCBmaWxsPSIjRjlBMDAwIiBkPSJNMTcuNjg0IDE3Ljg4YTYuOTI0IDYuOTI0IDAgMCAwIDIuMzk1LTUuMjUzYzAtMi4xMDQtLjkzLTMuOTg4LTIuMzk1LTUuMjU0YTYuNzM4IDYuNzM4IDAgMCAxIDQuNDIxLTEuNjQ5YzMuNzY1IDAgNi44MTYgMy4wOSA2LjgxNiA2LjkwMyAwIDMuODEyLTMuMDUxIDYuOTAzLTYuODE2IDYuOTAzLTEuNjg3IDAtMy4yMy0uNjItNC40Mi0xLjY1eiIvPjwvZz48L3N2Zz4=';
175
+
176
+ $caret-image: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiAgICA8cGF0aCBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iI0YyNEE0MCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik02IDEwbDYuMTE5IDZMMTggMTAiLz4NCjwvc3ZnPg0K' !default;
177
+
170
178
  // Fonts
171
179
  $body-font-family: 'Open Sans', sans-serif !default;
172
180
  $headline-font-family: 'Ubuntu', sans-serif !default;
@@ -920,24 +920,24 @@ label {
920
920
  }
921
921
 
922
922
  &.no-color::before {
923
- background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDM1IDI0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwMDtzdHJva2U6IzAwMDtmaWxsLW9wYWNpdHk6MC4wMzt9LmNscy0ye2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48dGl0bGU+aWNvbi1jcmVkaXQtY2FyZC1kZWZhdWx0LW5vY29sb3I8L3RpdGxlPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIzNCIgaGVpZ2h0PSIyMyIgcng9IjMiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik01LjgzLDE2SDE3LjV2Mkg1LjgzWm0wLTRIMjUuMjh2Mkg1LjgzWiIvPjwvc3ZnPg==');
923
+ background-image: url($credit-card-no-color-image);
924
924
  }
925
925
 
926
926
  &.visa::before {
927
- background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCB3aWR0aD0iMzUiIGhlaWdodD0iMjUiIGZpbGw9IiMyMjREQkEiIHJ4PSIzLjMxNiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMS45MjUgMTYuNjc0SDkuODc0bC0xLjUzOC02Yy0uMDczLS4yNzYtLjIyOC0uNTItLjQ1Ni0uNjM1QTYuNTc1IDYuNTc1IDAgMCAwIDYgOS40MDR2LS4yMzFoMy4zMDRjLjQ1NiAwIC43OTguMzQ3Ljg1NS43NWwuNzk4IDQuMzI4IDIuMDUtNS4wNzhoMS45OTRsLTMuMDc2IDcuNTAxem00LjIxNiAwaC0xLjkzN2wxLjU5NS03LjUwMWgxLjkzN2wtMS41OTUgNy41MDF6bTQuMTAxLTUuNDIzYy4wNTctLjQwNC4zOTktLjYzNS43OTgtLjYzNWEzLjU0IDMuNTQgMCAwIDEgMS44OC4zNDZsLjM0Mi0xLjYxNUE0LjgwOCA0LjgwOCAwIDAgMCAyMS40OTYgOWMtMS44OCAwLTMuMjQ4IDEuMDM5LTMuMjQ4IDIuNDgxIDAgMS4wOTcuOTY5IDEuNjczIDEuNjUzIDIuMDIuNzQuMzQ2IDEuMDI1LjU3Ny45NjguOTIzIDAgLjUxOS0uNTcuNzUtMS4xMzkuNzVhNC43OTUgNC43OTUgMCAwIDEtMS45OTQtLjQ2MmwtLjM0MiAxLjYxNmE1LjQ4IDUuNDggMCAwIDAgMi4xMDguNDA0YzIuMTA4LjA1NyAzLjQxOC0uOTgxIDMuNDE4LTIuNTM5IDAtMS45NjItMi42NzgtMi4wNzctMi42NzgtMi45NDJ6bTkuNDU3IDUuNDIzbC0xLjUzOC03LjUwMWgtMS42NTJhLjg1OC44NTggMCAwIDAtLjc5OC41NzdsLTIuODQ4IDYuOTI0aDEuOTk0bC4zOTgtMS4wOTZoMi40NWwuMjI4IDEuMDk2aDEuNzY2em0tMi45MDUtNS40ODFsLjU2OSAyLjgyN2gtMS41OTVsMS4wMjYtMi44Mjd6Ii8+PC9nPjwvc3ZnPg==') !important;
927
+ background-image: url($credit-card-visa-image) !important;
928
928
  }
929
929
 
930
930
  &.discover::before {
931
- background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCB3aWR0aD0iMzUiIGhlaWdodD0iMjUiIGZpbGw9IiNGRkEyMDAiIHJ4PSIzLjM1OCIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yOS44ODMgMTIuMzJoLS4yNjV2LTEuNDA4aC4yNjVjLjU4MiAwIC44NDcuMjYuODQ3LjY3NyAwIC40Ny0uMjY1LjczLS44NDcuNzN6bTEuOC0uNzgzYzAtLjg4Ni0uNTgzLTEuMzU1LTEuNjQxLTEuMzU1aC0xLjMyM3Y0LjY0aC45di0xLjg3N2guMTA1bDEuMjE3IDEuODc2aDEuMTEybC0xLjQzLTEuOTI4YTEuMjY5IDEuMjY5IDAgMCAwIDEuMDYtMS4zNTZ6bS02LjA4NyAzLjI4NGgyLjU0di0uNzgyaC0xLjY0di0xLjI1aDEuNTg3di0uNzgzaC0xLjU4N3YtMS4wNDJoMS42NHYtLjc4MmgtMi41NHY0LjY0ek0yMi45NSAxMy4zMWwtMS4yMTctMy4xMjhoLS45NTNsMS45NTggNC43NDNoLjQ3N2wxLjk1OC00Ljc0M2gtLjk1M2wtMS4yNyAzLjEyOHptLTEwLjc0My0uNzgyYzAgMS4zMDMgMS4wNTggMi4zOTcgMi4zODEgMi4zOTcuNDI0IDAgLjc5NC0uMTA0IDEuMTY1LS4yNnYtMS4wNDNjLS4yNjUuMzEzLS42MzYuNTIyLTEuMDU5LjUyMi0uODQ3IDAtMS41MzUtLjYyNi0xLjUzNS0xLjQ2di0uMTA0Yy0uMDUzLS44MzQuNjM1LTEuNTY0IDEuNDgyLTEuNjE2LjQyNCAwIC44NDcuMjA5IDEuMTEyLjUyMXYtMS4wNDJjLS4zMTgtLjIwOS0uNzQxLS4yNi0xLjExMi0uMjYtMS4zNzYtLjEwNS0yLjQzNC45OS0yLjQzNCAyLjM0NXptLTEuNjQtLjU3NGMtLjUzLS4yMDgtLjY4OS0uMzEyLS42ODktLjU3My4wNTMtLjMxMy4zMTgtLjU3My42MzUtLjUyMS4yNjUgMCAuNTMuMTU2Ljc0MS4zNjVsLjQ3Ni0uNjI2Yy0uMzctLjMxMy0uODQ2LS41MjEtMS4zMjMtLjUyMWExLjM1IDEuMzUgMCAwIDAtMS40MjkgMS4yNXYuMDUzYzAgLjYyNS4yNjUuOTkgMS4xMTIgMS4yNTEuMjEyLjA1Mi40MjMuMTU2LjYzNS4yNmEuNTQ3LjU0NyAwIDAgMSAuMjY1LjQ3YzAgLjM2NS0uMzE4LjY3Ny0uNjM2LjY3N2gtLjA1MmMtLjQyNCAwLS43OTQtLjI2LS45NTMtLjYyNWwtLjU4Mi41NzNjLjMxNy41NzQuOTUyLjg4NiAxLjU4Ny44ODZhMS40ODQgMS40ODQgMCAwIDAgMS41ODgtMS40MDd2LS4xNTZjLS4wNTMtLjYyNi0uMzE3LS45MzktMS4zNzYtMS4zNTZ6bS0zLjA3IDIuODY3aC45di00LjYzOWgtLjl2NC42NHptLTEuOC0xLjE0N2ExLjY5MSAxLjY5MSAwIDAgMS0xLjIxNy4zNjVoLS4yNjV2LTMuMDc1aC4yNjVjLjQyMy0uMDUyLjkuMTA0IDEuMjE3LjM2NS4zMTguMzEzLjQ3Ny43My40NzcgMS4xNDcgMCAuNDY5LS4xNi44ODYtLjQ3NyAxLjE5OHpNNC42NCAxMC4xODJIMy4zMTZ2NC42NGgxLjMyM2MuNTgyLjA1MSAxLjE2NC0uMTU3IDEuNjQtLjUyMi41My0uNDcuODQ3LTEuMDk1Ljg0Ny0xLjc3Mi4wNTMtMS4yNTEtLjk1Mi0yLjI5NC0yLjIyMy0yLjM0Nkg0LjY0em0xMy44MTMtLjEwN2MtMS4zMjMgMC0yLjQzNSAxLjA0Mi0yLjQzNSAyLjM5NyAwIDEuMzAzIDEuMDU5IDIuMzk4IDIuNDM1IDIuNDUgMS4zNzYuMDUyIDIuNDM0LTEuMDQyIDIuNDg3LTIuMzk4LS4wNTMtMS4zNTUtMS4xMTEtMi40NS0yLjQ4Ny0yLjQ1eiIvPjwvZz48L3N2Zz4=') !important;
931
+ background-image: url($credit-card-discover-image) !important;
932
932
  }
933
933
 
934
934
  &.american-express::before {
935
- background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCB3aWR0aD0iMzUiIGhlaWdodD0iMjUiIGZpbGw9IiMwMDdFQ0QiIHJ4PSIzLjMxNiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0zMC43NDUgMTYuOTg5SDI5LjIxdi0uNzc0aDEuMzRzLjQ5LjA1Ny40OS0uMjY2YzAtLjMwMy0uNzMxLS4yOC0uNzMxLS4yOHMtMS4xOTIuMTAzLTEuMTkyLTFjMC0xLjA5OCAxLjA3Ny0xLjAzNSAxLjA3Ny0xLjAzNWgxLjY1MnYuNzg1aC0xLjMzcy0uNDYtLjA5Mi0uNDYuMjM5YzAgLjI3Ny42MjcuMjM4LjYyNy4yMzhTMzIgMTQuOCAzMiAxNS44MTJjMCAxLjA4NC0uODUgMS4xODEtMS4xNSAxLjE4MS0uMDY1IDAtLjEwNS0uMDA0LS4xMDUtLjAwNHptLTcuNjY2LjAwNVYxMy42NGgyLjY5M3YuNzc5aC0xLjgyNHYuNTE2aDEuNzc5di43NjNoLTEuNzh2LjU3aDEuODI1di43MjZIMjMuMDh6bTQuNjIyLS4wMDVoLTEuNTM3di0uNzc0aDEuMzQ3cy40ODMuMDU3LjQ4My0uMjY2YzAtLjMwMy0uNzMtLjI4LS43My0uMjhzLTEuMTkyLjEwMy0xLjE5Mi0xYzAtMS4wOTggMS4wNzYtMS4wMzUgMS4wNzYtMS4wMzVoMS42NTl2Ljc4NUgyNy40N3MtLjQ2LS4wOTItLjQ2LjIzOWMwIC4yNzcuNjI2LjIzOC42MjYuMjM4czEuMzE5LS4wOTYgMS4zMTkuOTE2YzAgMS4wODQtLjg1IDEuMTgxLTEuMTUgMS4xODEtLjA2NiAwLS4xMDUtLjAwNC0uMTA1LS4wMDR6bS0xMS42NDMuMDA2aC0uNzU0bC0uOTE2LS45OTYtLjkyLjk5NmgtMy4yMTJ2LTMuMzY2SDEzLjRsLjk5IDEuMDY4Ljk5NS0xLjA2M2guNjYydi0uMDA1aDIuMDk1czEuMDk0LS4xMiAxLjA5NC45ODhjMCAuOTktLjM2NCAxLjI5Ny0xLjQ4IDEuMjk3aC0uODQ1djEuMDhoLS44NTJ6bS0xLjA4Mi0xLjY1NGwxLjA3IDEuMTd2LTIuMzM3bC0xLjA3IDEuMTY3em0tMy44NS45MjZoMS44MThsLjg1Mi0uOTI2LS44NTItLjkyMmgtMS44MTl2LjUxN2gxLjc3M3YuNzYyaC0xLjc3M3YuNTY5em01Ljc4NC0xLjIzaC44OTFjLjI2IDAgLjQ3My0uMTQxLjQ3My0uMzE3IDAtLjE3Ni0uMjEzLS4zMTktLjQ3My0uMzE5aC0uODkxdi42Mzd6TTIxLjgxMyAxN3YtLjY1NHMtLjAzNS0uNTEyLS41NzYtLjUxMmgtLjg0VjE3aC0uODYzdi0zLjM2aDIuMDk1czEuMDkzLS4xMzEgMS4wOTMuOTgzYzAgLjU4LS40ODMuNzg1LS40ODMuNzg1cy40MTQuMTkzLjQxNC43NjFWMTdoLS44NHptLTEuNDE2LTEuOTU2aC44OTJjLjI2IDAgLjQ3Mi0uMTQyLjQ3Mi0uMzE4IDAtLjE3Ny0uMjEyLS4zMTktLjQ3Mi0uMzE5aC0uODkydi42Mzd6bS0uNjUtMi42NDRoLjg2OFY5LjAzaC0uODY4djMuMzd6bS02LjY4OC0uMDExdi0zLjM2aDIuNjk0di43ODRoLTEuODI1di41MThoMS43Nzl2Ljc2MWgtMS43Nzl2LjU3aDEuODI1di43MjdoLTIuNjk0em0tMS4zNTMgMHYtMi4zMmwtMS4wODEgMi4zMmgtLjcwOEw4LjgyOSAxMC4wOHYyLjMxSDcuMTI1bC0uMy0uNzA2SDUuMjVsLS4zMDUuNzA1SDRsMS40MzMtMy4zNmgxLjIxNGwxLjMxMyAzLjA4N1Y5LjAyOGgxLjM2NGwuOTUgMi4wODcuOTQzLTIuMDg3aDEuMzY0djMuMzYxaC0uODc1em0tNi4wODktMS41NjRoLjg0bC0uNDItMS0uNDIgMXptMjMuMDUgMS41NjRsLTEuMzY5LTIuMjQ2djIuMjQ2aC0xLjY5MmwtLjMwNS0uNzA1aC0xLjU3N2wtLjMuNzA1aC0xLjM1MnMtMS4xNjItLjE2NS0xLjE2Mi0xLjU4NmMwLTEuODY1IDEuMzE4LTEuNzkyIDEuMzYzLTEuODAzbDEuMDY1LjAyOHYuNzU3bC0uODc0LjAxMXMtLjU3IDAtLjY0LjczNGEyLjM5NSAyLjM5NSAwIDAgMC0uMDEuMjMzYy4wMDMgMS4xMzYuOTk3Ljc4NCAxLjAzLjc3M2wxLjA3LTIuNTA4aDEuMjA4bDEuMjk1IDMuMDQ4VjkuMDI4aDEuMjJsMS4zNTMgMi4yMTNWOS4wMjhoLjg3djMuMzYxaC0xLjE5M3ptLTQuNTc1LTEuNTY0aC44NGwtLjQxNC0xLS40MjYgMXpNMTguNDggMTIuMzl2LS42NTRzLS4wMzQtLjUxMi0uNTc1LS41MTJoLS44NHYxLjE2NkgxNi4yVjkuMDNoMi4wOTVzMS4wOTQtLjEzMSAxLjA5NC45ODNjMCAuNTgtLjQ4NC43ODUtLjQ4NC43ODVzLjQyLjE5My40Mi43NjJ2LjgzaC0uODQ2em0tMS40MTUtMS45NTZoLjg5MmMuMjU5IDAgLjQ3Mi0uMTQyLjQ3Mi0uMzE5IDAtLjE3Ni0uMjEzLS4zMTgtLjQ3Mi0uMzE4aC0uODkydi42Mzd6Ii8+PC9nPjwvc3ZnPg==') !important;
935
+ background-image: url($credit-card-amex-image) !important;
936
936
  }
937
937
 
938
938
  &.mastercard::before,
939
939
  &.maestro::before {
940
- background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCB3aWR0aD0iMzUiIGhlaWdodD0iMjUiIGZpbGw9IiMzNTNBNDgiIHJ4PSIzLjMxNiIvPjxwYXRoIGZpbGw9IiNGRjVFMDAiIGQ9Ik0xNy42ODQgNy4zNzNhNi43MzggNi43MzggMCAwIDEgNC40MjEtMS42NDljMy43NjUgMCA2LjgxNiAzLjA5IDYuODE2IDYuOTAzIDAgMy44MTItMy4wNTEgNi45MDMtNi44MTYgNi45MDMtMS42ODcgMC0zLjIzLS42Mi00LjQyLTEuNjVhNi43MzggNi43MzggMCAwIDEtNC40MjIgMS42NWMtMy43NjQgMC02LjgxNi0zLjA5LTYuODE2LTYuOTAzIDAtMy44MTIgMy4wNTItNi45MDMgNi44MTYtNi45MDMgMS42ODcgMCAzLjIzMS42MiA0LjQyMSAxLjY0OXoiLz48cGF0aCBmaWxsPSIjRUQwMDA2IiBkPSJNMTcuNjg0IDcuMzczYTYuOTI0IDYuOTI0IDAgMCAwLTIuMzk1IDUuMjU0YzAgMi4xMDQuOTMgMy45ODggMi4zOTUgNS4yNTRhNi43MzggNi43MzggMCAwIDEtNC40MiAxLjY0OWMtMy43NjUgMC02LjgxNy0zLjA5LTYuODE3LTYuOTAzIDAtMy44MTIgMy4wNTItNi45MDMgNi44MTYtNi45MDMgMS42ODcgMCAzLjIzMS42MiA0LjQyMSAxLjY0OXoiLz48cGF0aCBmaWxsPSIjRjlBMDAwIiBkPSJNMTcuNjg0IDE3Ljg4YTYuOTI0IDYuOTI0IDAgMCAwIDIuMzk1LTUuMjUzYzAtMi4xMDQtLjkzLTMuOTg4LTIuMzk1LTUuMjU0YTYuNzM4IDYuNzM4IDAgMCAxIDQuNDIxLTEuNjQ5YzMuNzY1IDAgNi44MTYgMy4wOSA2LjgxNiA2LjkwMyAwIDMuODEyLTMuMDUxIDYuOTAzLTYuODE2IDYuOTAzLTEuNjg3IDAtMy4yMy0uNjItNC40Mi0xLjY1eiIvPjwvZz48L3N2Zz4=') !important;
940
+ background-image: url($credit-card-mastercard-image) !important;
941
941
  }
942
942
  }
943
943
 
@@ -1536,24 +1536,24 @@ body.hover-capable {
1536
1536
  }
1537
1537
 
1538
1538
  &.no-color span {
1539
- background-image: url('/assets/images/icon-credit-card-default-no-color.svg');
1539
+ background-image: url($credit-card-no-color-image);
1540
1540
  }
1541
1541
 
1542
1542
  &.visa span {
1543
- background-image: url('/assets/images/icon-credit-card-visa.svg') !important;
1543
+ background-image: url($credit-card-visa-image) !important;
1544
1544
  }
1545
1545
 
1546
1546
  &.discover span {
1547
- background-image: url('/assets/images/icon-credit-card-discover.svg') !important;
1547
+ background-image: url($credit-card-discover-image) !important;
1548
1548
  }
1549
1549
 
1550
1550
  &.american-express span {
1551
- background-image: url('/assets/images/icon-credit-card-amex.svg') !important;
1551
+ background-image: url($credit-card-amex-image) !important;
1552
1552
  }
1553
1553
 
1554
1554
  &.mastercard span,
1555
1555
  &.maestro span {
1556
- background-image: url('/assets/images/icon-credit-card-mastercard.svg') !important;
1556
+ background-image: url($credit-card-mastercard-image) !important;
1557
1557
  }
1558
1558
  }
1559
1559
  }
@@ -21,7 +21,7 @@
21
21
  width: 50px;
22
22
  height: 50px;
23
23
  background-repeat: no-repeat;
24
- background-image: url('/assets/images/caret.svg');
24
+ background-image: url($caret-image);
25
25
  background-size: 40px;
26
26
  background-position: center;
27
27
  }
@@ -1,20 +1,18 @@
1
1
  <template>
2
- <div>
3
- <div v-if="slides.length > 1" class="slideshow" :class="{ small: small }" @mouseover="triggerClearTimer" @mouseout="triggerStartTimer">
4
- <div class="slideshow-wrapper">
5
- <div v-touch:swipe.left="goToNext" v-touch:swipe.right="goToPrevious" v-touch-options="{ swipeTolerance: 50 }">
6
- <div v-for="(slide, index) in slides" class="slide" :class="{ current: index == currentIndex, prev: index === previousIndex, next: index === nextIndex }" :style="backgroundImage(slide)"></div>
7
- </div>
8
- <a v-if="slides.length > 1 || forceNav" class="nav prev show-for-medium" @click="goToPrevious"></a>
9
- <a v-if="slides.length > 1 || forceNav" class="nav next show-for-medium" @click="goToNext"></a>
2
+ <div v-if="slides.length > 1" class="slideshow" :class="{ small: small }" @mouseover="triggerClearTimer" @mouseout="triggerStartTimer">
3
+ <div class="slideshow-wrapper">
4
+ <div v-touch:swipe.left="goToNext" v-touch:swipe.right="goToPrevious" v-touch-options="{ swipeTolerance: 50 }">
5
+ <div v-for="(slide, index) in slides" class="slide" :class="{ current: index == currentIndex, prev: index === previousIndex, next: index === nextIndex }" :style="backgroundImage(slide)"></div>
10
6
  </div>
11
- <nav class="slideshow-nav">
12
- <a v-for="(slide, index) in slides" :aria-label="index" :class="{ current: index == currentIndex }" @click="goToSlide(index)"></a>
13
- </nav>
14
- </div>
15
- <div v-else>
16
- <slot></slot>
7
+ <a v-if="slides.length > 1 || forceNav" class="nav prev show-for-medium" @click="goToPrevious"></a>
8
+ <a v-if="slides.length > 1 || forceNav" class="nav next show-for-medium" @click="goToNext"></a>
17
9
  </div>
10
+ <nav class="slideshow-nav">
11
+ <a v-for="(slide, index) in slides" :aria-label="index" :class="{ current: index == currentIndex }" @click="goToSlide(index)"></a>
12
+ </nav>
13
+ </div>
14
+ <div v-else>
15
+ <slot></slot>
18
16
  </div>
19
17
  </template>
20
18