mobi.css/dist/mobi.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.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"]}