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