mobi-plugin-button/dist/mobi-plugin-button.css.map

The button plugin for Mobi.css

{"version":3,"sources":["mobi-plugin-button.css","index.css"],"names":[],"mappings":"AAAA,uEAAuE;;ACAvE;IACI,sBAAiB;IAAjB,yBAAiB;IAAjB,iBAAiB;IACjB,uBAA0C;IAC1C,uBAAsD;IACtD,mBAA0C;IAC1C,YAAyB;IACzB,gBAAgB;IAChB,sBAAsB;IACtB,qNAAgC;IAChC,gBAA4B;IAC5B,kBAAsC;IACtC,iBAA6B;IAC7B,kBAAyE;IACzE,mBAAmB;CAatB;;AAXG;;IAEI,0BAAgD;IAChD,sBAAsB;CACzB;;AAED;IACI,gBAAgB;IAChB,aAAa;IACb,qBAAqB;CACxB;;AAGL;IACI,0BAAuC;IACvC,sBAAmC;IACnC,YAA+B;CAYlC;;AAVG;;IAEI,0BAA6D;CAChE;;AAED;IACI,gBAAgB;IAChB,aAAa;IACb,qBAAqB;CACxB;;AAGL;IACI,0BAAsC;IACtC,sBAAkC;IAClC,YAA+B;CAYlC;;AAVG;;IAEI,0BAA4D;CAC/D;;AAED;IACI,gBAAgB;IAChB,aAAa;IACb,qBAAqB;CACxB;;AAGL;IACI,eAAe;IACf,YAAY;CACf","file":"mobi-plugin-button.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"]}