ember-svg-jar
Version:
Best way to use SVG images in Ember applications
1 lines • 44 kB
Source Map (JSON)
{"version":3,"sources":["/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/dropdown/dropdown.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/drawer/drawer.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/styles/base/settings.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/shortcuts-bar/shortcuts-bar.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/styles/base/units.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/tooltip/tooltip.scss","tooltip.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/tab-bar/tab-bar.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/sidebar/sidebar.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/search-bar/search-bar.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/arrow-button/arrow-button.scss","dropdown.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/main/actions-bar/actions-bar.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/placeholder/placeholder.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/assets/asset/asset.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/assets/assets.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/main/main.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/code-block/code-block.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/pane/pane.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/status-button/status-button.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/components/app/app.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/styles/global/reset.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/styles/global/elements/general.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/styles/global/elements/focus-ring.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/styles/global/elements/scroll.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/styles/global/components/button.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/styles/global/components/range.scss","/Users/ivanvotti/Projects/Contrib/svg-jar/src/styles/global/utils.scss"],"names":[],"mappings":"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","file":"main.f3aef49e.chunk.css","sourcesContent":["@import '../../styles/base/index';\n\n$dropdown-color: $white;\n$dropdown-offset: rem(10px);\n$dropdown-translate-offset: rem(8px);\n$dropdown-arrow-size: rem(14px);\n$dropdown-arrow-offset: -$dropdown-arrow-size / 2 + rem(1px);\n\n$dropdown-content-shadow: 0 0 1px 1px hsla(232, 50%, 5%, 0.08),\n 0 rem(2px) rem(12px) hsla(232, 50%, 5%, 0.12);\n$dropdown-arrow-shadow: 0 0 1px 1px hsla(232, 50%, 5%, 0.08),\n 0 0 rem(12px) hsla(232, 50%, 5%, 0.12);\n\n.dropdown {\n z-index: $z-index-dropdown;\n}\n\n.dropdown__content {\n position: relative;\n background-color: $dropdown-color;\n border-radius: $border-radius;\n box-shadow: $dropdown-content-shadow;\n will-change: transform, opacity;\n\n [data-placement*='top'] > & {\n margin-bottom: $dropdown-offset;\n }\n\n [data-placement*='right'] > & {\n margin-left: $dropdown-offset;\n }\n\n [data-placement*='bottom'] > & {\n margin-top: $dropdown-offset;\n }\n\n [data-placement*='left'] > & {\n margin-right: $dropdown-offset;\n }\n}\n\n.dropdown__arrow {\n position: absolute;\n height: $dropdown-arrow-size;\n width: $dropdown-arrow-size;\n transform: rotate(45deg);\n border-radius: rem(2px);\n box-shadow: $dropdown-arrow-shadow;\n background-color: $dropdown-color;\n z-index: -1;\n\n [data-placement*='top'] & {\n bottom: 0;\n margin-bottom: $dropdown-arrow-offset;\n }\n\n [data-placement*='right'] & {\n left: 0;\n margin-left: $dropdown-arrow-offset;\n }\n\n [data-placement*='bottom'] & {\n top: 0;\n margin-top: $dropdown-arrow-offset;\n }\n\n [data-placement*='left'] & {\n right: 0;\n margin-right: $dropdown-arrow-offset;\n }\n}\n\n.dropdown__list {\n padding: $gutter-half;\n border-radius: $border-radius;\n background-color: $white;\n}\n\n.dropdown__item {\n width: 100%;\n display: flex;\n align-items: center;\n height: rem(34px);\n padding: 0 rem(14px) 0 rem(4px);\n border-radius: $border-radius;\n color: hsl(232, 16%, 50%);\n cursor: pointer;\n\n &:hover {\n background: hsl(232, 50%, 95%);\n color: hsl(232, 40%, 54%);\n }\n\n &:active {\n background-color: hsl(232, 30%, 90%);\n color: hsl(232, 40%, 54%);\n }\n\n &:before {\n content: '';\n width: rem(14px);\n margin-right: rem(4px);\n font-size: rem(20px);\n text-align: center;\n color: hsl(158, 63%, 45%);\n }\n\n &.is-active:before {\n content: '●';\n }\n}\n","@import '../../styles/base/index';\n\n.drawer {\n display: flex;\n position: fixed;\n z-index: $z-index-modal;\n will-change: transform;\n\n &--top {\n top: 0;\n left: 0;\n right: 0;\n }\n\n &--bottom {\n bottom: 0;\n left: 0;\n right: 0;\n }\n\n &--left {\n top: 0;\n bottom: 0;\n left: 0;\n }\n\n &--right {\n top: 0;\n bottom: 0;\n right: 0;\n }\n}\n\n.drawer__overlay {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: hsla(232, 50%, 5%, 0.8);\n z-index: $z-index-modal-overlay;\n will-change: opacity;\n}\n","/* Components */\n\n$asset-size: rem(64px);\n$scroll-size: rem(6px);\n$scroll-thumb-color: hsl(232, 20%, 86%);\n\n/* Layout */\n\n$gutter: rem(16px);\n$gutter-half: $gutter / 2;\n$layout-min-width: rem(400px);\n$layout-min-height: 100vh;\n\n$breakpoint-sm: rem(700px);\n$breakpoint-md: rem(960px);\n$breakpoint-lg: rem(1200px);\n$breakpoint-xl: rem(1300px);\n\n/* Colors */\n\n$white: #fff;\n$black: hsl(232, 20%, 10%);\n$dark-gray: hsl(232, 20%, 24%);\n\n/* Font weights */\n\n$book: 400;\n$semi-bold: 500;\n$bold: 700;\n\n/* Base styles */\n\n$font-family: 'Ubuntu', 'Helvetica Neue', Arial, sans-serif;\n$font-size: 1rem;\n$font-weight: $book;\n$line-height: 1.2;\n$text-color: hsl(233, 16%, 51%);\n$background-color: $white;\n$border-radius: rem(4px);\n\n/* z-index */\n\n$z-index-modal-overlay: 1010;\n$z-index-modal: 1020;\n$z-index-dropdown: 1040;\n$z-index-tooltip: 1050;\n","@import '../../styles/base/index';\n\n.shortcuts-bar {\n flex: 1;\n background-color: hsl(232, 100%, 98%);\n padding: $gutter * 3;\n}\n\n.shortcuts-bar__close {\n position: absolute;\n top: 0;\n right: 0;\n padding: $gutter * 1.6;\n opacity: 0.4;\n\n &:hover,\n &:focus {\n opacity: 1;\n }\n}\n\n.shortcuts-bar__title {\n margin-bottom: $gutter * 3;\n font-size: rem(24px);\n text-align: center;\n color: hsl(232, 20%, 24%);\n}\n\n.shortcuts-bar__list {\n max-width: rem(600px);\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-gap: $gutter $gutter * 2;\n}\n\n.shortcuts-bar__item {\n display: flex;\n align-items: center;\n}\n\n.shortcuts-bar__keys {\n width: rem(80px);\n margin-right: $gutter;\n text-align: right;\n}\n\n.shortcuts-bar__key {\n display: inline-block;\n min-width: rem(40px);\n padding: rem(10px) rem(14px);\n border-radius: $border-radius;\n background-color: hsl(232, 16%, 24%);\n background-image: -webkit-gradient(\n linear,\n 0% 0%,\n 0% 100%,\n from(hsl(232, 16%, 32%)),\n to(hsl(232, 16%, 24%))\n );\n font-family: $font-family;\n font-weight: $book;\n color: $white;\n text-align: center;\n text-transform: capitalize;\n}\n","/* Units functions */\n\n$default-context: 16px;\n\n@function rem($pixels, $context: $default-context) {\n @return $pixels / $context * 1rem;\n}\n\n@function em($pixels, $context: $default-context) {\n @return $pixels / $context * 1em;\n}\n","@import '../../styles/base/index';\n\n$tooltip-color: hsl(232, 32%, 26%);\n$tooltip-offset: rem(10px);\n$tooltip-translate-offset: rem(8px);\n$tooltip-arrow-size: rem(10px);\n$tooltip-arrow-offset: -$tooltip-arrow-size / 2 + rem(1px);\n\n.tooltip {\n z-index: $z-index-tooltip;\n}\n\n.tooltip__content {\n position: relative;\n padding: rem(8px) rem(10px);\n background-color: $tooltip-color;\n border-radius: $border-radius;\n color: $white;\n will-change: transform, opacity;\n\n [data-placement*='top'] > & {\n margin-bottom: $tooltip-offset;\n }\n\n [data-placement*='right'] > & {\n margin-left: $tooltip-offset;\n }\n\n [data-placement*='bottom'] > & {\n margin-top: $tooltip-offset;\n }\n\n [data-placement*='left'] > & {\n margin-right: $tooltip-offset;\n }\n}\n\n.tooltip__arrow {\n position: absolute;\n height: $tooltip-arrow-size;\n width: $tooltip-arrow-size;\n transform: rotate(45deg);\n border-radius: rem(1px);\n background-color: $tooltip-color;\n z-index: -1;\n\n [data-placement*='top'] & {\n bottom: 0;\n margin-bottom: $tooltip-arrow-offset;\n }\n\n [data-placement*='right'] & {\n left: 0;\n margin-left: $tooltip-arrow-offset;\n }\n\n [data-placement*='bottom'] & {\n top: 0;\n margin-top: $tooltip-arrow-offset;\n }\n\n [data-placement*='left'] & {\n right: 0;\n margin-right: $tooltip-arrow-offset;\n }\n}\n","/* Units functions */\n/* Components */\n/* Layout */\n/* Colors */\n/* Font weights */\n/* Base styles */\n/* z-index */\n.tooltip {\n z-index: 1050; }\n\n.tooltip__content {\n position: relative;\n padding: 0.5rem 0.625rem;\n background-color: #2d3358;\n border-radius: 0.25rem;\n color: #fff;\n will-change: transform, opacity; }\n [data-placement*='top'] > .tooltip__content {\n margin-bottom: 0.625rem; }\n [data-placement*='right'] > .tooltip__content {\n margin-left: 0.625rem; }\n [data-placement*='bottom'] > .tooltip__content {\n margin-top: 0.625rem; }\n [data-placement*='left'] > .tooltip__content {\n margin-right: 0.625rem; }\n\n.tooltip__arrow {\n position: absolute;\n height: 0.625rem;\n width: 0.625rem;\n transform: rotate(45deg);\n border-radius: 0.0625rem;\n background-color: #2d3358;\n z-index: -1; }\n [data-placement*='top'] .tooltip__arrow {\n bottom: 0;\n margin-bottom: -0.25rem; }\n [data-placement*='right'] .tooltip__arrow {\n left: 0;\n margin-left: -0.25rem; }\n [data-placement*='bottom'] .tooltip__arrow {\n top: 0;\n margin-top: -0.25rem; }\n [data-placement*='left'] .tooltip__arrow {\n right: 0;\n margin-right: -0.25rem; }\n","@import '../../styles/base/index';\n\n$tab-bar-gutter: rem(6px);\n$tab-bar-gutter-sm: rem(10px);\n\n.tab-bar {\n display: flex;\n flex-direction: row;\n padding: $tab-bar-gutter;\n align-items: center;\n background-color: hsl(232, 39%, 51%);\n\n @media screen and (min-width: $breakpoint-sm) {\n flex-direction: column;\n padding: $tab-bar-gutter-sm;\n }\n}\n\n.tab-bar__logo {\n margin: 0 $gutter 0 rem(10px);\n transition: opacity 250ms ease-out;\n will-change: opacity;\n\n &:hover {\n opacity: 0.75;\n }\n\n svg {\n width: rem(20px);\n }\n\n @media screen and (min-width: $breakpoint-sm) {\n margin: rem(10px) 0 rem(24px);\n\n svg {\n width: rem(24px);\n }\n }\n}\n\n.tab-bar__section {\n display: flex;\n flex-direction: row;\n\n &:last-child {\n margin-left: auto;\n }\n\n @media screen and (min-width: $breakpoint-sm) {\n display: flex;\n flex-direction: column;\n\n &:last-child {\n margin-top: auto;\n }\n }\n}\n\n.tab-bar__item {\n &:not(:last-child) {\n margin-right: $tab-bar-gutter;\n }\n\n @media screen and (min-width: $breakpoint-sm) {\n &:not(:last-child) {\n margin-right: 0;\n margin-bottom: $tab-bar-gutter-sm;\n }\n }\n}\n\n.tab-bar__tab {\n display: flex;\n align-items: center;\n justify-content: center;\n height: rem(36px);\n width: rem(36px);\n border-radius: $border-radius;\n color: hsl(232, 100%, 92%);\n transition: background-color 200ms ease-out, color 200ms ease-out,\n transform 200ms ease-out;\n\n &:hover {\n background-color: hsla(0, 0%, 100%, 0.1);\n color: hsl(232, 100%, 97%);\n }\n\n &:active {\n transform: scale(0.95);\n color: hsl(232, 100%, 98%);\n }\n\n &.is-active {\n background-color: hsla(0, 0%, 100%, 0.15);\n color: hsl(232, 100%, 98%);\n }\n\n @media screen and (min-width: $breakpoint-sm) {\n height: rem(41px);\n width: rem(41px);\n }\n}\n","@import '../../styles/base/index';\n\n.sidebar {\n width: rem(238px);\n padding: $gutter;\n padding-right: $gutter - $scroll-size;\n overflow-y: scroll;\n background-color: hsl(232, 17%, 96%);\n\n &::-webkit-scrollbar-thumb {\n background-color: transparent;\n }\n\n &:hover::-webkit-scrollbar-thumb {\n background-color: $scroll-thumb-color;\n }\n}\n\n.sidebar__section {\n &:not(:first-child) {\n margin-top: rem(12px);\n }\n}\n\n.sidebar__title {\n padding: rem(12px);\n font-size: rem(13px);\n letter-spacing: rem(1.2px);\n text-transform: uppercase;\n font-weight: $semi-bold;\n color: hsl(232, 20%, 44%);\n}\n\n.sidebar__item {\n display: flex;\n align-items: center;\n width: 100%;\n min-height: rem(40px);\n padding: 0 rem(12px);\n border-radius: $border-radius;\n color: hsl(232, 20%, 45%);\n transition: background-color 200ms ease-out;\n\n &:hover {\n background-color: hsl(232, 27%, 93%);\n }\n\n &.is-active {\n background-color: hsl(232, 27%, 92%);\n color: hsl(232, 35%, 48%);\n }\n\n &:active {\n background-color: hsl(232, 27%, 90%);\n color: hsl(232, 24%, 35%);\n }\n}\n\n.sidebar__icon {\n flex-shrink: 0;\n margin-right: rem(10px);\n opacity: 0.9;\n}\n\n.sidebar__text {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n","@import '../../styles/base/index';\n\n.search-bar {\n position: relative;\n height: rem(38px);\n width: 100%;\n max-width: 280px;\n border-radius: $border-radius;\n}\n\n.search-bar__label {\n position: absolute;\n top: 51%;\n left: rem(14px);\n transform: translateY(-50%);\n color: hsl(232, 16%, 59%);\n z-index: 150;\n cursor: text;\n}\n\n.search-bar__input {\n width: 100%;\n padding: 0 rem(40px);\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n color: hsl(232, 16%, 50%);\n background-color: hsl(232, 20%, 96%);\n border: 2px solid transparent;\n border-radius: $border-radius;\n transition: all 200ms ease-out;\n\n &:hover {\n background-color: hsl(232, 20%, 94%);\n color: hsl(232, 20%, 48%);\n }\n\n &:focus {\n border-color: hsl(232, 75%, 68%);\n background-color: $white;\n color: hsl(232, 24%, 48%);\n }\n\n &::placeholder {\n color: hsl(232, 16%, 50%);\n }\n\n &:focus::placeholder {\n color: hsl(232, 15%, 80%);\n }\n}\n\n.search-bar__reset {\n position: absolute;\n top: 50%;\n right: rem(8px);\n transform: translateY(-50%);\n color: hsl(232, 26%, 60%);\n opacity: 0.4;\n z-index: 150;\n transition: all 200ms ease-out;\n\n &:hover {\n opacity: 1;\n }\n\n &:active {\n color: hsl(232, 26%, 40%);\n }\n\n svg {\n max-width: rem(20px);\n }\n}\n","@import '../../styles/base/index';\n\n.arrow-button__icon {\n margin-top: rem(3px);\n margin-left: rem(8px);\n opacity: 0.85;\n}\n","@charset \"UTF-8\";\n/* Units functions */\n/* Components */\n/* Layout */\n/* Colors */\n/* Font weights */\n/* Base styles */\n/* z-index */\n.dropdown {\n z-index: 1040; }\n\n.dropdown__content {\n position: relative;\n background-color: #fff;\n border-radius: 0.25rem;\n box-shadow: 0 0 1px 1px rgba(6, 8, 19, 0.08), 0 0.125rem 0.75rem rgba(6, 8, 19, 0.12);\n will-change: transform, opacity; }\n [data-placement*='top'] > .dropdown__content {\n margin-bottom: 0.625rem; }\n [data-placement*='right'] > .dropdown__content {\n margin-left: 0.625rem; }\n [data-placement*='bottom'] > .dropdown__content {\n margin-top: 0.625rem; }\n [data-placement*='left'] > .dropdown__content {\n margin-right: 0.625rem; }\n\n.dropdown__arrow {\n position: absolute;\n height: 0.875rem;\n width: 0.875rem;\n transform: rotate(45deg);\n border-radius: 0.125rem;\n box-shadow: 0 0 1px 1px rgba(6, 8, 19, 0.08), 0 0 0.75rem rgba(6, 8, 19, 0.12);\n background-color: #fff;\n z-index: -1; }\n [data-placement*='top'] .dropdown__arrow {\n bottom: 0;\n margin-bottom: -0.375rem; }\n [data-placement*='right'] .dropdown__arrow {\n left: 0;\n margin-left: -0.375rem; }\n [data-placement*='bottom'] .dropdown__arrow {\n top: 0;\n margin-top: -0.375rem; }\n [data-placement*='left'] .dropdown__arrow {\n right: 0;\n margin-right: -0.375rem; }\n\n.dropdown__list {\n padding: 0.5rem;\n border-radius: 0.25rem;\n background-color: #fff; }\n\n.dropdown__item {\n width: 100%;\n display: flex;\n align-items: center;\n height: 2.125rem;\n padding: 0 0.875rem 0 0.25rem;\n border-radius: 0.25rem;\n color: #6b7194;\n cursor: pointer; }\n .dropdown__item:hover {\n background: #eceef9;\n color: #5b67b9; }\n .dropdown__item:active {\n background-color: #dee0ed;\n color: #5b67b9; }\n .dropdown__item:before {\n content: '';\n width: 0.875rem;\n margin-right: 0.25rem;\n font-size: 1.25rem;\n text-align: center;\n color: #2abb86; }\n .dropdown__item.is-active:before {\n content: '●'; }\n","@import '../../../styles/base/index';\n\n.actions-bar {\n display: flex;\n position: sticky;\n top: 0;\n align-items: center;\n justify-content: space-between;\n padding: $gutter-half;\n background-color: $white;\n box-shadow: 0 1px 5px hsla(232, 40%, 50%, 0.1);\n\n @media screen and (min-width: $breakpoint-sm) {\n padding: $gutter;\n }\n}\n\n.actions-bar__section {\n display: flex;\n align-items: center;\n\n &:not(:last-child) {\n margin-right: $gutter-half;\n flex: 1;\n\n @media screen and (min-width: $breakpoint-sm) {\n margin-right: $gutter;\n }\n }\n}\n\n.actions-bar__item {\n &:not(:last-child) {\n margin-right: $gutter-half;\n\n @media screen and (min-width: $breakpoint-sm) {\n margin-right: $gutter;\n }\n }\n}\n","@import '../../styles/base/index';\n\n.placeholder {\n display: flex;\n flex-flow: column;\n align-items: center;\n justify-content: center;\n color: hsl(232, 13%, 60%);\n}\n\n.placeholder__icon {\n margin-bottom: rem(16px);\n}\n\n.placeholder__title {\n margin-bottom: rem(6px);\n font-size: rem(16px);\n font-weight: $semi-bold;\n text-transform: capitalize;\n color: hsl(232, 28%, 60%);\n}\n\n.placeholder__text {\n max-width: rem(500px);\n overflow: hidden;\n font-size: rem(16px);\n line-height: 2;\n text-align: center;\n text-overflow: ellipsis;\n color: hsl(232, 22%, 62%);\n\n b {\n display: inline-block;\n margin: 0 rem(2px);\n padding: 0 rem(6px);\n line-height: 1.3;\n border-radius: $border-radius;\n border: 1px solid hsl(232, 18%, 80%);\n white-space: nowrap;\n }\n}\n","@import '../../../styles/base/index';\n\n.asset {\n display: flex;\n align-items: center;\n justify-content: center;\n height: $asset-size;\n width: $asset-size;\n overflow: hidden;\n border: 3px solid transparent;\n border-radius: $border-radius;\n color: hsl(232, 20%, 26%);\n\n &:hover {\n background-color: hsl(232, 32%, 96%);\n }\n\n &:active {\n color: $black;\n }\n\n &.is-active {\n border-color: hsl(232, 52%, 60%);\n background-color: hsl(232, 32%, 96%);\n }\n\n svg {\n height: rem(32px);\n max-height: 50%;\n min-height: 50%;\n min-width: 50%;\n }\n}\n","@import '../../styles/base/index';\n\n.assets {\n flex: 1;\n overflow: hidden;\n\n &--placeholder {\n display: flex;\n overflow-y: hidden;\n margin-top: rem(-64px);\n }\n}\n\n.assets__section {\n margin-bottom: $gutter;\n}\n\n.assets__header {\n display: flex;\n align-items: center;\n margin: 0 0 $gutter;\n padding: $gutter-half $gutter;\n border-radius: $border-radius;\n background-color: hsl(232, 30%, 97%);\n color: hsl(232, 16%, 58%);\n}\n\n.assets__title {\n display: flex;\n align-items: center;\n font-size: rem(13px);\n letter-spacing: rem(1.2px);\n text-transform: uppercase;\n font-weight: $semi-bold;\n}\n\n.assets__header-icon {\n margin-right: rem(10px);\n opacity: 0.9;\n}\n\n.assets__count {\n margin-left: auto;\n font-size: rem(14px);\n white-space: nowrap;\n}\n\n.assets__list {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax($asset-size, 1fr));\n grid-template-rows: repeat(auto-fill, $asset-size);\n}\n","@import '../../styles/base/index';\n\n.main {\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow: hidden;\n}\n","@import '../../styles/base/index';\n\n.code-block {\n margin: 0;\n padding: $gutter;\n overflow: auto;\n overflow-x: scroll;\n background-color: hsl(232, 44%, 99%);\n border-radius: $border-radius;\n border: 1px solid hsl(232, 23%, 94%);\n font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;\n font-size: 14px;\n color: #333;\n text-align: left;\n line-height: 1.4;\n white-space: pre;\n word-spacing: normal;\n hyphens: none;\n direction: ltr;\n tab-size: 4;\n user-select: text;\n\n &::-webkit-scrollbar {\n height: rem(2px);\n }\n\n & * {\n user-select: text;\n }\n\n .token.comment,\n .token.prolog,\n .token.doctype,\n .token.cdata {\n color: #969896;\n }\n\n .token.punctuation {\n color: hsl(232, 16%, 51%);\n }\n\n .token.string,\n .token.atrule,\n .token.attr-value {\n color: hsl(158, 60%, 40%);\n }\n\n .token.variable {\n color: hsl(232, 45%, 51%);\n }\n\n .token.property,\n .token.tag {\n color: #63a35c;\n }\n\n .token.boolean,\n .token.number {\n color: #0086b3;\n }\n\n .token.selector,\n .token.attr-name,\n .token.attr-value .punctuation:first-child,\n .token.keyword,\n .token.regex,\n .token.important {\n color: #795da3;\n }\n\n .token.operator,\n .token.entity,\n .token.url,\n .language-css .token.string {\n color: #a71d5d;\n }\n\n .namespace {\n opacity: 0.7;\n }\n}\n\n.code-block.line-numbers {\n position: relative;\n padding-left: $gutter * 2;\n counter-reset: linenumber;\n\n code {\n position: relative;\n white-space: inherit;\n }\n\n .line-numbers-rows {\n position: absolute;\n pointer-events: none;\n top: 0;\n left: -$gutter * 2.4;\n width: 3em; // works for line-numbers below 1000 lines\n letter-spacing: -1px;\n user-select: none;\n }\n\n .line-numbers-rows > span {\n pointer-events: none;\n display: block;\n counter-increment: linenumber;\n }\n\n .line-numbers-rows > span:before {\n content: counter(linenumber);\n color: rgba(27, 31, 35, 0.2);\n display: block;\n padding-right: 0.8em;\n text-align: right;\n }\n}\n","@import '../../styles/base/index';\n\n.pane {\n display: flex;\n flex-direction: column;\n width: rem(300px);\n background-color: $white;\n border-left: 1px solid hsl(232, 10%, 90%);\n overflow-y: auto;\n\n .drawer > & {\n border: 0;\n }\n\n @media screen and (min-width: $breakpoint-xl) {\n width: rem(320px);\n }\n}\n\n.pane__file {\n display: flex;\n align-items: center;\n color: hsl(232, 20%, 52%);\n}\n\n.pane__file-icon {\n flex-shrink: 0;\n margin-right: rem(6px);\n opacity: 0.9;\n}\n\n.pane__file-name {\n margin-right: $gutter;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.pane__header {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: rem(50px);\n border-top: 1px solid hsl(232, 38%, 94%);\n border-bottom: 1px solid hsl(232, 38%, 94%);\n background-color: hsl(232, 36%, 98%);\n padding: rem(11px) $gutter;\n}\n\n.pane__title {\n font-size: rem(13px);\n letter-spacing: rem(1.2px);\n text-transform: uppercase;\n font-weight: $semi-bold;\n color: hsl(232, 16%, 51%);\n}\n\n.pane__content {\n padding: rem(20px) $gutter;\n\n .pane__section--footer & {\n padding: $gutter;\n }\n}\n\n.pane__preview {\n min-height: rem(122px);\n display: flex;\n align-items: center;\n justify-content: center;\n background-image: url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h6v6H0V0zm6 6h6v6H6V6z' fill='%23F3F4F8' fill-rule='evenodd'/%3E%3C/svg%3E\");\n border-radius: $border-radius;\n border: 1px solid hsl(232, 23%, 94%);\n overflow: hidden;\n color: hsl(232, 21%, 28%);\n\n svg {\n width: rem(36px);\n height: rem(36px);\n }\n}\n\n.pane__section {\n &--footer {\n margin-top: auto;\n border-top: 1px solid hsl(232, 38%, 94%);\n }\n}\n\n.pane__info-item {\n display: flex;\n margin-bottom: $gutter;\n justify-content: space-between;\n}\n\n.pane__info-title {\n margin-right: rem(6px);\n flex-grow: 1;\n flex-shrink: 0;\n color: hsl(232, 16%, 60%);\n text-transform: capitalize;\n}\n\n.pane__info-text {\n max-width: rem(130px);\n text-align: right;\n color: hsl(232, 16%, 50%);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.pane__range {\n position: absolute !important;\n top: 0;\n right: $gutter;\n max-width: 100px;\n height: 100%;\n}\n","@import '../../styles/base/index';\n\n.status-button {\n position: relative;\n}\n\n.status-button__icon {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n opacity: 1;\n }\n}\n","@import '../../styles/base/index';\n\n.app {\n display: flex;\n flex-direction: column;\n height: 100vh;\n animation: app-fade-in 200ms ease-out;\n\n &--placeholder {\n animation: app-fade-in 1000ms ease-out;\n background-color: hsl(232, 100%, 97%);\n }\n\n @media screen and (min-width: $breakpoint-sm) {\n &:not(.app--placeholder) {\n flex-direction: row;\n }\n }\n}\n\n@keyframes app-fade-in {\n 0% {\n opacity: 0;\n }\n}\n","/* Minimal reset */\n\nhtml {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n}\n\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\n\n* {\n user-select: none;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n -webkit-tap-highlight-color: transparent;\n}\n\ninput[type],\n[contenteditable] {\n user-select: text;\n}\n\nbody,\np,\nh1,\nh2,\nh3,\nh4 {\n margin: 0;\n padding: 0;\n}\n\nh1,\nh2,\nh3,\nh4 {\n font-size: inherit;\n font-weight: inherit;\n}\n\nol,\nul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\nhead,\nmeta,\nscript,\nstyle,\ntitle {\n display: none;\n}\n\nb {\n font-weight: inherit;\n}\n\n// Remove the focus ring on select items for Firefox.\nselect:-moz-focusring {\n color: transparent;\n text-shadow: none;\n}\n\na {\n text-decoration: none;\n color: inherit;\n}\n\nbutton {\n display: inline-block;\n margin: 0;\n padding: 0;\n border: 0;\n background-color: transparent;\n text-align: inherit;\n font-family: inherit;\n font-size: inherit;\n white-space: nowrap;\n appearance: none;\n color: inherit;\n\n &:active {\n color: inherit;\n }\n}\n\ninput,\nfieldset {\n appearance: none;\n border: 0;\n padding: 0;\n margin: 0;\n min-width: 0;\n font-size: 1rem;\n font-family: inherit;\n}\n\ninput::-ms-clear {\n display: none;\n}\n\n// Prevent number input spinner for Firefox.\ninput[type='number'] {\n -moz-appearance: textfield;\n}\n\n// Prevent number input spinner for WebKit.\ninput[type='number']::-webkit-inner-spin-button,\ninput[type='number']::-webkit-outer-spin-button {\n appearance: none;\n}\n\nsvg {\n display: block;\n}\n\nimg {\n max-width: 100%;\n display: block;\n}\n","body {\n min-height: $layout-min-height;\n min-width: $layout-min-width;\n font-family: $font-family;\n font-size: $font-size;\n font-weight: $font-weight;\n line-height: $line-height;\n color: $text-color;\n background-color: $background-color;\n overflow: hidden;\n}\n\nbutton {\n cursor: pointer;\n}\n\nsvg {\n fill: currentColor;\n}\n","/* Only show the focus ring to tabbing users.\n Add `.is-tabbing` class to the `body` element with JS.\n*/\n\n:focus {\n outline: 0;\n}\n\n.is-tabbing :not([tabindex='-1']):focus {\n outline: 3px solid hsl(232, 75%, 70%);\n}\n","::-webkit-scrollbar {\n width: $scroll-size;\n height: $scroll-size;\n cursor: default;\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: $border-radius;\n background-color: $scroll-thumb-color;\n}\n\n::-webkit-scrollbar-thumb:window-inactive {\n background-color: transparent;\n}\n",".btn {\n display: flex;\n align-items: center;\n height: rem(38px);\n padding: 0 rem(14px);\n border: 1px solid transparent;\n border-radius: $border-radius;\n background-color: hsl(232, 24%, 97%);\n color: hsl(232, 16%, 47%);\n font-size: 1rem;\n transition: background-color 200ms ease-out, border-color 200ms ease-out;\n\n &:hover {\n background-color: hsl(232, 20%, 94%);\n color: hsl(232, 20%, 36%);\n }\n\n &:active {\n background-color: hsl(232, 30%, 92%);\n color: hsl(232, 24%, 35%);\n }\n\n &--small {\n height: rem(30px);\n font-size: rem(14px);\n }\n\n &--full {\n width: 100%;\n justify-content: center;\n }\n\n &--icon-only {\n padding-left: rem(8px);\n padding-right: rem(8px);\n }\n\n svg {\n opacity: 0.85;\n }\n}\n\n.btn--primary {\n background-color: hsl(158, 63%, 45%);\n color: $white;\n\n &:hover {\n background-color: hsl(158, 60%, 43%);\n color: $white;\n }\n\n &:active {\n background-color: hsl(158, 60%, 40%);\n color: $white;\n }\n}\n\n.btn--outline {\n background-color: transparent;\n border-color: hsl(232, 23%, 90%);\n}\n","$track-color: hsl(233, 20%, 76%) !default;\n$thumb-color: hsl(158, 63%, 45%) !default;\n\n$thumb-radius: 50% !default;\n$thumb-height: 14px !default;\n$thumb-width: 14px !default;\n$thumb-shadow-size: 0 !default;\n$thumb-shadow-blur: 0 !default;\n$thumb-shadow-color: transparent !default;\n$thumb-border-width: 0 !default;\n$thumb-border-color: transparent !default;\n\n$track-width: 100% !default;\n$track-height: 4px !default;\n$track-shadow-size: 0 !default;\n$track-shadow-blur: 0 !default;\n$track-shadow-color: transparent !default;\n$track-border-width: 0 !default;\n$track-border-color: transparent !default;\n\n$track-radius: 5px !default;\n$contrast: 0 !default;\n\n$ie-bottom-track-color: darken($track-color, $contrast) !default;\n\n@mixin shadow($shadow-size, $shadow-blur, $shadow-color) {\n box-shadow: $shadow-size $shadow-size $shadow-blur $shadow-color,\n 0 0 $shadow-size lighten($shadow-color, 5%);\n}\n\n@mixin track {\n height: $track-height;\n transition: all 0.2s ease;\n width: $track-width;\n cursor: pointer;\n}\n\n@mixin thumb {\n @include shadow($thumb-shadow-size, $thumb-shadow-blur, $thumb-shadow-color);\n background: $thumb-color;\n border: $thumb-border-width solid $thumb-border-color;\n border-radius: $thumb-radius;\n box-sizing: border-box;\n height: $thumb-height;\n width: $thumb-width;\n transition: box-shadow 0.3s ease-out;\n}\n\n.range {\n position: relative;\n width: $track-width;\n}\n\n.range input {\n -webkit-appearance: none;\n background: transparent;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n\n &::-moz-focus-outer {\n border: 0;\n }\n\n &:hover {\n &::-webkit-slider-thumb {\n box-shadow: 0 0 0 4px hsla(233, 0%, 0%, 0.1);\n }\n\n &::-moz-range-thumb {\n box-shadow: 0 0 0 4px hsla(233, 0%, 0%, 0.1);\n }\n\n &::-ms-thumb {\n box-shadow: 0 0 0 4px hsla(233, 0%, 0%, 0.1);\n }\n }\n\n &:focus {\n outline: 0;\n\n &::-webkit-slider-runnable-track {\n background: darken($track-color, $contrast);\n }\n\n &::-ms-fill-lower {\n background: $track-color;\n }\n\n &::-ms-fill-upper {\n background: lighten($track-color, $contrast);\n }\n }\n\n &::-webkit-slider-runnable-track {\n @include track;\n @include shadow(\n $track-shadow-size,\n $track-shadow-blur,\n $track-shadow-color\n );\n background: $track-color;\n border: $track-border-width solid $track-border-color;\n border-radius: $track-radius;\n }\n\n &::-webkit-slider-thumb {\n @include thumb;\n -webkit-appearance: none;\n margin-top: (\n (-$track-border-width * 2 + $track-height) / 2 - $thumb-height / 2\n );\n }\n\n &::-moz-range-track {\n @include shadow(\n $track-shadow-size,\n $track-shadow-blur,\n $track-shadow-color\n );\n @include track;\n background: $track-color;\n border: $track-border-width solid $track-border-color;\n border-radius: $track-radius;\n height: $track-height / 2;\n }\n\n &::-moz-range-thumb {\n @include thumb;\n }\n\n &::-ms-track {\n @include track;\n background: transparent;\n border-color: transparent;\n border-width: ($thumb-height / 2) 0;\n color: transparent;\n }\n\n &::-ms-fill-lower {\n @include shadow(\n $track-shadow-size,\n $track-shadow-blur,\n $track-shadow-color\n );\n background: $ie-bottom-track-color;\n border: $track-border-width solid $track-border-color;\n border-radius: ($track-radius * 2);\n }\n\n &::-ms-fill-upper {\n @include shadow(\n $track-shadow-size,\n $track-shadow-blur,\n $track-shadow-color\n );\n background: $track-color;\n border: $track-border-width solid $track-border-color;\n border-radius: ($track-radius * 2);\n }\n\n &::-ms-thumb {\n @include thumb;\n margin-top: $track-height / 4;\n }\n\n &:disabled {\n &::-webkit-slider-thumb,\n &::-moz-range-thumb,\n &::-ms-thumb,\n &::-webkit-slider-runnable-track,\n &::-ms-fill-lower,\n &::-ms-fill-upper {\n cursor: not-allowed;\n }\n }\n}\n","/* Utilities */\n\n.u-ml-auto {\n margin-left: auto !important;\n}\n\n.u-mr-auto {\n margin-right: auto !important;\n}\n\n.u-truncate {\n overflow: hidden !important;\n white-space: nowrap !important;\n text-overflow: ellipsis !important;\n}\n"]}