diff --git a/dist/css/swapform.css b/dist/css/swapform.css index 8869646..0ba652f 100644 --- a/dist/css/swapform.css +++ b/dist/css/swapform.css @@ -1,4 +1,131 @@ -.sf-form{position:relative}.sf-form .form-control,.sf-form .form-select{border:none}.sf-form .form-control:focus,.sf-form .form-select:focus{border:none;box-shadow:none !important}.sf-form .form-control:focus~.sf-form-slot div,.sf-form .form-select:focus~.sf-form-slot div{border-width:2px;border-color:#2a65ea}.sf-form [type=checkbox],.sf-form [type=radio]{transition:all .35s}.sf-label,.sf-label-lg,.sf-label-sm{position:absolute;left:10px;top:6px;padding:0px 3px 0px 3px;transition:top .2s,color .2s,font-size .2s;pointer-events:none;user-select:none;height:16px;color:var(--bs-gray)}.sf-label-sm{top:6px;font-size:.75em}.sf-label-lg{top:11px}.sf-label-active{top:-9px;font-size:.75em;color:#2a65ea}.sf-label-filled{padding:0px 3px 0px 0px}.sf-label-filled:before{content:" ";display:inline-block;position:relative;top:0px;width:16px;height:12px;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzJhNjVlYSIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNMTAuOTcgNC45N2EuNzUuNzUgMCAwIDEgMS4wNyAxLjA1bC0zLjk5IDQuOTlhLjc1Ljc1IDAgMCAxLTEuMDguMDJMNC4zMjQgOC4zODRhLjc1Ljc1IDAgMSAxIDEuMDYtMS4wNmwyLjA5NCAyLjA5MyAzLjQ3My00LjQyNWEuMjY3LjI2NyAwIDAgMSAuMDItLjAyMnoiIGNsYXNzPSJzblBSU3BISl8wIj48L3BhdGg+PC9zdmc+")}.sf-label-no-border-top{border-top:none !important}.sf-textarea,.sf-textarea-fixed-lg,.sf-textarea-fixed-md,.sf-textarea-fixed-sm,.sf-textarea-lg,.sf-textarea-md,.sf-textarea-sm{overflow-y:auto;border-top:1rem solid transparent !important;border-bottom:1rem solid transparent !important;padding-top:0px !important;transition:none !important;background-clip:unset !important;resize:none !important;height:62px}.sf-textarea-sm,.sf-textarea-fixed-sm{max-height:160px}.sf-textarea-md,.sf-textarea-fixed-md{max-height:320px}.sf-textarea-lg,.sf-textarea-fixed-lg{max-height:640px}.sf-textarea-fixed-sm{height:160px}.sf-textarea-fixed-md{height:320px}.sf-textarea-fixed-lg{height:640px}.sf-form-slot-right,.sf-form-slot-middle,.sf-form-slot-left{height:100%;border:1px solid #ced4da}.sf-form-slot{position:absolute;top:0px;left:0px;width:100%;height:100%;pointer-events:none;display:flex}.sf-form-slot-left{width:25%;border-right:none;border-radius:.25rem 0 0 .25rem}.sf-form-slot-middle{width:50%;border-left:none;border-right:none;border-radius:none}.sf-form-slot-right{border-left:none;border-radius:0 .25rem .25rem 0;flex-grow:1}/*! +.sf-form { + position: relative; +} + +.sf-form .form-control, .sf-form .form-select { + border: none; +} + +.sf-form .form-control:focus, .sf-form .form-select:focus { + border: none; + box-shadow: none !important; +} + +.sf-form .form-control:focus ~ .sf-form-slot div, .sf-form .form-select:focus ~ .sf-form-slot div { + border-width: 2px; + border-color: #2a65ea; +} + +.sf-form [type=checkbox], .sf-form [type=radio] { + transition: all 0.35s; +} + +.sf-label, .sf-label-lg, .sf-label-sm { + position: absolute; + left: 10px; + top: 6px; + padding: 0px 3px 0px 3px; + transition: top 0.2s, color 0.2s, font-size 0.2s; + pointer-events: none; + user-select: none; + height: 16px; + color: var(--bs-gray); +} +.sf-label-sm { + top: 6px; + font-size: 0.75em; +} +.sf-label-lg { + top: 11px; +} + +.sf-label-active { + top: -9px; + font-size: 0.75em; + color: #2a65ea; +} + +.sf-label-filled { + padding: 0px 3px 0px 0px; +} + +.sf-label-filled:before { + content: " "; + display: inline-block; + position: relative; + top: 0px; + width: 16px; + height: 12px; + background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzJhNjVlYSIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNMTAuOTcgNC45N2EuNzUuNzUgMCAwIDEgMS4wNyAxLjA1bC0zLjk5IDQuOTlhLjc1Ljc1IDAgMCAxLTEuMDguMDJMNC4zMjQgOC4zODRhLjc1Ljc1IDAgMSAxIDEuMDYtMS4wNmwyLjA5NCAyLjA5MyAzLjQ3My00LjQyNWEuMjY3LjI2NyAwIDAgMSAuMDItLjAyMnoiIGNsYXNzPSJzblBSU3BISl8wIj48L3BhdGg+PC9zdmc+"); +} + +.sf-label-no-border-top { + border-top: none !important; +} + +.sf-textarea, .sf-textarea-fixed-lg, .sf-textarea-fixed-md, .sf-textarea-fixed-sm, .sf-textarea-lg, .sf-textarea-md, .sf-textarea-sm { + overflow-y: auto; + border-top: 1rem solid transparent !important; + border-bottom: 1rem solid transparent !important; + padding-top: 0px !important; + transition: none !important; + background-clip: unset !important; + resize: none !important; + height: 62px; +} +.sf-textarea-sm, .sf-textarea-fixed-sm { + max-height: 160px; +} +.sf-textarea-md, .sf-textarea-fixed-md { + max-height: 320px; +} +.sf-textarea-lg, .sf-textarea-fixed-lg { + max-height: 640px; +} +.sf-textarea-fixed-sm { + height: 160px; +} +.sf-textarea-fixed-md { + height: 320px; +} +.sf-textarea-fixed-lg { + height: 640px; +} + +.sf-form-slot-right, .sf-form-slot-middle, .sf-form-slot-left { + height: 100%; + border: 1px solid #ced4da; +} + +.sf-form-slot { + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + pointer-events: none; + display: flex; +} +.sf-form-slot-left { + width: 25%; + border-right: none; + border-radius: 0.25rem 0 0 0.25rem; +} +.sf-form-slot-middle { + width: 50%; + border-left: none; + border-right: none; + border-radius: none; +} +.sf-form-slot-right { + border-left: none; + border-radius: 0 0.25rem 0.25rem 0; + flex-grow: 1; +} + +/*! * Swapform v1.0 (https://github.com/runthis/swapform/) * Licensed under MIT (https://github.com/runthis/swapform/blob/main/LICENSE) - *//*# sourceMappingURL=swapform.css.map */ + */ + +/*# sourceMappingURL=swapform.css.map */ diff --git a/dist/css/swapform.css.map b/dist/css/swapform.css.map index 4899000..852941c 100644 --- a/dist/css/swapform.css.map +++ b/dist/css/swapform.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../scss/src/forms/_form.scss","../../scss/src/forms/_label.scss","../../scss/src/global/_variables.scss","../../scss/src/forms/_textarea.scss","../../scss/src/forms/_slot.scss","../../scss/swapform.scss"],"names":[],"mappings":"AAAA,SACC,kBAGD,6CACC,YAGD,yDACC,YACA,2BAGD,6FACC,iBACA,qBAGD,+CACC,oBCjBD,oCACC,kBACA,UACA,QACA,wBACA,2CACA,oBACA,iBACA,YACA,qBAEA,aAEC,ICXS,IDYT,gBAGD,aAEC,ICfS,KDmBX,iBACC,SACA,gBACA,cAGD,iBACC,wBAGD,wBACC,YACA,qBACA,kBACA,QACA,WACA,YACA,ibAGD,wBACC,2BE5CD,+HACC,gBACA,6CACA,gDACA,2BACA,2BACA,iCACA,uBACA,YAGA,sCAEC,WDNY,MCSb,sCAEC,WDVY,MCab,sCAEC,WDdY,MCmBZ,sBAGC,ODxBW,MC2BZ,sBAGC,OD7BW,MCgCZ,sBAGC,ODlCW,METd,4DACC,YACA,yBAGD,cACC,kBACA,QACA,SACA,WACA,YACA,oBACA,aAEA,mBAEC,UACA,kBACA,gCAID,qBAEC,UACA,iBACA,kBACA,mBAID,oBAEC,iBACA,gCACA,YCrCF;AAAA;AAAA;AAAA","file":"swapform.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../scss/src/forms/_form.scss","../../scss/src/forms/_label.scss","../../scss/src/global/_variables.scss","../../scss/src/forms/_textarea.scss","../../scss/src/forms/_slot.scss","../../scss/swapform.scss"],"names":[],"mappings":"AAAA;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;ACjBD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEC,KCXS;EDYT;;AAGD;EAEC,KCfS;;;ADmBX;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AE5CD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EAEC,YDNY;;ACSb;EAEC,YDVY;;ACab;EAEC,YDdY;;ACmBZ;EAGC,QDxBW;;AC2BZ;EAGC,QD7BW;;ACgCZ;EAGC,QDlCW;;;AETd;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEC;EACA;EACA;;AAID;EAEC;EACA;EACA;EACA;;AAID;EAEC;EACA;EACA;;;ACrCF;AAAA;AAAA;AAAA","file":"swapform.css"} \ No newline at end of file diff --git a/package.json b/package.json index fc6e7da..1d18ed9 100644 --- a/package.json +++ b/package.json @@ -59,5 +59,5 @@ "js-minify-prod": "npx google-closure-compiler --js=js/src/swapform.js --js_output_file=dist/js/swapform.min.js --create_source_map=js/dist/swapform.min.js.map --source_map_include_content --output_wrapper '%output%\n//# sourceMappingURL=swapform.js.map' --language_out=ES6" }, "style": "dist/css/swapform.css", - "version": "1.0.11" + "version": "1.1.0" }