UNPKG

mobi-plugin-form

Version:

The form plugin for Mobi.css

getmobicss.com/docs/form.html

mobi-css/mobi.css

1 lines • 4.32 kB
1
{"version":3,"sources":["mobi-plugin-form.css","index.css"],"names":[],"mappings":"AAAA,mEAAmE;;ACAnE;IACI,UAAU;CAsHb;;AApHG;IACI,8BAA8C;IAC9C,gBAAgB;IAChB,eAAe;IACf,kBAAsC;IACtC,iBAA6B;IAC7B,oBAA2C;IAC3C,iBAAwC;CAC3C;;AAED;;;;;;;;;IAcI,sBAAiB;IAAjB,yBAAiB;IAAjB,iBAAiB;IACjB,uBAA0C;IAC1C,uBAAsD;IACtD,mBAA0C;IAC1C,YAAyB;IATzB,eAAe;IAUf,qNAAgC;IAChC,gBAA4B;IAV5B,kBAAsC;IACtC,iBAA6B;IAU7B,aAAoC;IATpC,YAAY;CAef;;AAJG;;;;;;;;;IACI,sBAAmC;IACnC,WAAW;CACd;;AAGL;IACI;;;;;QAoBI,sBAAiB;QAAjB,yBAAiB;QAAjB,iBAAiB;QACjB,uBAA0C;QAC1C,uBAAsD;QACtD,mBAA0C;QAC1C,YAAyB;QATzB,eAAe;QAUf,qNAAgC;QAChC,gBAA4B;QAV5B,kBAAsC;QAXtC,iBAA6B;QAsB7B,aAAoC;QATpC,YAAY;KAZf;CACJ;;AAED;IAoBQ;;;;;QACI,sBAAmC;QACnC,WAAW;KACd;CAER;;AAED;;IAEI,gBAAgB;IAChB,kBAAyC;CAC5C;;AAED;IACI,gBAAgB;CACnB;;AAED;;IAQI,qCAAqD;IADrD,kCAAkD;IAJlD,kBAAsC;IAOtC,oBAA2C;IAC3C,iBAAwC;IANxC,YAAY;CAOf;;AAED;;;;IALI,gBAAgB;IAPhB,eAAe;IAEf,iBAA6B;CAehC;;AAED;IACI,gBAAgB;IAChB,aAAa;IACb,qBAAqB;CACxB;;AAED;IACI,0BAAgD;CACnD","file":"mobi-plugin-form.css","sourcesContent":["/*! mobi-plugin-form v3.1.0 http://getmobicss.com/docs/form.html */\n@import 'mobi-theme-base';\n@import './index.css';\n",".form {\n margin: 0;\n\n & label {\n border: var(--width-border) solid transparent;\n cursor: pointer;\n display: block;\n line-height: var(--line-height-input);\n margin-top: var(--width-gap);\n padding-bottom: var(--width-padding-input);\n padding-top: var(--width-padding-input);\n }\n\n & [type=text],\n & [type=password],\n & [type=email],\n & [type=search],\n & [type=url],\n & [type=tel],\n & [type=number],\n & textarea,\n & select {\n display: block;\n line-height: var(--line-height-input);\n margin: var(--width-gap) 0 0;\n width: 100%;\n\n appearance: none;\n background-color: var(--color-background);\n border: var(--width-border) solid var(--color-border);\n border-radius: var(--width-border-radius);\n color: var(--color-text);\n font-family: var(--font-family);\n font-size: var(--font-size);\n padding: var(--width-padding-input);\n\n &:focus {\n border-color: var(--color-primary);\n outline: 0;\n }\n }\n\n @media (--mobile-viewport) {\n & [type=time],\n & [type=week],\n & [type=month],\n & [type=date],\n & [type=datetime-local] {\n margin: var(--width-gap) 0 0;\n }\n }\n\n @media (--mobile-viewport) {\n & [type=time],\n & [type=week],\n & [type=month],\n & [type=date],\n & [type=datetime-local] {\n display: block;\n line-height: var(--line-height-input);\n margin: var(--width-gap) 0 0;\n width: 100%;\n\n appearance: none;\n background-color: var(--color-background);\n border: var(--width-border) solid var(--color-border);\n border-radius: var(--width-border-radius);\n color: var(--color-text);\n font-family: var(--font-family);\n font-size: var(--font-size);\n padding: var(--width-padding-input);\n\n &:focus {\n border-color: var(--color-primary);\n outline: 0;\n }\n }\n }\n\n & [type=checkbox],\n & [type=radio] {\n cursor: pointer;\n margin: 0 var(--width-padding-input) 0 0;\n }\n\n & select {\n cursor: pointer;\n }\n\n & [type=file],\n & [type=range] {\n display: block;\n line-height: var(--line-height-input);\n margin: var(--width-gap) 0 0;\n width: 100%;\n\n border-top: var(--width-border) solid transparent;\n border-bottom: var(--width-border) solid transparent;\n cursor: pointer;\n padding-bottom: var(--width-padding-input);\n padding-top: var(--width-padding-input);\n }\n\n & [type=color],\n & [type=image] {\n cursor: pointer;\n display: block;\n margin: var(--width-gap) 0 0;\n }\n\n & [disabled] {\n cursor: default;\n opacity: 0.5;\n pointer-events: none;\n }\n\n & [readonly] {\n background-color: var(--color-background-faded);\n }\n}\n"]}