|
441 | 441 | left: 1px; |
442 | 442 | width: 14px; |
443 | 443 | height: 14px; |
444 | | - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M384 224v184a40 40 0 01-40 40H104a40 40 0 01-40-40V168a40 40 0 0140-40h167.48M336 64h112v112M224 288L440 72' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/%3E%3C/svg%3E"); |
| 444 | + mask-image: url("../images/svgs/setupWizard/external-link.svg"); |
445 | 445 | mask-size: contain; |
446 | 446 | mask-position: center; |
447 | 447 | background: $badge-color; |
|
478 | 478 | margin: -2px -2px 0 1px; |
479 | 479 | background: $badge-color; |
480 | 480 | vertical-align: middle; |
481 | | - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M184 112l144 144-144 144'/%3E%3C/svg%3E"); |
| 481 | + mask-image: url("../images/svgs/setupWizard/chevron-right.svg"); |
482 | 482 | mask-size: contain; |
483 | 483 | mask-position: center; |
484 | 484 | } |
|
527 | 527 | width: 12px; |
528 | 528 | height: 12px; |
529 | 529 | background: currentColor; |
530 | | - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M384 224v184a40 40 0 01-40 40H104a40 40 0 01-40-40V168a40 40 0 0140-40h167.48M336 64h112v112M224 288L440 72' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/%3E%3C/svg%3E"); |
| 530 | + mask-image: url("../images/svgs/setupWizard/external-link.svg"); |
531 | 531 | mask-size: contain; |
532 | 532 | mask-position: center; |
533 | 533 | } |
|
730 | 730 | height: 16px; |
731 | 731 | position: absolute; |
732 | 732 | left: 5px; |
733 | | - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ccircle cx='256' cy='256' r='192' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/%3E%3C/svg%3E"); |
| 733 | + mask-image: url("../images/svgs/setupWizard/circle.svg"); |
734 | 734 | mask-size: contain; |
735 | 735 | mask-position: center; |
736 | 736 | background: rgb(0 0 0 / 0.1); |
|
739 | 739 | &.installing { |
740 | 740 | &::before { |
741 | 741 | background: rgb(0 60 100 / 0.33); |
742 | | - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M400 148l-21.12-24.57A191.43 191.43 0 00240 64C134 64 48 150 48 256s86 192 192 192a192.09 192.09 0 00181.07-128' fill='none' stroke='currentColor' stroke-linecap='round' stroke-miterlimit='10' stroke-width='32'/%3E%3Cpath d='M464 97.42V208a16 16 0 01-16 16H337.42c-14.26 0-21.4-17.23-11.32-27.31L436.69 86.1C446.77 76 464 83.16 464 97.42z'/%3E%3C/svg%3E"); |
| 742 | + mask-image: url("../images/svgs/setupWizard/progress.svg"); |
743 | 743 | mask-size: contain; |
744 | 744 | mask-position: center; |
745 | 745 |
|
|
752 | 752 |
|
753 | 753 | &::before { |
754 | 754 | background: #3c763d; |
755 | | - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M416 128L192 384l-96-96'/%3E%3C/svg%3E"); |
| 755 | + mask-image: url("../images/svgs/setupWizard/check.svg"); |
756 | 756 | mask-size: contain; |
757 | 757 | mask-position: center; |
758 | 758 |
|
|
765 | 765 |
|
766 | 766 | &::before { |
767 | 767 | background: #a94442; |
768 | | - mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M368 368L144 144M368 144L144 368'/%3E%3C/svg%3E"); |
| 768 | + mask-image: url("../images/svgs/setupWizard/close.svg"); |
769 | 769 | mask-size: contain; |
770 | 770 | mask-position: center; |
771 | 771 |
|
|
0 commit comments