mobi.css/dist/mobi.min.css.map

A lightweight, scalable, mobile-first CSS framework

{"version":3,"sources":["mobi.css","../node_modules/mobi-plugin-reset/src/index.css","../node_modules/mobi-plugin-container/src/index.css","../node_modules/mobi-plugin-flexbox/src/index.css","../node_modules/mobi-plugin-top-gap/src/index.css","../node_modules/mobi-plugin-show-hide-on-mobile/src/index.css","../node_modules/mobi-plugin-table/src/index.css","../node_modules/mobi-plugin-button/src/index.css","../node_modules/mobi-plugin-form/src/index.css","../node_modules/mobi-plugin-scroll-view/src/index.css","../node_modules/mobi-plugin-text/src/index.css"],"names":[],"mappings":"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","file":"mobi.min.css","sourcesContent":["/*! mobi.css v3.1.1 http://getmobicss.com */\n@import 'mobi-theme-base';\n@import 'mobi-plugin-reset';\n@import 'mobi-plugin-container';\n@import 'mobi-plugin-flexbox';\n@import 'mobi-plugin-top-gap';\n@import 'mobi-plugin-show-hide-on-mobile';\n@import 'mobi-plugin-table';\n@import 'mobi-plugin-button';\n@import 'mobi-plugin-form';\n@import 'mobi-plugin-scroll-view';\n@import 'mobi-plugin-text';\n","/**\n * Resets\n *\n * Global resets to common HTML elements.\n * Doesn't depend on any third party libraries.\n * Inspired by Normalise.css and bootstrap/_reboot.scss\n * Doesn't reset form and table because it's hard to set styles back in third-party libraries\n */\n\n\n\n/* `html` and `body` */\n\n/* Reset the box-sizing */\nhtml {\n    box-sizing: border-box;\n    /* Prevent adjustments of font size after orientation changes in IE and iOS. */\n    text-size-adjust: 100%;\n}\n\n*,\n*::before,\n*::after {\n    box-sizing: inherit;\n}\n\nbody {\n    background-color: var(--color-background);\n    color: var(--color-text);\n    font-size: var(--font-size);\n    line-height: var(--line-height);\n    margin: 0;\n}\n\nbody,\nbutton,\ninput,\nselect,\ntextarea {\n    font-family: var(--font-family);\n}\n\n\n\n/* Typography */\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n    margin: var(--width-gap-double) 0 0;\n}\n\np,\nblockquote,\ntable,\nhr,\ndl,\nul,\nol,\npre,\naddress,\nfigure {\n    margin: var(--width-gap) 0 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n    font-weight: var(--font-weight-bold);\n}\n\nh1 { font-size: var(--font-size-h1); }\nh2 { font-size: var(--font-size-h2); }\nh3 { font-size: var(--font-size-h3); }\nh4 { font-size: var(--font-size-h4); }\nh5 { font-size: var(--font-size-h5); }\nh6 { font-size: var(--font-size-h6); }\n\na {\n    color: var(--color-primary);\n    text-decoration: none;\n    /* Remove gaps in links underline in iOS 8+ and Safari 8+. */\n    -webkit-text-decoration-skip: objects;\n\n    &:active,\n    &:hover {\n        text-decoration: underline;\n    }\n}\n\nb,\nstrong,\ndt {\n    font-weight: var(--font-weight-bold);\n}\n\ncode,\nkbd,\nsamp {\n    background-color: var(--color-background-faded);\n    font-size: var(--font-size-small);\n    padding: var(--padding-code);\n}\n\ncode,\nkbd,\nsamp,\npre {\n    font-family: var(--font-family-monospace);\n}\n\npre {\n    background-color: var(--color-background-faded);\n    font-size: var(--font-size-pre);\n    line-height: var(--line-height-pre);\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n    padding: var(--width-gap);\n\n    /* Override the code styles */\n    & code {\n        background-color: transparent;\n        font-size: var(--font-size-pre);\n        padding: 0;\n    }\n}\n\nblockquote {\n    border-left: var(--width-padding-input) solid var(--color-border);\n    color: var(--color-text-muted);\n    padding-left: var(--width-gap);\n}\n\nul,\nol {\n    padding-left: var(--width-gap-double);\n}\n\ndt,\ndd,\nol ol,\nul ul,\nol ul,\nul ol {\n    margin: 0;\n}\n\nhr {\n    border: 0;\n    border-top: var(--width-border) solid var(--color-border);\n}\n\nsmall {\n    font-size: var(--font-size-small);\n}\n\n/* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */\nsub,\nsup {\n    font-size: var(--font-size-small);\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n}\n\nsub {\n    bottom: -0.2em;\n}\n\nsup {\n    top: -0.4em;\n}\n\naddress,\ntime {\n    font-style: normal;\n}\n\nmark {\n    background-color: yellow;\n    color: var(--color-text);\n    padding: 0 0.2em;\n}\n\nrt {\n    font-size: 60%;\n}\n\nabbr[title] {\n    border-bottom: 0;\n    text-decoration: underline;\n    text-decoration: underline dotted;\n}\n\n\n\n/* Embedded Content */\n\n/* Add the correct display in iOS 4-7. */\naudio:not([controls]) {\n    display: none;\n    height: 0;\n}\n\nimg {\n    max-width: 100%;\n    vertical-align: middle;\n    /* Remove the border on images inside links in IE 10-. */\n    border-style: none;\n}\n\naudio,\nvideo {\n    max-width: 100%;\n}\n\nfigcaption {\n    color: var(--color-text-muted);\n    font-size: var(--font-size-small);\n}\n\n\n\n/* Forms */\n\n/**\n * iOS \"clickable elements\" fix for role=\"button\"\n *\n * Fixes \"clickability\" issue (and more generally, the firing of events such as focus as well)\n * for traditionally non-focusable elements with role=\"button\"\n * see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n */\n[role=\"button\"] {\n    cursor: pointer;\n}\n\n/* Avoid 300ms click delay on touch devices that support the `touch-action` CSS property. */\na,\narea,\nbutton,\n[role=\"button\"],\ninput,\nlabel,\nselect,\nsummary,\ntextarea {\n    touch-action: manipulation;\n}\n\nbutton,\n/* Prevent a WebKit bug where (*) destroys native `audio` and `video` controls in Android 4. */\nhtml [type=button],\n[type=reset],\n[type=submit],\n::-webkit-file-upload-button {\n    /* (*) Correct the inability to style clickable types in iOS and Safari. */\n    appearance: button;\n}\n\n[type=search] {\n    /* Correct the odd appearance in Chrome and Safari. */\n    appearance: none;\n}\n\n/* Change font properties to `inherit` in Safari. */\n::-webkit-file-upload-button {\n    font: inherit;\n}\n\n[hidden] {\n    display: none;\n}\n\nfieldset {\n    border: var(--width-border) solid var(--color-border);\n    margin: var(--width-gap) 0 0;\n    padding: 0 var(--width-gap) var(--width-gap);\n}\n\nlegend {\n    padding: 0 0.2em;\n}\n\noptgroup {\n    color: var(--color-text-muted);\n    font-style: normal;\n    font-weight: normal;\n}\n\noption {\n    color: var(--color-text);\n}\n\nprogress {\n    max-width: 100%;\n}\n",".container,\n.container-wider,\n.container-fluid {\n    overflow: hidden;\n    padding: 0 var(--width-gap) var(--width-gap);\n    flex-grow: 1;\n}\n\n.container {\n    max-width: var(--max-width-container);\n}\n\n.container-wider {\n    max-width: var(--max-width-container-wider);\n}\n",".flex-left,\n.flex-center,\n.flex-right,\n.flex-top,\n.flex-middle,\n.flex-bottom,\n.flex-vertical {\n    flex-flow: row nowrap;\n    display: flex;\n}\n\n.flex-left,\n.flex-center,\n.flex-right,\n.flex-top,\n.flex-middle,\n.flex-bottom,\n.flex-vertical.flex-left,\n.flex-vertical.flex-center,\n.flex-vertical.flex-right,\n.flex-vertical.flex-top,\n.flex-vertical.flex-middle,\n.flex-vertical.flex-bottom {\n    align-items: stretch;\n    justify-content: flex-start;\n}\n.flex-center,\n.flex-vertical.flex-middle {\n    justify-content: center;\n}\n.flex-right,\n.flex-vertical.flex-bottom {\n    justify-content: flex-end;\n}\n.flex-top,\n.flex-vertical.flex-left {\n    align-items: flex-start;\n}\n.flex-middle,\n.flex-vertical.flex-center {\n    align-items: center;\n}\n.flex-bottom,\n.flex-vertical.flex-right {\n    align-items: flex-end;\n}\n\n.units-gap {\n    margin-left: calc(var(--width-gap-half) * -1);\n    margin-right: calc(var(--width-gap-half) * -1);\n}\n.units-gap > .unit,\n.units-gap > .unit-0,\n.units-gap > .unit-1,\n.units-gap > .unit-1-on-mobile,\n.units-gap > .unit-1-2,\n.units-gap > .unit-1-3,\n.units-gap > .unit-2-3,\n.units-gap > .unit-1-4,\n.units-gap > .unit-3-4 {\n    padding-left: var(--width-gap-half);\n    padding-right: var(--width-gap-half);\n}\n\n.units-gap-big {\n    margin-left: calc(var(--width-gap) * -1);\n    margin-right: calc(var(--width-gap) * -1);\n}\n.units-gap-big > .unit,\n.units-gap-big > .unit-0,\n.units-gap-big > .unit-1,\n.units-gap-big > .unit-1-on-mobile,\n.units-gap-big > .unit-1-2,\n.units-gap-big > .unit-1-3,\n.units-gap-big > .unit-2-3,\n.units-gap-big > .unit-1-4,\n.units-gap-big > .unit-3-4 {\n    padding-left: var(--width-gap);\n    padding-right: var(--width-gap);\n}\n\n.unit {\n    flex-basis: 0;\n    flex-grow: 1;\n    max-width: 100%;\n}\n.unit-1,\n.unit-1-on-mobile,\n.unit-1-2,\n.unit-1-3,\n.unit-2-3,\n.unit-1-4,\n.unit-3-4 {\n    flex-shrink: 0;\n}\n.unit-1 {\n    flex-basis: 100%;\n    max-width: 100%;\n}\n.unit-1-2 {\n    flex-basis: 50%;\n    max-width: 50%;\n}\n.unit-1-3 {\n    flex-basis: 33.33%;\n    max-width: 33.33%;\n}\n.unit-2-3 {\n    flex-basis: 66.67%;\n    max-width: 66.67%;\n}\n.unit-1-4 {\n    flex-basis: 25%;\n    max-width: 25%;\n}\n.unit-3-4 {\n    flex-basis: 75%;\n    max-width: 75%;\n}\n\n.flex-vertical {\n    flex-direction: column;\n}\n.flex-vertical > .unit,\n.flex-vertical > .unit-0,\n.flex-vertical > .unit-1,\n.flex-vertical > .unit-1-on-mobile,\n.flex-vertical > .unit-1-2,\n.flex-vertical > .unit-1-3,\n.flex-vertical > .unit-2-3,\n.flex-vertical > .unit-1-4,\n.flex-vertical > .unit-3-4 {\n    max-width: none;\n}\n.flex-vertical > .unit-1 {\n    max-height: 100%;\n}\n.flex-vertical > .unit-1-2 {\n    max-height: 50%;\n}\n.flex-vertical > .unit-1-3 {\n    max-height: 33.33%;\n}\n.flex-vertical > .unit-2-3 {\n    max-height: 66.67%;\n}\n.flex-vertical > .unit-1-4 {\n    max-height: 25%;\n}\n.flex-vertical > .unit-3-4 {\n    max-height: 75%;\n}\n\n.flex-wrap {\n    flex-wrap: wrap;\n}\n\n@media (--mobile-viewport) {\n    .unit-1-on-mobile {\n        flex-basis: 100%;\n        max-width: 100%;\n    }\n\n    .flex-vertical > .unit-1-on-mobile {\n        max-height: 100%;\n    }\n}\n",".top-gap-big {\n    margin-top: var(--width-gap-double) !important;\n}\n.top-gap {\n    margin-top: var(--width-gap) !important;\n}\n.top-gap-0 {\n    margin-top: 0 !important;\n}\n","@media (--mobile-viewport) {\n    .hide-on-mobile {\n        display: none !important;\n    }\n}\n\n@media (--desktop-viewport) {\n    .show-on-mobile {\n        display: none !important;\n    }\n}\n",".table {\n    /* Reset for nesting within parents with `background-color`. */\n    background-color: var(--color-background);\n    border: 0;\n    border-collapse: collapse;\n    border-spacing: 0;\n    width: 100%;\n\n    & caption {\n        caption-side: bottom;\n        color: var(--color-text-muted);\n        font-size: var(--font-size-small);\n        padding: var(--width-padding-input);\n        text-align: left;\n    }\n\n    & th,\n    & td {\n        border: 0;\n        border-bottom: var(--width-border) solid var(--color-border);\n        padding: var(--width-padding-input);\n        text-align: left;\n    }\n\n    & th {\n        background-color: var(--color-background-faded);\n        font-weight: var(--font-weight-bold);\n    }\n}\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",".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",".scroll-view {\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n}\n",".text-left {\n    text-align: left;\n}\n.text-center {\n    text-align: center;\n}\n.text-right {\n    text-align: right;\n}\n\n.text-muted {\n    color: var(--color-text-muted);\n}\n.text-primary {\n    color: var(--color-primary);\n}\n.text-danger {\n    color: var(--color-danger);\n}\na.text-muted,\na.text-primary,\na.text-danger {\n    text-decoration: underline;\n}\n\n.text-small {\n    font-size: var(--font-size-small);\n}\n"]}