smartwizard
Version:
A modern and accessible step wizard plugin for jQuery
1 lines • 4.59 kB
Source Map (JSON)
{"version":3,"sources":["arrows.scss"],"names":[],"mappings":"AAAA,iBACE,sBAAuB,CACvB,mBAAoB,CACpB,kBAAmB,CACnB,yBAA0B,CAC1B,uCACF,CACA,sCACE,iCAEF,CACA,wFAFE,yCAIF,CACA,+DACE,iFACF,CACA,oCACE,+DAEE,aAAc,CADd,iBAEF,CACF,CACA,iDACE,cACF,CACA,8DACE,uDACF,CACA,iDACE,cACF,CACA,8DAEE,8BAA+B,CAD/B,cAEF,CACA,oCACE,sCAGE,aAAc,CADd,uBAAyB,CADzB,wBAGF,CACA,mDACE,wBAA0B,CAC1B,2BACF,CACF,CACA,sCAIE,0FAAoG,CAHpG,QAAS,CACT,iCAAkC,CAClC,uDAEF,CACA,oCACE,sCACE,gBAAiB,CACjB,eAAgB,CAChB,yBACF,CACF,CACA,+CAEE,wCAA2C,CAD3C,cAEF,CACA,2DACE,wCACF,CACA,wEACE,wFACF,CACA,oCACE,wEACE,iBAAkB,CAClB,kBACF,CACF,CACA,0DACE,aACF,CACA,uEACE,mFACF,CACA,0DACE,aACF,CACA,uEAEE,8BAA+B,CAD/B,cAEF,CACA,oCACE,+CAGE,aAAc,CADd,uBAAyB,CADzB,wBAGF,CACA,4DACE,wBAA0B,CAC1B,2BACF,CACF,CACA,+CAEE,6HAAsI,CADtI,uDAEF,CACA,oCACE,+CACE,0BACF,CACF","file":"arrows.min.css","sourcesContent":[".sw-theme-arrows {\n --sw-arrow-height: 56px;\n --sw-arrow-tip: 20px;\n --sw-arrow-gap: 0px;\n --sw-min-step-width: 120px;\n border: 1px solid var(--sw-border-color);\n}\n.sw-theme-arrows > .sw-nav .sw-nav-item {\n flex: 1 0 var(--sw-min-step-width);\n margin-right: calc(-1 * var(--sw-arrow-tip));\n}\n.sw-theme-arrows > .sw-nav .sw-nav-item:first-child {\n margin-right: calc(-1 * var(--sw-arrow-tip));\n}\n.sw-theme-arrows > .sw-nav .sw-nav-item:first-child > .sw-nav-link {\n clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%);\n}\n@media screen and (min-width: 640px) {\n .sw-theme-arrows > .sw-nav .sw-nav-item:first-child > .sw-nav-link {\n padding-left: 10px;\n margin-left: 0;\n }\n}\n.sw-theme-arrows > .sw-nav .sw-nav-item:last-child {\n margin-right: 0;\n}\n.sw-theme-arrows > .sw-nav .sw-nav-item:last-child > .sw-nav-link {\n clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 20px 50%);\n}\n.sw-theme-arrows > .sw-nav .sw-nav-item:only-child {\n margin-right: 0;\n}\n.sw-theme-arrows > .sw-nav .sw-nav-item:only-child > .sw-nav-link {\n clip-path: none;\n border-radius: var(--sw-radius);\n}\n@media screen and (max-width: 640px) {\n .sw-theme-arrows > .sw-nav .sw-nav-item {\n margin-right: 0 !important;\n margin-left: 0 !important;\n flex: 1 0 auto;\n }\n .sw-theme-arrows > .sw-nav .sw-nav-item > .sw-nav-link {\n clip-path: none !important;\n padding: 10px 14px !important;\n }\n}\n.sw-theme-arrows > .sw-nav .sw-nav-link {\n gap: 10px;\n min-height: var(--sw-arrow-height);\n padding: 10px 20px 10px calc(var(--sw-arrow-tip) + 14px);\n clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%, 20px 50%);\n}\n@media screen and (max-width: 640px) {\n .sw-theme-arrows > .sw-nav .sw-nav-link {\n min-height: unset;\n overflow: hidden;\n text-align: left !important;\n }\n}\n.sw-theme-arrows[dir=rtl] > .sw-nav .sw-nav-item {\n margin-right: 0;\n margin-left: calc(-1 * var(--sw-arrow-tip));\n}\n.sw-theme-arrows[dir=rtl] > .sw-nav .sw-nav-item:first-child {\n margin-left: calc(-1 * var(--sw-arrow-tip));\n}\n.sw-theme-arrows[dir=rtl] > .sw-nav .sw-nav-item:first-child > .sw-nav-link {\n clip-path: polygon(var(--sw-arrow-tip) 0%, 100% 0%, 100% 100%, var(--sw-arrow-tip) 100%, 0% 50%);\n}\n@media screen and (min-width: 640px) {\n .sw-theme-arrows[dir=rtl] > .sw-nav .sw-nav-item:first-child > .sw-nav-link {\n padding-left: 20px;\n padding-right: 10px;\n }\n}\n.sw-theme-arrows[dir=rtl] > .sw-nav .sw-nav-item:last-child {\n margin-left: 0;\n}\n.sw-theme-arrows[dir=rtl] > .sw-nav .sw-nav-item:last-child > .sw-nav-link {\n clip-path: polygon(0% 0%, 100% 0%, calc(100% - var(--sw-arrow-tip)) 50%, 100% 100%, 0% 100%);\n}\n.sw-theme-arrows[dir=rtl] > .sw-nav .sw-nav-item:only-child {\n margin-left: 0;\n}\n.sw-theme-arrows[dir=rtl] > .sw-nav .sw-nav-item:only-child > .sw-nav-link {\n clip-path: none;\n border-radius: var(--sw-radius);\n}\n@media screen and (max-width: 640px) {\n .sw-theme-arrows[dir=rtl] > .sw-nav .sw-nav-item {\n margin-right: 0 !important;\n margin-left: 0 !important;\n flex: 1 0 auto;\n }\n .sw-theme-arrows[dir=rtl] > .sw-nav .sw-nav-item > .sw-nav-link {\n clip-path: none !important;\n padding: 10px 14px !important;\n }\n}\n.sw-theme-arrows[dir=rtl] > .sw-nav .sw-nav-link {\n padding: 10px calc(var(--sw-arrow-tip) + 14px) 10px 20px;\n clip-path: polygon(100% 0%, var(--sw-arrow-tip) 0%, 0% 50%, var(--sw-arrow-tip) 100%, 100% 100%, calc(100% - var(--sw-arrow-tip)) 50%);\n}\n@media screen and (max-width: 640px) {\n .sw-theme-arrows[dir=rtl] > .sw-nav .sw-nav-link {\n text-align: right !important;\n }\n}"]}