mobi-plugin-form
Version:
The form plugin for Mobi.css
1 lines • 4.29 kB
Source Map (JSON)
{"version":3,"sources":["mobi-plugin-form.css","index.css"],"names":[],"mappings":"AAAA,mEAAmE,ACAnE,MACI,QAAU,CAsHb,AApHG,YACI,6BAA8C,AAC9C,eAAgB,AAChB,cAAe,AACf,iBAAsC,AACtC,gBAA6B,AAC7B,mBAA2C,AAC3C,eAAwC,CAC3C,AAED,iKAcI,qBAAiB,AAAjB,wBAAiB,AAAjB,gBAAiB,AACjB,sBAA0C,AAC1C,sBAAsD,AACtD,kBAA0C,AAC1C,WAAyB,AATzB,cAAe,AAUf,oNAAgC,AAChC,eAA4B,AAV5B,iBAAsC,AACtC,gBAA6B,AAU7B,YAAoC,AATpC,UAAY,CAef,AAJG,uNACI,qBAAmC,AACnC,SAAW,CACd,AAGL,yBACI,qGAoBI,qBAAiB,AAAjB,wBAAiB,AAAjB,gBAAiB,AACjB,sBAA0C,AAC1C,sBAAsD,AACtD,kBAA0C,AAC1C,WAAyB,AATzB,cAAe,AAUf,oNAAgC,AAChC,eAA4B,AAV5B,iBAAsC,AAXtC,gBAA6B,AAsB7B,YAAoC,AATpC,UAAY,CAZf,CACJ,AAED,yBAoBQ,mIACI,qBAAmC,AACnC,SAAW,CACd,CAER,AAED,yCAEI,eAAgB,AAChB,gBAAyC,CAC5C,AAED,aACI,cAAgB,CACnB,AAED,qCAQI,oCAAqD,AADrD,iCAAkD,AAJlD,iBAAsC,AAOtC,mBAA2C,AAC3C,gBAAwC,AANxC,UAAY,CAOf,AAED,2EALI,eAAgB,AAPhB,cAAe,AAEf,eAA6B,CAehC,AAED,iBACI,eAAgB,AAChB,WAAa,AACb,mBAAqB,CACxB,AAED,iBACI,wBAAgD,CACnD","file":"mobi-plugin-form.min.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"]}