public
/
di-stepper
6
0
Fork 0
Code Issues Pull Requests Projects Releases 6 Wiki Activity
Browse Source

Add sprite for icons

dev
philipp lang 4 years ago
parent
da56b3470d
commit
24107ad68f
8 changed files with 13 additions and 11 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      assets/css/app.css
  2. 2
      assets/js/app.js
  3. 2
      assets/svg/anschlussfinanzierung.svg
  4. 2
      assets/svg/bauvorhaben.svg
  5. 2
      assets/svg/home.svg
  6. 2
      assets/svg/immobilienfinanzierung.svg
  7. 2
      package.json
  8. 4
      views/stepper.twig.htm

8
assets/css/app.css
View File

@ -105,8 +105,12 @@ body {
svg {
color: var(--secondary);
fill: currentColor;
width: 8rem;
height: 8rem;
width: 5.625rem;
height: 5.625rem;
}
svg.icon-immobilienfinanzierung {
width: 9.6875rem;
height: 9.6875rem;
}
}
}

2
assets/js/app.js
View File

@ -93,7 +93,7 @@ window.stepper = {
/* Methods */
svg(icon) {
return `<svg><use xlink:href="${this.sprite}#${icon}"></use></svg>`;
return `<svg class="icon-${icon}"><use xlink:href="${this.sprite}#${icon}"></use></svg>`;
},
submit() {

2
assets/svg/anschlussfinanzierung.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

2
assets/svg/bauvorhaben.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 415.3 406.9" style="enable-background:new 0 0 415.3 406.9" xml:space="preserve"><defs><path id="a" d="M-302.7-259h1000V741h-1000z"/></defs><clipPath id="b"><use xlink:href="#a" style="overflow:visible"/></clipPath><path d="M17.2 160.2c13.7-8 25.1-14.7 36.4-21.4 47.2-28 94.5-55.7 141.4-84.2 8.3-5 14-4.4 21.9.4 54 32.5 108.2 64.5 162.4 96.7 4 2.4 8.1 4.6 14.6 8.2 0-14.4.4-26.9-.3-39.4-.2-2.8-4-6.2-7-8C329.2 78.2 271.8 44 214 10.3c-3.9-2.3-11.7-1.9-15.7.5C141.9 43.4 86 76.9 29.5 109.4c-9.5 5.5-13.5 11.5-12.4 22.2.8 8.4.1 17.1.1 28.6" style="clip-path:url(#b);fill:#507d9b"/><defs><path id="c" d="M-302.7-259h1000V741h-1000z"/></defs><clipPath id="d"><use xlink:href="#c" style="overflow:visible"/></clipPath><path d="M106.8 17.2h-39v72.2c13.1-7.9 25.1-15.1 37.1-22.6 1.1-.7 1.8-2.9 1.9-4.4V17.2" style="clip-path:url(#d);fill:#507d9b"/><g><defs><path id="e" d="M-302.7-259h1000V741h-1000z"/></defs><clipPath id="f"><use xlink:href="#e" style="overflow:visible"/></clipPath><path d="M395.6 368.2c-4.7 4.5-9.3 9.2-14 13.6-6.2 5.8-15.6 6.5-22 1.1-5.5-4.6-10.5-10-15.3-15.3-3.2-3.6-3.3-8.4-3.1-13.2.1-1.4-.3-3.2-1.1-4.1-18.6-19.1-37.4-38.1-56-57.1-1.6-1.7-3.1-2.4-5.6-2-6.5 1-12.1-1.1-16.7-5.9-3.3-3.5-6.9-6.8-10.3-10.3-5.2-5.3-6.5-13.3-3.3-20.1.6-1.3 2.3-1.6 3.3-.6 5.7 6 11.3 12 17.1 18.2.8.9 2.2.9 3 0 5.2-5.5 10-10.5 14.9-15.7.7-.8.8-1.9.1-2.7-5.1-6-10.5-12.3-15.9-18.7-.9-1.1-.5-2.7.9-3.2 5.6-2.1 12.4-1.3 16.9 2.5 5.1 4.4 9.9 9.2 14.4 14.2 4 4.5 4.3 10.1 3.5 15.8-.1 1 0 2.5.6 3.1 6.3 6.6 12.7 13.1 19.2 19.5.8.8 2.1.7 2.9-.1 6.1-6.5 12.2-12.9 18.3-19.4 3.7-4 7.5-7.9 11.2-11.9 2.7-2.8 4.3-5.8 3.7-10.1-1.2-8.7 6.2-16.8 15.1-17 9.2-.3 16.3 7.2 15.9 16.6-.4 8.8-8.3 15.8-17.2 14.2-4.8-.9-7.3.7-10.4 3.8-10.1 10.4-20.4 20.5-30.7 30.7-.2.2-.3.3-.6.7-.6.8-.5 2 .2 2.7 6.3 5.9 12.6 11.7 18.8 17.7 3.4 3.3 6.6 6.8 10.1 10 .9.8 2.7 1.3 4 1.1 7-1.4 12.9.4 18 5.2 3.6 3.4 7.1 7 10.5 10.6 7.4 7.8 7.2 18.7-.4 26.1" style="clip-path:url(#f);fill:#f9d493"/></g><g><defs><path id="g" d="M-302.7-259h1000V741h-1000z"/></defs><clipPath id="h"><use xlink:href="#g" style="overflow:visible"/></clipPath><path d="M317.6 337.1c-7.8 7.7-16 15.6-24 23.6-7.2 7.1-14.3 14.2-21.4 21.3-6.6 6.6-17 6.7-23.5.1-1.7-1.7-3.4-3.3-5-5.1-5.6-6.2-5.9-15.2-.2-21.3 8.4-9 17.3-17.6 26-26.3 5.8-5.8 11.5-11.6 17.3-17.4 1-1 2.1-1.9 3.1-2.8 9.1 9.2 18.2 18.3 27.7 27.9" style="clip-path:url(#h);fill:#f9d493"/></g><g><defs><path id="i" d="M-302.7-259h1000V741h-1000z"/></defs><clipPath id="j"><use xlink:href="#i" style="overflow:visible"/></clipPath><path d="M359.6 169.3c-48.6-29-97-58.2-145.2-87.8-6.5-4-11.1-3.5-17.3.2-49.2 29.6-98.7 58.8-147.7 88.6-3.9 2.4-8.1 8.2-8.2 12.4-.5 66.4-.3 132.9-.3 199.3 0 1.6.5 3.3.9 5.8h157.4c-12.6-19.9-19.9-43.5-19.9-68.8 0-71.2 57.8-129 129-129 22.1 0 42.9 5.6 61.1 15.4 0-6.2 0-12.4.1-18.7 0-8.4-2.7-13.1-9.9-17.4M127.2 360.5c0 2.1-1.7 3.8-3.8 3.8H83.3c-2.1 0-3.8-1.7-3.8-3.8v-40.1c0-2.1 1.7-3.8 3.8-3.8h40.1c2.1 0 3.8 1.7 3.8 3.8v40.1zm0-64.1c0 2.1-1.7 3.8-3.8 3.8H83.3c-2.1 0-3.8-1.7-3.8-3.8v-40.1c0-2.1 1.7-3.8 3.8-3.8h40.1c2.1 0 3.8 1.7 3.8 3.8v40.1zm0-64.1c0 2.1-1.7 3.8-3.8 3.8H83.3c-2.1 0-3.8-1.7-3.8-3.8v-40.1c0-2.1 1.7-3.8 3.8-3.8h40.1c2.1 0 3.8 1.7 3.8 3.8v40.1z" style="clip-path:url(#j);fill:#507d9b"/></g></svg>
<svg xml:space="preserve" width="384.505" height="379.029" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><defs><path id="a" d="M-302.7-259h1000V741h-1000z"/></defs><clipPath id="b"><use xlink:href="#a" style="overflow:visible" width="100%" height="100%"/></clipPath><path d="M17.2 160.2c13.7-8 25.1-14.7 36.4-21.4 47.2-28 94.5-55.7 141.4-84.2 8.3-5 14-4.4 21.9.4 54 32.5 108.2 64.5 162.4 96.7 4 2.4 8.1 4.6 14.6 8.2 0-14.4.4-26.9-.3-39.4-.2-2.8-4-6.2-7-8C329.2 78.2 271.8 44 214 10.3c-3.9-2.3-11.7-1.9-15.7.5C141.9 43.4 86 76.9 29.5 109.4c-9.5 5.5-13.5 11.5-12.4 22.2.8 8.4.1 17.1.1 28.6" style="fill:#507d9b" clip-path="url(#b)" transform="translate(-16.923 -8.771)"/><defs><path id="c" d="M-302.7-259h1000V741h-1000z"/></defs><clipPath id="d"><use xlink:href="#c" style="overflow:visible" width="100%" height="100%"/></clipPath><path d="M106.8 17.2h-39v72.2c13.1-7.9 25.1-15.1 37.1-22.6 1.1-.7 1.8-2.9 1.9-4.4V17.2" style="fill:#507d9b" clip-path="url(#d)" transform="translate(-16.923 -8.771)"/><g transform="translate(-16.923 -8.771)"><defs><path id="e" d="M-302.7-259h1000V741h-1000z"/></defs><clipPath id="f"><use xlink:href="#e" style="overflow:visible" width="100%" height="100%"/></clipPath><path d="M395.6 368.2c-4.7 4.5-9.3 9.2-14 13.6-6.2 5.8-15.6 6.5-22 1.1-5.5-4.6-10.5-10-15.3-15.3-3.2-3.6-3.3-8.4-3.1-13.2.1-1.4-.3-3.2-1.1-4.1-18.6-19.1-37.4-38.1-56-57.1-1.6-1.7-3.1-2.4-5.6-2-6.5 1-12.1-1.1-16.7-5.9-3.3-3.5-6.9-6.8-10.3-10.3-5.2-5.3-6.5-13.3-3.3-20.1.6-1.3 2.3-1.6 3.3-.6 5.7 6 11.3 12 17.1 18.2.8.9 2.2.9 3 0 5.2-5.5 10-10.5 14.9-15.7.7-.8.8-1.9.1-2.7-5.1-6-10.5-12.3-15.9-18.7-.9-1.1-.5-2.7.9-3.2 5.6-2.1 12.4-1.3 16.9 2.5 5.1 4.4 9.9 9.2 14.4 14.2 4 4.5 4.3 10.1 3.5 15.8-.1 1 0 2.5.6 3.1 6.3 6.6 12.7 13.1 19.2 19.5.8.8 2.1.7 2.9-.1 6.1-6.5 12.2-12.9 18.3-19.4 3.7-4 7.5-7.9 11.2-11.9 2.7-2.8 4.3-5.8 3.7-10.1-1.2-8.7 6.2-16.8 15.1-17 9.2-.3 16.3 7.2 15.9 16.6-.4 8.8-8.3 15.8-17.2 14.2-4.8-.9-7.3.7-10.4 3.8-10.1 10.4-20.4 20.5-30.7 30.7-.2.2-.3.3-.6.7-.6.8-.5 2 .2 2.7 6.3 5.9 12.6 11.7 18.8 17.7 3.4 3.3 6.6 6.8 10.1 10 .9.8 2.7 1.3 4 1.1 7-1.4 12.9.4 18 5.2 3.6 3.4 7.1 7 10.5 10.6 7.4 7.8 7.2 18.7-.4 26.1" style="fill:#f9d493" clip-path="url(#f)"/></g><g transform="translate(-16.923 -8.771)"><defs><path id="g" d="M-302.7-259h1000V741h-1000z"/></defs><clipPath id="h"><use xlink:href="#g" style="overflow:visible" width="100%" height="100%"/></clipPath><path d="M317.6 337.1c-7.8 7.7-16 15.6-24 23.6-7.2 7.1-14.3 14.2-21.4 21.3-6.6 6.6-17 6.7-23.5.1-1.7-1.7-3.4-3.3-5-5.1-5.6-6.2-5.9-15.2-.2-21.3 8.4-9 17.3-17.6 26-26.3 5.8-5.8 11.5-11.6 17.3-17.4 1-1 2.1-1.9 3.1-2.8 9.1 9.2 18.2 18.3 27.7 27.9" style="fill:#f9d493" clip-path="url(#h)"/></g><g transform="translate(-16.923 -8.771)"><defs><path id="i" d="M-302.7-259h1000V741h-1000z"/></defs><clipPath id="j"><use xlink:href="#i" style="overflow:visible" width="100%" height="100%"/></clipPath><path d="M359.6 169.3c-48.6-29-97-58.2-145.2-87.8-6.5-4-11.1-3.5-17.3.2-49.2 29.6-98.7 58.8-147.7 88.6-3.9 2.4-8.1 8.2-8.2 12.4-.5 66.4-.3 132.9-.3 199.3 0 1.6.5 3.3.9 5.8h157.4c-12.6-19.9-19.9-43.5-19.9-68.8 0-71.2 57.8-129 129-129 22.1 0 42.9 5.6 61.1 15.4 0-6.2 0-12.4.1-18.7 0-8.4-2.7-13.1-9.9-17.4M127.2 360.5c0 2.1-1.7 3.8-3.8 3.8H83.3c-2.1 0-3.8-1.7-3.8-3.8v-40.1c0-2.1 1.7-3.8 3.8-3.8h40.1c2.1 0 3.8 1.7 3.8 3.8zm0-64.1c0 2.1-1.7 3.8-3.8 3.8H83.3c-2.1 0-3.8-1.7-3.8-3.8v-40.1c0-2.1 1.7-3.8 3.8-3.8h40.1c2.1 0 3.8 1.7 3.8 3.8zm0-64.1c0 2.1-1.7 3.8-3.8 3.8H83.3c-2.1 0-3.8-1.7-3.8-3.8v-40.1c0-2.1 1.7-3.8 3.8-3.8h40.1c2.1 0 3.8 1.7 3.8 3.8z" style="fill:#507d9b" clip-path="url(#j)"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

2
assets/svg/home.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="512" width="512"><path d="M426 495.983H86c-25.364 0-46-20.635-46-46v-242.02c0-8.836 7.163-16 16-16s16 7.164 16 16v242.02c0 7.72 6.28 14 14 14h340c7.72 0 14-6.28 14-14v-242.02c0-8.836 7.163-16 16-16s16 7.164 16 16v242.02c0 25.364-20.635 46-46 46z"/><path d="M496 263.958a15.945 15.945 0 0 1-11.313-4.687L285.698 60.284c-16.375-16.376-43.02-16.376-59.396 0L27.314 259.272c-6.248 6.249-16.379 6.249-22.627 0-6.249-6.248-6.249-16.379 0-22.627L203.675 37.656c28.852-28.852 75.799-28.852 104.65 0l198.988 198.988c6.249 6.249 6.249 16.379 0 22.627A15.943 15.943 0 0 1 496 263.958zM320 495.983H192c-8.837 0-16-7.164-16-16v-142c0-27.57 22.43-50 50-50h60c27.57 0 50 22.43 50 50v142c0 8.836-7.163 16-16 16zm-112-32h96v-126c0-9.925-8.075-18-18-18h-60c-9.925 0-18 8.075-18 18z"/></svg>
<svg height="479.966" width="512" xmlns="http://www.w3.org/2000/svg"><path d="M426 479.966H86c-25.364 0-46-20.635-46-46v-242.02c0-8.836 7.163-16 16-16s16 7.164 16 16v242.02c0 7.72 6.28 14 14 14h340c7.72 0 14-6.28 14-14v-242.02c0-8.836 7.163-16 16-16s16 7.164 16 16v242.02c0 25.364-20.635 46-46 46z"/><path d="M496 247.941a15.945 15.945 0 0 1-11.313-4.687L285.697 44.267c-16.374-16.376-43.02-16.376-59.395 0L27.314 243.255c-6.248 6.249-16.38 6.249-22.627 0-6.25-6.248-6.25-16.379 0-22.627L203.675 21.639c28.852-28.852 75.799-28.852 104.65 0l198.988 198.988c6.249 6.249 6.249 16.379 0 22.627A15.943 15.943 0 0 1 496 247.941zM320 479.966H192c-8.837 0-16-7.164-16-16v-142c0-27.57 22.43-50 50-50h60c27.57 0 50 22.43 50 50v142c0 8.836-7.163 16-16 16zm-112-32h96v-126c0-9.925-8.075-18-18-18h-60c-9.925 0-18 8.075-18 18z"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 820 B

After

Width:  |  Height:  |  Size: 821 B

2
assets/svg/immobilienfinanzierung.svg
View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 868.5 500.1" style="enable-background:new 0 0 868.5 500.1" xml:space="preserve"><defs><path id="a" d="M-67.1-242.5h1000v1000h-1000z"/></defs><clipPath id="b"><use xlink:href="#a" style="overflow:visible"/></clipPath><path d="M252.8 176.7c13.7-8 25.1-14.7 36.4-21.4 47.2-28 94.5-55.7 141.4-84.2 8.3-5 14-4.4 21.9.4 54 32.5 108.2 64.5 162.4 96.7 4 2.4 8.1 4.6 14.6 8.2 0-14.4.4-26.9-.3-39.4-.2-2.8-4-6.2-7-8-57.4-34.3-114.8-68.5-172.6-102.2-3.9-2.3-11.7-1.9-15.7.5-56.4 32.6-112.3 66.1-168.8 98.6-9.5 5.5-13.5 11.5-12.4 22.2.8 8.4.1 17.1.1 28.6" style="clip-path:url(#b);fill:#507d9b"/><defs><path id="c" d="M-67.1-242.5h1000v1000h-1000z"/></defs><clipPath id="d"><use xlink:href="#c" style="overflow:visible"/></clipPath><path d="M342.4 33.7h-39v72.2c13.1-7.9 25.1-15.1 37.1-22.6 1.1-.7 1.8-2.9 1.9-4.4V33.7" style="clip-path:url(#d);fill:#507d9b"/><g><defs><path id="e" d="M-67.1-242.5h1000v1000h-1000z"/></defs><clipPath id="f"><use xlink:href="#e" style="overflow:visible"/></clipPath><path d="M289 370.4c-3.6-5.7-7.8-10.5-12.5-14.2v42.5c0 1.6.5 3.3.9 5.8h23.3c-1.7-13.2-5.6-24.3-11.7-34.1m306.2-184.6c-48.6-29-97-58.2-145.2-87.8-6.5-4-11.1-3.5-17.3.2-49.2 29.6-98.6 58.8-147.7 88.6-3.9 2.4-8.1 8.2-8.2 12.4-.4 48.6-.4 97.2-.3 145.8 7.9 4.8 14.6 11.6 20.1 20.5 7 11.2 11.3 24 13.1 38.8H394V269.1c0-3 2.4-5.4 5.4-5.4h84.2c3 0 5.4 2.4 5.4 5.4v135.2h52.4c.8-12.1 6.6-21.9 17-28.4 15.5-9.7 31-11.1 46.4-4.3 0-56.1-.1-112.3.2-168.4.1-8.4-2.6-13.1-9.8-17.4m-194.4 46.4c0 2.1-1.7 3.8-3.8 3.8h-40.1c-2.1 0-3.8-1.7-3.8-3.8v-40.1c0-2.1 1.7-3.8 3.8-3.8H397c2.1 0 3.8 1.7 3.8 3.8v40.1zm64.1 0c0 2.1-1.7 3.8-3.8 3.8H421c-2.1 0-3.8-1.7-3.8-3.8v-40.1c0-2.1 1.7-3.8 3.8-3.8h40.1c2.1 0 3.8 1.7 3.8 3.8v40.1zm64.1 0c0 2.1-1.7 3.8-3.8 3.8h-40.1c-2.1 0-3.8-1.7-3.8-3.8v-40.1c0-2.1 1.7-3.8 3.8-3.8h40.1c2.1 0 3.8 1.7 3.8 3.8v40.1zm56.7 144.2c-7.4 0-14.9 2.4-22.5 7.2-7.8 4.9-12 11.7-12.8 20.8h53.4c.3-3.9 1-8 1-12v-10.6c-.1 0-.1-.1-.2-.1-6.3-3.6-12.6-5.3-18.9-5.3" style="clip-path:url(#f);fill:#507d9b"/></g><g><defs><path id="g" d="M-67.1-242.5h1000v1000h-1000z"/></defs><clipPath id="h"><use xlink:href="#g" style="overflow:visible"/></clipPath><path d="M360.4 477.5c-4.4 4.9-10.9 7.7-17.7 7.7-87.2.1-177.5.1-266.2.1-9.1 0-18.3-.4-27.3-.8l-5.7-.3c-2.3-.1-4.9-.5-7.9-1.2-7.5-1.8-13-5.7-16.9-12.1-5.5-9-7.4-18.5-5.7-28.3 1.7-9.8 8.5-18.4 18.1-23.2 5-2.5 10.3-3.7 15.6-3.7 5.1 0 10 1.2 14.4 3.5.5.3 1.1.6 1.9 1l12.9 7.1-5.7-14.2c-.5-1.3-.9-2.3-1.3-3.3-6.3-16.4-7.1-32.7-2.3-48.5 5.9-19.4 18.2-31.1 37.5-35.9 14.9-3.7 29.6-3.2 43.7 1.3 21.2 6.8 32.4 20.7 35.3 43.5l1.3 9.9 7.9-9.1c.8-.9 1.5-1.7 2.2-2.5 13.7-15.4 30.7-23.1 50.7-22.9 12.2.1 22.7 3.7 31.3 10.5 4.7 3.7 8.9 8.5 12.5 14.2 6.1 9.8 10 21 11.6 34 .2 1.7.4 3.4.5 5.2.4 4.3.5 8.7.6 13.3.1 2.2.1 4.4.2 6.6l.3 7.2 8.1-4.4c1.1-.6 2.1-1.1 3-1.7 10.2-5.6 23.1-5.6 33.6 0 10.9 5.8 17.6 16.6 18.9 30.3.7 6.3-1.3 12.1-5.4 16.7" style="clip-path:url(#h);fill:#f9d493"/></g><g><defs><path id="i" d="M-67.1-242.5h1000v1000h-1000z"/></defs><clipPath id="j"><use xlink:href="#i" style="overflow:visible"/></clipPath><path d="M853.4 397.2c.2 9.2-3.1 17.4-10.1 25.2-5.8 6.5-12.9 9.6-21.6 9.6h-.1c-36.3 0-72.6 0-109-.1-36.8 0-73.5 0-110.3-.1-8.3 0-17.1-.3-26.7-.9-4.8-.3-9.7-1.8-14.6-4.4-6.7-3.6-10.2-9.1-10.7-16.7-.1-2-.1-3.9 0-5.7.7-9 5-15.8 12.8-20.8 7.6-4.8 15-7.2 22.5-7.2 6.3 0 12.6 1.7 19 5.2.1 0 .1.1.2.1 8.4 4.6 15.7 11.1 22.3 19.7.4.5.7 1 1.2 1.6l8.9 12v-18.5c0-3.5-.1-6.9.1-10.1.1-2.8.5-5.8 1.1-8.9 1.9-9.1 7.4-16.4 15.4-20.6 8.5-4.5 18.7-5 27.4-1.3 7.5 3.1 13.4 7.8 18 14.2.5.7 1 1.5 1.6 2.3l7 10.1 2.2-10.1c.1-.5.2-.8.3-1.2.2-.7.3-1.4.5-2.2 2.3-17.9 10.1-32.9 23.1-44.5 11.9-10.7 24.6-11.9 33.2-10.9 12.1 1.4 24.1 8 30.5 17 8.1 11.3 9.3 23.1 3.8 36l-.3.7-.9 2.1c-.3.9-.7 2.6.7 4.6l2.2 3.6 3.7-1.9c.4-.2.8-.4 1.3-.7.9-.4 1.7-.9 2.6-1.3 8.2-3.9 15.2-5 22.1-3.5 8.8 1.9 15.1 6.9 19.1 15.3 1.5 3.1 1.5 6.8 1.6 10.8l-.1 1.5z" style="clip-path:url(#j);fill:#f9d493"/></g></svg>
<svg xml:space="preserve" width="841.102" height="460.029" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><defs><path id="a" d="M-67.1-242.5h1000v1000h-1000z"/></defs><clipPath id="b"><use xlink:href="#a" style="overflow:visible" width="100%" height="100%"/></clipPath><path d="M252.8 176.7c13.7-8 25.1-14.7 36.4-21.4 47.2-28 94.5-55.7 141.4-84.2 8.3-5 14-4.4 21.9.4 54 32.5 108.2 64.5 162.4 96.7 4 2.4 8.1 4.6 14.6 8.2 0-14.4.4-26.9-.3-39.4-.2-2.8-4-6.2-7-8-57.4-34.3-114.8-68.5-172.6-102.2-3.9-2.3-11.7-1.9-15.7.5-56.4 32.6-112.3 66.1-168.8 98.6-9.5 5.5-13.5 11.5-12.4 22.2.8 8.4.1 17.1.1 28.6" style="fill:#507d9b" clip-path="url(#b)" transform="translate(-12.398 -25.271)"/><defs><path id="c" d="M-67.1-242.5h1000v1000h-1000z"/></defs><clipPath id="d"><use xlink:href="#c" style="overflow:visible" width="100%" height="100%"/></clipPath><path d="M342.4 33.7h-39v72.2c13.1-7.9 25.1-15.1 37.1-22.6 1.1-.7 1.8-2.9 1.9-4.4V33.7" style="fill:#507d9b" clip-path="url(#d)" transform="translate(-12.398 -25.271)"/><g transform="translate(-12.398 -25.271)"><defs><path id="e" d="M-67.1-242.5h1000v1000h-1000z"/></defs><clipPath id="f"><use xlink:href="#e" style="overflow:visible" width="100%" height="100%"/></clipPath><path d="M289 370.4c-3.6-5.7-7.8-10.5-12.5-14.2v42.5c0 1.6.5 3.3.9 5.8h23.3c-1.7-13.2-5.6-24.3-11.7-34.1m306.2-184.6c-48.6-29-97-58.2-145.2-87.8-6.5-4-11.1-3.5-17.3.2-49.2 29.6-98.6 58.8-147.7 88.6-3.9 2.4-8.1 8.2-8.2 12.4-.4 48.6-.4 97.2-.3 145.8 7.9 4.8 14.6 11.6 20.1 20.5 7 11.2 11.3 24 13.1 38.8H394V269.1c0-3 2.4-5.4 5.4-5.4h84.2c3 0 5.4 2.4 5.4 5.4v135.2h52.4c.8-12.1 6.6-21.9 17-28.4 15.5-9.7 31-11.1 46.4-4.3 0-56.1-.1-112.3.2-168.4.1-8.4-2.6-13.1-9.8-17.4m-194.4 46.4c0 2.1-1.7 3.8-3.8 3.8h-40.1c-2.1 0-3.8-1.7-3.8-3.8v-40.1c0-2.1 1.7-3.8 3.8-3.8H397c2.1 0 3.8 1.7 3.8 3.8zm64.1 0c0 2.1-1.7 3.8-3.8 3.8H421c-2.1 0-3.8-1.7-3.8-3.8v-40.1c0-2.1 1.7-3.8 3.8-3.8h40.1c2.1 0 3.8 1.7 3.8 3.8zm64.1 0c0 2.1-1.7 3.8-3.8 3.8h-40.1c-2.1 0-3.8-1.7-3.8-3.8v-40.1c0-2.1 1.7-3.8 3.8-3.8h40.1c2.1 0 3.8 1.7 3.8 3.8zm56.7 144.2c-7.4 0-14.9 2.4-22.5 7.2-7.8 4.9-12 11.7-12.8 20.8h53.4c.3-3.9 1-8 1-12v-10.6c-.1 0-.1-.1-.2-.1-6.3-3.6-12.6-5.3-18.9-5.3" style="fill:#507d9b" clip-path="url(#f)"/></g><g transform="translate(-12.398 -25.271)"><defs><path id="g" d="M-67.1-242.5h1000v1000h-1000z"/></defs><clipPath id="h"><use xlink:href="#g" style="overflow:visible" width="100%" height="100%"/></clipPath><path d="M360.4 477.5c-4.4 4.9-10.9 7.7-17.7 7.7-87.2.1-177.5.1-266.2.1-9.1 0-18.3-.4-27.3-.8l-5.7-.3c-2.3-.1-4.9-.5-7.9-1.2-7.5-1.8-13-5.7-16.9-12.1-5.5-9-7.4-18.5-5.7-28.3 1.7-9.8 8.5-18.4 18.1-23.2 5-2.5 10.3-3.7 15.6-3.7 5.1 0 10 1.2 14.4 3.5.5.3 1.1.6 1.9 1l12.9 7.1-5.7-14.2c-.5-1.3-.9-2.3-1.3-3.3-6.3-16.4-7.1-32.7-2.3-48.5 5.9-19.4 18.2-31.1 37.5-35.9 14.9-3.7 29.6-3.2 43.7 1.3 21.2 6.8 32.4 20.7 35.3 43.5l1.3 9.9 7.9-9.1c.8-.9 1.5-1.7 2.2-2.5 13.7-15.4 30.7-23.1 50.7-22.9 12.2.1 22.7 3.7 31.3 10.5 4.7 3.7 8.9 8.5 12.5 14.2 6.1 9.8 10 21 11.6 34 .2 1.7.4 3.4.5 5.2.4 4.3.5 8.7.6 13.3.1 2.2.1 4.4.2 6.6l.3 7.2 8.1-4.4c1.1-.6 2.1-1.1 3-1.7 10.2-5.6 23.1-5.6 33.6 0 10.9 5.8 17.6 16.6 18.9 30.3.7 6.3-1.3 12.1-5.4 16.7" style="fill:#f9d493" clip-path="url(#h)"/></g><g transform="translate(-12.398 -25.271)"><defs><path id="i" d="M-67.1-242.5h1000v1000h-1000z"/></defs><clipPath id="j"><use xlink:href="#i" style="overflow:visible" width="100%" height="100%"/></clipPath><path d="M853.4 397.2c.2 9.2-3.1 17.4-10.1 25.2-5.8 6.5-12.9 9.6-21.6 9.6h-.1c-36.3 0-72.6 0-109-.1-36.8 0-73.5 0-110.3-.1-8.3 0-17.1-.3-26.7-.9-4.8-.3-9.7-1.8-14.6-4.4-6.7-3.6-10.2-9.1-10.7-16.7-.1-2-.1-3.9 0-5.7.7-9 5-15.8 12.8-20.8 7.6-4.8 15-7.2 22.5-7.2 6.3 0 12.6 1.7 19 5.2.1 0 .1.1.2.1 8.4 4.6 15.7 11.1 22.3 19.7.4.5.7 1 1.2 1.6l8.9 12v-18.5c0-3.5-.1-6.9.1-10.1.1-2.8.5-5.8 1.1-8.9 1.9-9.1 7.4-16.4 15.4-20.6 8.5-4.5 18.7-5 27.4-1.3 7.5 3.1 13.4 7.8 18 14.2.5.7 1 1.5 1.6 2.3l7 10.1 2.2-10.1c.1-.5.2-.8.3-1.2.2-.7.3-1.4.5-2.2 2.3-17.9 10.1-32.9 23.1-44.5 11.9-10.7 24.6-11.9 33.2-10.9 12.1 1.4 24.1 8 30.5 17 8.1 11.3 9.3 23.1 3.8 36l-.3.7-.9 2.1c-.3.9-.7 2.6.7 4.6l2.2 3.6 3.7-1.9c.4-.2.8-.4 1.3-.7.9-.4 1.7-.9 2.6-1.3 8.2-3.9 15.2-5 22.1-3.5 8.8 1.9 15.1 6.9 19.1 15.3 1.5 3.1 1.5 6.8 1.6 10.8z" style="fill:#f9d493" clip-path="url(#j)"/></g></svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

2
package.json
View File

@ -10,7 +10,7 @@
"hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"prod": "npm run production",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"sprite": "cd assets/svg && svg-sprite -s --symbol-dest=sprite *.svg && mv sprite/svg/sprite.symbol.svg ../public/sprite.svg && rm -R sprite"
"img": "cd assets/svg && svg-sprite -s --symbol-dest=sprite *.svg && mv sprite/svg/sprite.symbol.svg ../public/sprite.svg && rm -R sprite"
},
"keywords": [],
"author": "",

4
views/stepper.twig.htm
View File

@ -21,9 +21,7 @@
<label>
<input @change="slideTo($event, step+1)" type="radio" name="kind" :value="ckind.value" x-model="value.kind">
<span>
<span>
<img :src="'/wp-content/plugins/rck-stepper/assets/svg/'+ckind.icon+'.svg'" :class="'icon-'+ckind.icon">
</span>
<span x-html="svg(ckind.icon)"></span>
<span x-text="ckind.label"></span>
</span>
</label>

Write Preview
Loading…
Cancel
Save