ember-svg-jar
Version:
Best way to use SVG images in Ember applications
2 lines • 20 kB
CSS
@charset "UTF-8";.drawer{display:flex;position:fixed;z-index:1020;will-change:transform}.drawer--top{top:0;left:0;right:0}.drawer--bottom{bottom:0;left:0;right:0}.drawer--left{top:0;bottom:0;left:0}.drawer--right,.drawer__overlay{top:0;bottom:0;right:0}.drawer__overlay{position:fixed;left:0;background-color:rgba(6,8,19,.8);z-index:1010;will-change:opacity}.shortcuts-bar{flex:1 1;background-color:#f5f6ff;padding:3rem}.shortcuts-bar__close{position:absolute;top:0;right:0;padding:1.6rem;opacity:.4}.shortcuts-bar__close:focus,.shortcuts-bar__close:hover{opacity:1}.shortcuts-bar__title{margin-bottom:3rem;font-size:1.5rem;text-align:center;color:#313449}.shortcuts-bar__list{max-width:37.5rem;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem 2rem}.shortcuts-bar__item{display:flex;align-items:center}.shortcuts-bar__keys{width:5rem;margin-right:1rem;text-align:right}.shortcuts-bar__key{display:inline-block;min-width:2.5rem;padding:.625rem .875rem;border-radius:.25rem;background-color:#333647;background-image:-webkit-gradient(linear,0 0,0 100%,from(#45485f),to(#333647));font-family:Ubuntu,Helvetica Neue,Arial,sans-serif;font-weight:400;color:#fff;text-align:center;text-transform:capitalize}.tooltip{z-index:1050}.tooltip__content{position:relative;padding:.5rem .625rem;background-color:#2d3358;border-radius:.25rem;color:#fff;will-change:transform,opacity}[data-placement*=top]>.tooltip__content{margin-bottom:.625rem}[data-placement*=right]>.tooltip__content{margin-left:.625rem}[data-placement*=bottom]>.tooltip__content{margin-top:.625rem}[data-placement*=left]>.tooltip__content{margin-right:.625rem}.tooltip__arrow{position:absolute;height:.625rem;width:.625rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:.0625rem;background-color:#2d3358;z-index:-1}[data-placement*=top] .tooltip__arrow{bottom:0;margin-bottom:-.25rem}[data-placement*=right] .tooltip__arrow{left:0;margin-left:-.25rem}[data-placement*=bottom] .tooltip__arrow{top:0;margin-top:-.25rem}[data-placement*=left] .tooltip__arrow{right:0;margin-right:-.25rem}.tab-bar{display:flex;flex-direction:row;padding:.375rem;align-items:center;background-color:#515eb3}@media screen and (min-width:43.75rem){.tab-bar{flex-direction:column;padding:.625rem}}.tab-bar__logo{margin:0 1rem 0 .625rem;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity}.tab-bar__logo:hover{opacity:.75}.tab-bar__logo svg{width:1.25rem}@media screen and (min-width:43.75rem){.tab-bar__logo{margin:.625rem 0 1.5rem}.tab-bar__logo svg{width:1.5rem}}.tab-bar__section{display:flex;flex-direction:row}.tab-bar__section:last-child{margin-left:auto}@media screen and (min-width:43.75rem){.tab-bar__section{display:flex;flex-direction:column}.tab-bar__section:last-child{margin-top:auto}}.tab-bar__item:not(:last-child){margin-right:.375rem}@media screen and (min-width:43.75rem){.tab-bar__item:not(:last-child){margin-right:0;margin-bottom:.625rem}}.tab-bar__tab{display:flex;align-items:center;justify-content:center;height:2.25rem;width:2.25rem;border-radius:.25rem;color:#d6dcff;-webkit-transition:background-color .2s ease-out,color .2s ease-out,-webkit-transform .2s ease-out;transition:background-color .2s ease-out,color .2s ease-out,-webkit-transform .2s ease-out;transition:background-color .2s ease-out,color .2s ease-out,transform .2s ease-out;transition:background-color .2s ease-out,color .2s ease-out,transform .2s ease-out,-webkit-transform .2s ease-out}.tab-bar__tab:hover{background-color:hsla(0,0%,100%,.1);color:#f0f2ff}.tab-bar__tab:active{-webkit-transform:scale(.95);transform:scale(.95);color:#f5f6ff}.tab-bar__tab.is-active{background-color:hsla(0,0%,100%,.15);color:#f5f6ff}@media screen and (min-width:43.75rem){.tab-bar__tab{height:2.5625rem;width:2.5625rem}}.sidebar{width:14.875rem;padding:1rem .625rem 1rem 1rem;overflow-y:scroll;background-color:#f3f4f7}.sidebar::-webkit-scrollbar-thumb{background-color:transparent}.sidebar:hover::-webkit-scrollbar-thumb{background-color:#d4d6e2}.sidebar__section:not(:first-child){margin-top:.75rem}.sidebar__title{padding:.75rem;font-size:.8125rem;letter-spacing:.075rem;text-transform:uppercase;font-weight:500;color:#5a6087}.sidebar__item{display:flex;align-items:center;width:100%;min-height:2.5rem;padding:0 .75rem;border-radius:.25rem;color:#5c628a;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.sidebar__item:hover{background-color:#e8eaf2}.sidebar__item.is-active{background-color:#e5e7f0;color:#505ba5}.sidebar__item:active{background-color:#dfe0ec;color:#444a6f}.sidebar__icon{flex-shrink:0;margin-right:.625rem;opacity:.9}.sidebar__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.search-bar{position:relative;height:2.375rem;width:100%;max-width:280px;border-radius:.25rem}.search-bar__label{position:absolute;top:51%;left:.875rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#868aa7;z-index:150;cursor:text}.search-bar__input{width:100%;padding:0 2.5rem;position:absolute;top:0;bottom:0;left:0;right:0;color:#6b7194;background-color:#f3f3f7;border:2px solid transparent;border-radius:.25rem;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.search-bar__input:hover{background-color:#ededf3;color:#626893}.search-bar__input:focus{border-color:#7081eb;background-color:#fff;color:#5d6598}.search-bar__input::-webkit-input-placeholder{color:#6b7194}.search-bar__input::-moz-placeholder{color:#6b7194}.search-bar__input:-ms-input-placeholder{color:#6b7194}.search-bar__input::-ms-input-placeholder{color:#6b7194}.search-bar__input::placeholder{color:#6b7194}.search-bar__input:focus::-webkit-input-placeholder{color:#c4c6d4}.search-bar__input:focus::-moz-placeholder{color:#c4c6d4}.search-bar__input:focus:-ms-input-placeholder{color:#c4c6d4}.search-bar__input:focus::-ms-input-placeholder{color:#c4c6d4}.search-bar__input:focus::placeholder{color:#c4c6d4}.search-bar__reset{position:absolute;top:50%;right:.5rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#7e86b4;opacity:.4;z-index:150;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.search-bar__reset:hover{opacity:1}.search-bar__reset:active{color:#4b5381}.search-bar__reset svg{max-width:1.25rem}.arrow-button__icon{margin-top:.1875rem;margin-left:.5rem;opacity:.85}.dropdown{z-index:1040}.dropdown__content{position:relative;background-color:#fff;border-radius:.25rem;box-shadow:0 0 1px 1px rgba(6,8,19,.08),0 .125rem .75rem rgba(6,8,19,.12);will-change:transform,opacity}[data-placement*=top]>.dropdown__content{margin-bottom:.625rem}[data-placement*=right]>.dropdown__content{margin-left:.625rem}[data-placement*=bottom]>.dropdown__content{margin-top:.625rem}[data-placement*=left]>.dropdown__content{margin-right:.625rem}.dropdown__arrow{position:absolute;height:.875rem;width:.875rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:.125rem;box-shadow:0 0 1px 1px rgba(6,8,19,.08),0 0 .75rem rgba(6,8,19,.12);background-color:#fff;z-index:-1}[data-placement*=top] .dropdown__arrow{bottom:0;margin-bottom:-.375rem}[data-placement*=right] .dropdown__arrow{left:0;margin-left:-.375rem}[data-placement*=bottom] .dropdown__arrow{top:0;margin-top:-.375rem}[data-placement*=left] .dropdown__arrow{right:0;margin-right:-.375rem}.dropdown__list{padding:.5rem;border-radius:.25rem;background-color:#fff}.dropdown__item{width:100%;display:flex;align-items:center;height:2.125rem;padding:0 .875rem 0 .25rem;border-radius:.25rem;color:#6b7194;cursor:pointer}.dropdown__item:hover{background:#eceef9;color:#5b67b9}.dropdown__item:active{background-color:#dee0ed;color:#5b67b9}.dropdown__item:before{content:"";width:.875rem;margin-right:.25rem;font-size:1.25rem;text-align:center;color:#2abb86}.dropdown__item.is-active:before{content:"●"}.actions-bar{display:flex;position:-webkit-sticky;position:sticky;top:0;align-items:center;justify-content:space-between;padding:.5rem;background-color:#fff;box-shadow:0 1px 5px rgba(77,90,179,.1)}@media screen and (min-width:43.75rem){.actions-bar{padding:1rem}}.actions-bar__section{display:flex;align-items:center}.actions-bar__section:not(:last-child){margin-right:.5rem;flex:1 1}@media screen and (min-width:43.75rem){.actions-bar__section:not(:last-child){margin-right:1rem}}.actions-bar__item:not(:last-child){margin-right:.5rem}@media screen and (min-width:43.75rem){.actions-bar__item:not(:last-child){margin-right:1rem}}.placeholder{display:flex;flex-flow:column;align-items:center;justify-content:center;color:#8c8fa6}.placeholder__icon{margin-bottom:1rem}.placeholder__title{margin-bottom:.375rem;font-size:1rem;font-weight:500;text-transform:capitalize;color:#7c84b6}.placeholder__text{max-width:31.25rem;overflow:hidden;font-size:1rem;line-height:2;text-align:center;text-overflow:ellipsis;color:#898eb3}.placeholder__text b{display:inline-block;margin:0 .125rem;padding:0 .375rem;line-height:1.3;border-radius:.25rem;border:1px solid #c3c5d5;white-space:nowrap}.asset{display:flex;align-items:center;justify-content:center;height:4rem;width:4rem;overflow:hidden;border:3px solid transparent;border-radius:.25rem;color:#353950}.asset:hover{background-color:#f2f2f8}.asset:active{color:#14161f}.asset.is-active{border-color:#6472ce;background-color:#f2f2f8}.asset svg{height:2rem;max-height:50%;min-height:50%;min-width:50%}.assets{flex:1 1;overflow:hidden}.assets--placeholder{display:flex;overflow-y:hidden;margin-top:-4rem}.assets__section{margin-bottom:1rem}.assets__header{margin:0 0 1rem;padding:.5rem 1rem;border-radius:.25rem;background-color:#f5f6fa;color:#8387a5}.assets__header,.assets__title{display:flex;align-items:center}.assets__title{font-size:.8125rem;letter-spacing:.075rem;text-transform:uppercase;font-weight:500}.assets__header-icon{margin-right:.625rem;opacity:.9}.assets__count{margin-left:auto;font-size:.875rem;white-space:nowrap}.assets__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(4rem,1fr));grid-template-rows:repeat(auto-fill,4rem)}.main{display:flex;flex-direction:column;flex:1 1;overflow:hidden}.code-block{margin:0;padding:1rem;overflow:auto;overflow-x:scroll;background-color:#fbfcfe;border-radius:.25rem;border:1px solid #ecedf3;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;color:#333;text-align:left;line-height:1.4;white-space:pre;word-spacing:normal;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;direction:ltr;-moz-tab-size:4;tab-size:4;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.code-block::-webkit-scrollbar{height:.125rem}.code-block *{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.code-block .token.cdata,.code-block .token.comment,.code-block .token.doctype,.code-block .token.prolog{color:#969896}.code-block .token.punctuation{color:#6e7396}.code-block .token.atrule,.code-block .token.attr-value,.code-block .token.string{color:#29a376}.code-block .token.variable{color:#4a59ba}.code-block .token.property,.code-block .token.tag{color:#63a35c}.code-block .token.boolean,.code-block .token.number{color:#0086b3}.code-block .token.attr-name,.code-block .token.attr-value .punctuation:first-child,.code-block .token.important,.code-block .token.keyword,.code-block .token.regex,.code-block .token.selector{color:#795da3}.code-block .language-css .token.string,.code-block .token.entity,.code-block .token.operator,.code-block .token.url{color:#a71d5d}.code-block .namespace{opacity:.7}.code-block.line-numbers{position:relative;padding-left:2rem;counter-reset:linenumber}.code-block.line-numbers code{position:relative;white-space:inherit}.code-block.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;left:-2.4rem;width:3em;letter-spacing:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.code-block.line-numbers .line-numbers-rows>span{pointer-events:none;display:block;counter-increment:linenumber}.code-block.line-numbers .line-numbers-rows>span:before{content:counter(linenumber);color:rgba(27,31,35,.2);display:block;padding-right:.8em;text-align:right}.pane{display:flex;flex-direction:column;width:18.75rem;background-color:#fff;border-left:1px solid #e3e4e8;overflow-y:auto}.drawer>.pane{border:0}@media screen and (min-width:81.25rem){.pane{width:20rem}}.pane__file{display:flex;align-items:center;color:#6c739d}.pane__file-icon{flex-shrink:0;margin-right:.375rem;opacity:.9}.pane__file-name{margin-right:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pane__header{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:3.125rem;border-top:1px solid #eaebf6;border-bottom:1px solid #eaebf6;background-color:#f8f9fc;padding:.6875rem 1rem}.pane__title{font-size:.8125rem;letter-spacing:.075rem;text-transform:uppercase;font-weight:500;color:#6e7396}.pane__content{padding:1.25rem 1rem}.pane__section--footer .pane__content{padding:1rem}.pane__preview{min-height:7.625rem;display:flex;align-items:center;justify-content:center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h6v6H0V0zm6 6h6v6H6V6z' fill='%23F3F4F8' fill-rule='evenodd'/%3E%3C/svg%3E");border-radius:.25rem;border:1px solid #ecedf3;overflow:hidden;color:#383c56}.pane__preview svg{width:2.25rem;height:2.25rem}.pane__section--footer{margin-top:auto;border-top:1px solid #eaebf6}.pane__info-item{display:flex;margin-bottom:1rem;justify-content:space-between}.pane__info-title{margin-right:.375rem;flex-grow:1;flex-shrink:0;color:#898da9;text-transform:capitalize}.pane__info-text{max-width:8.125rem;text-align:right;color:#6b7194;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane__range{position:absolute;top:0;right:1rem;max-width:100px;height:100%}.status-button{position:relative}.status-button__icon{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center}.status-button__icon svg{opacity:1}.app{display:flex;flex-direction:column;height:100vh;-webkit-animation:app-fade-in .2s ease-out;animation:app-fade-in .2s ease-out}.app--placeholder{-webkit-animation:app-fade-in 1s ease-out;animation:app-fade-in 1s ease-out;background-color:#f0f2ff}@media screen and (min-width:43.75rem){.app:not(.app--placeholder){flex-direction:row}}@-webkit-keyframes app-fade-in{0%{opacity:0}}@keyframes app-fade-in{0%{opacity:0}}html{box-sizing:border-box;-webkit-font-smoothing:antialiased}*,:after,:before{box-sizing:inherit}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}[contenteditable],input[type]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}body,h1,h2,h3,h4,p{margin:0;padding:0}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}ol,ul{list-style:none;margin:0;padding:0}head,meta,script,style,title{display:none}b{font-weight:inherit}select:-moz-focusring{color:transparent;text-shadow:none}a{text-decoration:none}a,button{color:inherit}button{display:inline-block;margin:0;padding:0;border:0;background-color:transparent;text-align:inherit;font-family:inherit;font-size:inherit;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none}button:active{color:inherit}fieldset,input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;margin:0;min-width:0;font-size:1rem;font-family:inherit}input::-ms-clear{display:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}img,svg{display:block}img{max-width:100%}body{min-height:100vh;min-width:25rem;font-family:Ubuntu,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.2;color:#6e7396;background-color:#fff;overflow:hidden}button{cursor:pointer}svg{fill:currentColor}:focus{outline:0}.is-tabbing :not([tabindex="-1"]):focus{outline:3px solid #7988ec}::-webkit-scrollbar{width:.375rem;height:.375rem;cursor:default}::-webkit-scrollbar-thumb{border-radius:.25rem;background-color:#d4d6e2}::-webkit-scrollbar-thumb:window-inactive{background-color:transparent}.btn{display:flex;align-items:center;height:2.375rem;padding:0 .875rem;border:1px solid transparent;border-radius:.25rem;background-color:#f6f6f9;color:#656a8b;font-size:1rem;-webkit-transition:background-color .2s ease-out,border-color .2s ease-out;transition:background-color .2s ease-out,border-color .2s ease-out}.btn:hover{background-color:#ededf3;color:#494e6e}.btn:active{background-color:#e4e6f1;color:#444a6f}.btn--small{height:1.875rem;font-size:.875rem}.btn--full{width:100%;justify-content:center}.btn--icon-only{padding-left:.5rem;padding-right:.5rem}.btn svg{opacity:.85}.btn--primary{background-color:#2abb86;color:#fff}.btn--primary:hover{background-color:#2caf7f;color:#fff}.btn--primary:active{background-color:#29a376;color:#fff}.btn--outline{background-color:transparent;border-color:#e0e1eb}.range{position:relative;width:100%}.range input{-webkit-appearance:none;background:transparent;width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer}.range input::-moz-focus-outer{border:0}.range input:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(0,0,0,.1)}.range input:hover::-moz-range-thumb{box-shadow:0 0 0 4px rgba(0,0,0,.1)}.range input:hover::-ms-thumb{box-shadow:0 0 0 4px rgba(0,0,0,.1)}.range input:focus{outline:0}.range input:focus::-webkit-slider-runnable-track{background:#b6b8ce}.range input:focus::-ms-fill-lower,.range input:focus::-ms-fill-upper{background:#b6b8ce}.range input::-webkit-slider-runnable-track{height:4px;-webkit-transition:all .2s ease;transition:all .2s ease;width:100%;cursor:pointer;box-shadow:0 0 0 transparent,0 0 0 rgba(13,13,13,0);background:#b6b8ce;border:0 solid transparent;border-radius:5px}.range input::-webkit-slider-thumb{box-shadow:0 0 0 transparent,0 0 0 rgba(13,13,13,0);background:#2abb86;border:0 solid transparent;border-radius:50%;box-sizing:border-box;height:14px;width:14px;-webkit-transition:box-shadow .3s ease-out;transition:box-shadow .3s ease-out;-webkit-appearance:none;margin-top:-5px}.range input::-moz-range-track{box-shadow:0 0 0 transparent,0 0 0 rgba(13,13,13,0);height:4px;-webkit-transition:all .2s ease;transition:all .2s ease;width:100%;cursor:pointer;background:#b6b8ce;border:0 solid transparent;border-radius:5px;height:2px}.range input::-moz-range-thumb{box-shadow:0 0 0 transparent,0 0 0 rgba(13,13,13,0);background:#2abb86;border:0 solid transparent;border-radius:50%;box-sizing:border-box;height:14px;width:14px;-webkit-transition:box-shadow .3s ease-out;transition:box-shadow .3s ease-out}.range input::-ms-track{height:4px;-webkit-transition:all .2s ease;transition:all .2s ease;width:100%;cursor:pointer;background:transparent;border-color:transparent;border-width:7px 0;color:transparent}.range input::-ms-fill-lower,.range input::-ms-fill-upper{box-shadow:0 0 0 transparent,0 0 0 rgba(13,13,13,0);background:#b6b8ce;border:0 solid transparent;border-radius:10px}.range input::-ms-thumb{box-shadow:0 0 0 transparent,0 0 0 rgba(13,13,13,0);background:#2abb86;border:0 solid transparent;border-radius:50%;box-sizing:border-box;height:14px;width:14px;-webkit-transition:box-shadow .3s ease-out;transition:box-shadow .3s ease-out;margin-top:1px}.range input:disabled::-moz-range-thumb,.range input:disabled::-ms-fill-lower,.range input:disabled::-ms-fill-upper,.range input:disabled::-ms-thumb,.range input:disabled::-webkit-slider-runnable-track,.range input:disabled::-webkit-slider-thumb{cursor:not-allowed}.u-ml-auto{margin-left:auto}.u-mr-auto{margin-right:auto}.u-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/*# sourceMappingURL=main.f3aef49e.chunk.css.map */