UNPKG

mobi-plugin-button

Version:
1 lines 2.51 kB
{"version":3,"sources":["mobi-plugin-button.css","index.css"],"names":[],"mappings":"AAAA,uEAAuE,ACAvE,KACI,qBAAiB,AAAjB,wBAAiB,AAAjB,gBAAiB,AACjB,sBAA0C,AAC1C,sBAAsD,AACtD,kBAA0C,AAC1C,WAAyB,AACzB,eAAgB,AAChB,qBAAsB,AACtB,oNAAgC,AAChC,eAA4B,AAC5B,iBAAsC,AACtC,gBAA6B,AAC7B,iBAAyE,AACzE,iBAAmB,CAatB,AAXG,uBAEI,yBAAgD,AAChD,oBAAsB,CACzB,AAED,eACI,eAAgB,AAChB,WAAa,AACb,mBAAqB,CACxB,AAGL,aACI,yBAAuC,AACvC,qBAAmC,AACnC,UAA+B,CAYlC,AAVG,uCAEI,wBAA6D,CAChE,AAED,uBACI,eAAgB,AAChB,WAAa,AACb,mBAAqB,CACxB,AAGL,YACI,yBAAsC,AACtC,qBAAkC,AAClC,UAA+B,CAYlC,AAVG,qCAEI,wBAA4D,CAC/D,AAED,sBACI,eAAgB,AAChB,WAAa,AACb,mBAAqB,CACxB,AAGL,WACI,cAAe,AACf,UAAY,CACf","file":"mobi-plugin-button.min.css","sourcesContent":["/*! mobi-plugin-button v3.1.0 http://getmobicss.com/docs/button.html */\n@import 'mobi-theme-base';\r\n@import './index.css';\r\n",".btn {\r\n appearance: none;\r\n background-color: var(--color-background);\r\n border: var(--width-border) solid var(--color-border);\r\n border-radius: var(--width-border-radius);\r\n color: var(--color-text);\r\n cursor: pointer;\r\n display: inline-block;\r\n font-family: var(--font-family);\r\n font-size: var(--font-size);\r\n line-height: var(--line-height-input);\r\n margin: var(--width-gap) 0 0;\r\n padding: var(--width-padding-input) calc(var(--width-padding-input) * 2);\r\n text-align: center;\r\n\r\n &:hover,\r\n &:active {\r\n background-color: var(--color-background-faded);\r\n text-decoration: none;\r\n }\r\n\r\n &[disabled] {\r\n cursor: default;\r\n opacity: 0.5;\r\n pointer-events: none;\r\n }\r\n}\r\n\r\n.btn-primary {\r\n background-color: var(--color-primary);\r\n border-color: var(--color-primary);\r\n color: var(--color-background);\r\n\r\n &:hover,\r\n &:active {\r\n background-color: color(var(--color-primary) lightness(-5%));\r\n }\r\n\r\n &[disabled] {\r\n cursor: default;\r\n opacity: 0.5;\r\n pointer-events: none;\r\n }\r\n}\r\n\r\n.btn-danger {\r\n background-color: var(--color-danger);\r\n border-color: var(--color-danger);\r\n color: var(--color-background);\r\n\r\n &:hover,\r\n &:active {\r\n background-color: color(var(--color-danger) lightness(-5%));\r\n }\r\n\r\n &[disabled] {\r\n cursor: default;\r\n opacity: 0.5;\r\n pointer-events: none;\r\n }\r\n}\r\n\r\n.btn-block {\r\n display: block;\r\n width: 100%;\r\n}\r\n"]}