UNPKG

smartwizard

Version:

A modern and accessible step wizard plugin for jQuery

1 lines 4.56 kB
{"version":3,"sources":["arrows.scss"],"names":[],"mappings":"AAAA;EACE,uBAAuB;EACvB,oBAAoB;EACpB,mBAAmB;EACnB,0BAA0B;EAC1B,wCAAwC;AAC1C;AACA;EACE,kCAAkC;EAClC,4CAA4C;AAC9C;AACA;EACE,4CAA4C;AAC9C;AACA;EACE,0FAA0F;AAC5F;AACA;EACE;IACE,kBAAkB;IAClB,cAAc;EAChB;AACF;AACA;EACE,eAAe;AACjB;AACA;EACE,gEAAgE;AAClE;AACA;EACE,eAAe;AACjB;AACA;EACE,eAAe;EACf,+BAA+B;AACjC;AACA;EACE;IACE,0BAA0B;IAC1B,yBAAyB;IACzB,cAAc;EAChB;EACA;IACE,0BAA0B;IAC1B,6BAA6B;EAC/B;AACF;AACA;EACE,SAAS;EACT,kCAAkC;EAClC,wDAAwD;EACxD,oGAAoG;AACtG;AACA;EACE;IACE,iBAAiB;IACjB,gBAAgB;IAChB,2BAA2B;EAC7B;AACF;AACA;EACE,eAAe;EACf,2CAA2C;AAC7C;AACA;EACE,2CAA2C;AAC7C;AACA;EACE,gGAAgG;AAClG;AACA;EACE;IACE,kBAAkB;IAClB,mBAAmB;EACrB;AACF;AACA;EACE,cAAc;AAChB;AACA;EACE,4FAA4F;AAC9F;AACA;EACE,cAAc;AAChB;AACA;EACE,eAAe;EACf,+BAA+B;AACjC;AACA;EACE;IACE,0BAA0B;IAC1B,yBAAyB;IACzB,cAAc;EAChB;EACA;IACE,0BAA0B;IAC1B,6BAA6B;EAC/B;AACF;AACA;EACE,wDAAwD;EACxD,sIAAsI;AACxI;AACA;EACE;IACE,4BAA4B;EAC9B;AACF","file":"arrows.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}"]}