UNPKG

smartwizard

Version:

A modern and accessible step wizard plugin for jQuery

techlaboratory.net/jquery-smartwizard

techlab/jquery-smartwizard

1 lines • 22 kB

Source Map (JSON)

{"version":3,"sources":["main.scss"],"names":[],"mappings":"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","file":"smartwizard.min.css","sourcesContent":["@charset \"UTF-8\";\n/*! jQuery SmartWizard v7\n * A modern, accessible step wizard plugin for jQuery\n * http://www.techlaboratory.net/jquery-smartwizard\n *\n * Created by Dipu Raj (https://github.com/techlab)\n *\n * Licensed under the terms of the MIT License - Free for personal and open-source projects.\n * For commercial use, please purchase a commercial license: https://techlaboratory.net/jquery-smartwizard#license\n */\n.sw *,\n.sw *::before,\n.sw *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n:root {\n --sw-border-color: #eeeeee;\n --sw-surface: #ffffff;\n --sw-border: #e0e0e0;\n --sw-shadow: 0 2px 10px rgba(0, 0, 0, .08);\n --sw-radius: 8px;\n --sw-content-pad: 8px;\n --sw-content-bg: var(--sw-surface);\n --sw-content-text: #333333;\n --sw-accent: #2196f3;\n --sw-accent-dark: #1565c0;\n --sw-accent-light: #64b5f6;\n --sw-accent-text: #ffffff;\n --sw-btn-primary-bg: var(--sw-accent);\n --sw-btn-primary-text: var(--sw-accent-text);\n --sw-btn-secondary-bg: #eeeeee;\n --sw-btn-secondary-text: #333333;\n --sw-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n --sw-loader-color: #009EF7;\n --sw-loader-background-color: #f8f9fa;\n --sw-loader-background-wrapper-color: rgba(255, 255, 255, 0.7);\n --sw-progress-color: #009EF7;\n --sw-progress-background-color: #f8f9fa;\n --sw-connector-width: 60px;\n --sw-connector-height: 2px;\n --sw-connector-color: var(--sw-inactive-border);\n --sw-toolbar-btn-color: #ffffff;\n --sw-toolbar-btn-background-color: #009EF7;\n --sw-nav-badge-size: 32px;\n --sw-nav-badge-radius: 50%;\n --sw-nav-default-text: #9e9e9e;\n --sw-nav-default-bg: #eeeeee;\n --sw-nav-default-badge-text: #999999;\n --sw-nav-default-badge-bg: #dddddd;\n --sw-nav-active-text: #ffffff;\n --sw-nav-active-bg: #2196f3;\n --sw-nav-active-badge-text: #2196f3;\n --sw-nav-active-badge-bg: #ffffff;\n --sw-nav-completed-text: #eeeeee;\n --sw-nav-completed-bg: #59b0f6;\n --sw-nav-completed-badge-text: #59b0f6;\n --sw-nav-completed-badge-bg: #eeeeee;\n --sw-nav-error-text: #ffffff;\n --sw-nav-error-bg: #f44336;\n --sw-nav-error-badge-text: #f44336;\n --sw-nav-error-badge-bg: #dddddd;\n --sw-nav-warning-text: #ffffff;\n --sw-nav-warning-bg: #ff9800;\n --sw-nav-warning-badge-text: #ff9800;\n --sw-nav-warning-badge-bg: #dddddd;\n}\n\n[data-theme=dark] {\n --sw-border-color: #2e2e2e;\n --sw-surface: #181818;\n --sw-border: #2e2e2e;\n --sw-shadow: 0 2px 14px rgba(0, 0, 0, .6);\n --sw-content-bg: #1e1e1e;\n --sw-content-text: #d8d8d8;\n --sw-accent: #42a5f5;\n --sw-accent-dark: #1e88e5;\n --sw-accent-light: #64b5f6;\n --sw-accent-text: #ffffff;\n --sw-loader-color: #42a5f5;\n --sw-loader-background-color: #1e1e1e;\n --sw-loader-background-wrapper-color: rgba(24, 24, 24, 0.7);\n --sw-progress-color: #42a5f5;\n --sw-progress-background-color: #2a2a2a;\n --sw-connector-color: #3a3a3a;\n --sw-toolbar-btn-color: #ffffff;\n --sw-toolbar-btn-background-color: #1e88e5;\n --sw-btn-primary-bg: var(--sw-accent);\n --sw-btn-primary-text: var(--sw-accent-text);\n --sw-btn-secondary-bg: #2a2a2a;\n --sw-btn-secondary-text: #d8d8d8;\n --sw-nav-default-text: #666666;\n --sw-nav-default-bg: #2a2a2a;\n --sw-nav-default-badge-text: #777777;\n --sw-nav-default-badge-bg: #383838;\n --sw-nav-active-text: #ffffff;\n --sw-nav-active-bg: #1e88e5;\n --sw-nav-active-badge-text: #1e88e5;\n --sw-nav-active-badge-bg: #ffffff;\n --sw-nav-completed-text: #bbbbbb;\n --sw-nav-completed-bg: #2d4a6b;\n --sw-nav-completed-badge-text: #64b5f6;\n --sw-nav-completed-badge-bg: #1e2e3e;\n --sw-nav-error-text: #ffffff;\n --sw-nav-error-bg: #c62828;\n --sw-nav-error-badge-text: #ef5350;\n --sw-nav-error-badge-bg: #2a1a1a;\n --sw-nav-warning-text: #ffffff;\n --sw-nav-warning-bg: #e65100;\n --sw-nav-warning-badge-text: #ffa726;\n --sw-nav-warning-badge-bg: #2a1f10;\n}\n\n/* ─────────────────────────────────────────────\n COLOR PRESETS\n Each preset overrides the CSS variables defined in _root.scss.\n ───────────────────────────────────────────── */\n[data-color=ocean] {\n --sw-accent: #0288d1;\n --sw-accent-dark: #01579b;\n --sw-accent-light: #4fc3f7;\n --sw-accent-text: #ffffff;\n --sw-loader-color: #0288d1;\n --sw-progress-color: #0288d1;\n --sw-toolbar-btn-background-color: #0288d1;\n --sw-nav-active-bg: #0288d1;\n --sw-nav-active-text: #ffffff;\n --sw-nav-active-badge-text: #0288d1;\n --sw-nav-active-badge-bg: #ffffff;\n --sw-nav-completed-bg: #00897b;\n --sw-nav-completed-text: #ffffff;\n --sw-nav-completed-badge-text: #00897b;\n --sw-nav-completed-badge-bg: #e0f2f1;\n}\n\n[data-color=forest] {\n --sw-accent: #388e3c;\n --sw-accent-dark: #1b5e20;\n --sw-accent-light: #66bb6a;\n --sw-accent-text: #ffffff;\n --sw-loader-color: #388e3c;\n --sw-progress-color: #388e3c;\n --sw-toolbar-btn-background-color: #388e3c;\n --sw-nav-active-bg: #558b2f;\n --sw-nav-active-text: #ffffff;\n --sw-nav-active-badge-text: #558b2f;\n --sw-nav-active-badge-bg: #ffffff;\n --sw-nav-completed-bg: #4c6938;\n --sw-nav-completed-text: #ffffff;\n --sw-nav-completed-badge-text: #4c6938;\n --sw-nav-completed-badge-bg: #f1f8e9;\n}\n\n[data-color=violet] {\n --sw-accent: #7b1fa2;\n --sw-accent-dark: #4a148c;\n --sw-accent-light: #9c27b0;\n --sw-accent-text: #ffffff;\n --sw-loader-color: #7b1fa2;\n --sw-progress-color: #7b1fa2;\n --sw-toolbar-btn-background-color: #7b1fa2;\n --sw-nav-active-bg: #7b1fa2;\n --sw-nav-active-text: #ffffff;\n --sw-nav-active-badge-text: #7b1fa2;\n --sw-nav-active-badge-bg: #ffffff;\n --sw-nav-completed-bg: #6a1b9a;\n --sw-nav-completed-text: #ffffff;\n --sw-nav-completed-badge-text: #9c27b0;\n --sw-nav-completed-badge-bg: #f3e5f5;\n}\n\n[data-color=crimson] {\n --sw-accent: #c2185b;\n --sw-accent-dark: #880e4f;\n --sw-accent-light: #e91e63;\n --sw-accent-text: #ffffff;\n --sw-loader-color: #c2185b;\n --sw-progress-color: #c2185b;\n --sw-toolbar-btn-background-color: #c2185b;\n --sw-nav-active-bg: #c2185b;\n --sw-nav-active-text: #ffffff;\n --sw-nav-active-badge-text: #c2185b;\n --sw-nav-active-badge-bg: #ffffff;\n --sw-nav-completed-bg: #ad1457;\n --sw-nav-completed-text: #ffffff;\n --sw-nav-completed-badge-text: #e91e63;\n --sw-nav-completed-badge-bg: #fce4ec;\n}\n\n[data-color=amber] {\n --sw-accent: #ffa000;\n --sw-accent-dark: #ff6f00;\n --sw-accent-light: #ffb300;\n --sw-accent-text: #ffffff;\n --sw-loader-color: #ffa000;\n --sw-progress-color: #ffa000;\n --sw-toolbar-btn-background-color: #ffa000;\n --sw-nav-active-bg: #ffa000;\n --sw-nav-active-text: #ffffff;\n --sw-nav-active-badge-text: #ffa000;\n --sw-nav-active-badge-bg: #ffffff;\n --sw-nav-completed-bg: #f57c00;\n --sw-nav-completed-text: #ffffff;\n --sw-nav-completed-badge-text: #f57c00;\n --sw-nav-completed-badge-bg: #fff3e0;\n}\n\n[data-color=indigo] {\n --sw-accent: #3949ab;\n --sw-accent-dark: #283593;\n --sw-accent-light: #5c6bc0;\n --sw-accent-text: #ffffff;\n --sw-loader-color: #3949ab;\n --sw-progress-color: #3949ab;\n --sw-toolbar-btn-background-color: #3949ab;\n --sw-nav-active-bg: #3949ab;\n --sw-nav-active-text: #ffffff;\n --sw-nav-active-badge-text: #3949ab;\n --sw-nav-active-badge-bg: #ffffff;\n --sw-nav-completed-bg: #303f9f;\n --sw-nav-completed-text: #ffffff;\n --sw-nav-completed-badge-text: #5c6bc0;\n --sw-nav-completed-badge-bg: #e8eaf6;\n}\n\n[data-color=slate] {\n --sw-accent: #1e40af;\n --sw-accent-dark: #1e3a8a;\n --sw-accent-light: #3b82f6;\n --sw-accent-text: #ffffff;\n --sw-loader-color: #1e40af;\n --sw-progress-color: #1e40af;\n --sw-toolbar-btn-background-color: #1e40af;\n --sw-nav-default-text: #4b5563;\n --sw-nav-default-bg: #f3f4f6;\n --sw-nav-default-badge-text: #1e3a5f;\n --sw-nav-default-badge-bg: #e0ecff;\n --sw-nav-active-bg: #1e40af;\n --sw-nav-active-text: #ffffff;\n --sw-nav-active-badge-text: #1e40af;\n --sw-nav-active-badge-bg: #ffffff;\n --sw-nav-completed-bg: #15803d;\n --sw-nav-completed-text: #ffffff;\n --sw-nav-completed-badge-text: #15803d;\n --sw-nav-completed-badge-bg: #dcfce7;\n --sw-nav-error-bg: #b91c1c;\n --sw-nav-error-text: #ffffff;\n --sw-nav-error-badge-text: #b91c1c;\n --sw-nav-error-badge-bg: #fee2e2;\n --sw-nav-warning-bg: #92400e;\n --sw-nav-warning-text: #ffffff;\n --sw-nav-warning-badge-text: #713f12;\n --sw-nav-warning-badge-bg: #fef9c3;\n}\n\n[data-color=teal] {\n --sw-accent: #0097a7;\n --sw-accent-dark: #006064;\n --sw-accent-light: #4dd0e1;\n --sw-accent-text: #ffffff;\n --sw-loader-color: #0097a7;\n --sw-progress-color: #0097a7;\n --sw-btn-primary-bg: linear-gradient(90deg, #00bcd4 0%, #1F9AC7 100%);\n --sw-btn-primary-text: #ffffff;\n --sw-nav-active-bg: linear-gradient(90deg, #017685 0%, #1994C0 100%);\n --sw-nav-active-text: #ffffff;\n --sw-nav-active-badge-text: #005b80;\n --sw-nav-active-badge-bg: #ffffff;\n --sw-nav-completed-bg: linear-gradient(90deg, #2195a7 0%, #187E8E 100%);\n --sw-nav-completed-text: #ffffff;\n --sw-nav-completed-badge-text: #005b80;\n --sw-nav-completed-badge-bg: #e0f7fa;\n}\n\n.sw {\n border: 1px solid var(--sw-border);\n border-radius: var(--sw-radius);\n box-shadow: var(--sw-shadow);\n overflow: hidden;\n background: var(--sw-surface);\n position: relative;\n}\n.sw > .tab-content {\n position: relative;\n padding: var(--sw-content-pad);\n background: var(--sw-content-bg);\n color: var(--sw-content-text);\n min-height: 140px;\n margin-top: 1rem;\n}\n.sw > .tab-content > .tab-pane {\n padding: 0.8rem;\n}\n\n.sw .toolbar {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 14px 24px;\n border-top: 1px solid var(--sw-border);\n background: var(--sw-surface);\n gap: 10px;\n}\n.sw .toolbar-bottom {\n border-top: 1px solid var(--sw-border);\n}\n.sw .toolbar-top {\n border-bottom: 1px solid var(--sw-border);\n margin-bottom: -1rem;\n}\n.sw .toolbar > .sw-btn {\n display: inline-flex;\n align-items: center;\n gap: 7px;\n padding: 10px 22px;\n border: none;\n border-radius: 7px;\n cursor: pointer;\n transition: all var(--sw-transition);\n background: var(--sw-btn-primary-bg);\n color: var(--sw-btn-primary-text);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);\n}\n.sw .toolbar > .sw-btn:hover {\n background: var(--sw-accent-dark);\n transform: translateY(-1px);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);\n}\n.sw .toolbar > .sw-btn:active {\n transform: translateY(0);\n}\n.sw .toolbar > .sw-btn.disabled, .sw .toolbar > .sw-btn:disabled {\n opacity: 0.4;\n pointer-events: none;\n}\n.sw .toolbar > .sw-btn svg {\n width: 14px;\n height: 14px;\n fill: currentColor;\n}\n.sw .toolbar > .sw-btn-secondary {\n background: var(--sw-btn-secondary-bg);\n color: var(--sw-btn-secondary-text);\n box-shadow: none;\n}\n.sw .toolbar > .sw-btn-secondary:hover {\n background: color-mix(in srgb, var(--sw-btn-secondary-bg) 85%, var(--sw-accent) 15%);\n}\n.sw[dir=rtl] > .toolbar {\n text-align: left;\n}\n\n.sw > .nav {\n display: flex;\n list-style: none;\n gap: 0;\n margin: 0;\n padding: 0;\n position: relative;\n overflow: hidden;\n flex-wrap: nowrap;\n list-style: none;\n -webkit-overflow-scrolling: touch;\n}\n.sw > .nav::-webkit-scrollbar {\n display: none;\n}\n@media screen and (max-width: 640px) {\n .sw > .nav {\n flex-direction: column !important;\n flex: 1 auto;\n }\n}\n.sw > .nav.nav-scroll {\n overflow-x: auto;\n overflow-y: hidden;\n scroll-behavior: smooth;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n}\n.sw > .nav.nav-scroll::-webkit-scrollbar {\n display: none;\n}\n.sw > .nav .nav-scroll-btn {\n position: absolute;\n top: 0;\n height: 100%;\n width: 36px;\n display: none;\n align-items: center;\n justify-content: center;\n background: var(--sw-surface);\n border: none;\n cursor: pointer;\n z-index: 10;\n color: var(--sw-inactive-text);\n transition: color var(--sw-transition), background var(--sw-transition);\n padding: 0;\n}\n.sw > .nav .nav-scroll-btn:hover {\n color: var(--sw-accent);\n background-color: rgba(0, 0, 0, 0.1);\n}\n.sw > .nav .nav-scroll-btn svg {\n width: 16px;\n height: 16px;\n}\n.sw > .nav .nav-scroll-btn--prev {\n left: 0;\n box-shadow: 4px 0 10px -2px rgba(0, 0, 0, 0.12);\n}\n.sw > .nav .nav-scroll-btn--next {\n right: 0;\n box-shadow: -4px 0 10px -2px rgba(0, 0, 0, 0.12);\n}\n.sw > .nav .nav-scroll-btn.nav-scroll-btn-visible {\n display: flex;\n}\n.sw > .nav .nav-item {\n display: flex;\n position: relative;\n z-index: 1;\n}\n.sw > .nav .nav-link {\n display: flex;\n align-items: center;\n width: 100%;\n cursor: pointer;\n user-select: none;\n color: var(--sw-nav-default-text);\n background: var(--sw-nav-default-bg);\n text-decoration: none;\n position: relative;\n padding: 14px 20px;\n gap: 10px;\n transition: all 0.3s ease;\n}\n.sw > .nav .nav-link:hover, .sw > .nav .nav-link:active, .sw > .nav .nav-link:focus {\n text-decoration: none;\n}\n.sw > .nav .nav-link::-moz-focus-inner {\n border: 0;\n}\n.sw > .nav .nav-link.active {\n color: var(--sw-nav-active-text);\n background: var(--sw-nav-active-bg);\n cursor: default;\n z-index: 4;\n}\n.sw > .nav .nav-link.active .badge {\n color: var(--sw-nav-active-badge-text);\n background: var(--sw-nav-active-badge-bg);\n}\n.sw > .nav .nav-link.completed {\n color: var(--sw-nav-completed-text);\n background: var(--sw-nav-completed-bg);\n z-index: 2;\n}\n.sw > .nav .nav-link.completed .badge {\n color: var(--sw-nav-completed-badge-text);\n background: var(--sw-nav-completed-badge-bg);\n}\n.sw > .nav .nav-link.error {\n color: var(--sw-nav-error-text);\n background: var(--sw-nav-error-bg);\n z-index: 2;\n}\n.sw > .nav .nav-link.error .badge {\n color: var(--sw-nav-error-badge-text);\n background: var(--sw-nav-error-badge-bg);\n}\n.sw > .nav .nav-link.warning {\n color: var(--sw-nav-warning-text);\n background: var(--sw-nav-warning-bg);\n z-index: 2;\n}\n.sw > .nav .nav-link.warning .badge {\n color: var(--sw-nav-warning-badge-text);\n background: var(--sw-nav-warning-badge-bg);\n}\n.sw > .nav .nav-link.hidden {\n display: none;\n visibility: none;\n}\n.sw > .nav .nav-link.disabled, .sw > .nav .nav-link:disabled {\n opacity: 0.45;\n pointer-events: none;\n cursor: not-allowed;\n}\n.sw > .nav .nav-link > .badge {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--sw-nav-badge-size);\n height: var(--sw-nav-badge-size);\n border-radius: var(--sw-nav-badge-radius);\n pointer-events: none;\n clear: both;\n line-height: 1;\n color: var(--sw-nav-default-badge-text);\n background: var(--sw-nav-default-badge-bg);\n transition: background var(--sw-transition), transform var(--sw-transition);\n}\n.sw > .nav .nav-link:hover:not(.disabled) .badge {\n transform: scale(1.05);\n}\n.sw:hover > .nav > .nav-scroll-btn, .sw:focus > .nav > .nav-scroll-btn {\n opacity: 1;\n}\n.sw.sw-justified > .nav {\n justify-content: space-between;\n}\n.sw[dir=rtl] > .nav .nav-link > .badge {\n float: right;\n}\n\n.sw > .progress {\n padding: 0;\n margin: 0;\n border: 0;\n width: 100%;\n height: 5px;\n background: var(--sw-inactive-bg);\n overflow: hidden;\n}\n.sw > .progress > .progress-bar {\n height: 100%;\n width: 0%;\n background: linear-gradient(90deg, var(--sw-accent-dark), var(--sw-accent));\n transition: width var(--sw-transition);\n box-shadow: 0 0 8px var(--sw-accent-light);\n}\n\n.sw.sw-loading {\n user-select: none;\n}\n.sw.sw-loading::after {\n content: \"\";\n display: block;\n position: absolute;\n opacity: 1;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n background: var(--sw-loader-background-wrapper-color);\n z-index: 99;\n}\n.sw.sw-loading::before {\n content: \"\";\n display: inline-block;\n position: absolute;\n top: 45%;\n left: 45%;\n width: 2rem;\n height: 2rem;\n border: 10px solid var(--sw-loader-color);\n border-top: 10px solid var(--sw-loader-background-color);\n border-radius: 50%;\n z-index: 10;\n animation: spin 1s linear infinite;\n}\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}"]}