4 lines
20 KiB
CSS
4 lines
20 KiB
CSS
|
.app-output{height:100%;overflow:hidden;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column}.settings{-webkit-flex:0.9 1 0;flex:0.9 1 0;overflow:hidden}@media (min-width: 640px){.settings{-webkit-flex:none;flex:none;min-width:21.1em}}@media (min-width: 900px){.settings{margin:30px;border-radius:2px;border:1px solid #d7d7d7}}.main{-webkit-flex:1;flex:1;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;overflow:hidden}@media (min-width: 640px){.main{-webkit-flex-flow:row;flex-flow:row}}.output{-webkit-flex:1 1 0;flex:1 1 0;position:relative}.action-button-container{position:absolute;z-index:2;bottom:-28px;right:13px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.action-button-container .minor-action-container{display:flex}.action-button-container .minor-action-container .minor-floating-action-button{margin-right:10px}@media (min-width: 640px){.action-button-container{right:30px;bottom:30px}.action-button-container .results-container{margin-right:-17px}.action-button-container .minor-action-container{flex-flow:column;position:absolute;bottom:58px;right:8px}.action-button-container .minor-action-container .minor-floating-action-button{margin-bottom:10px;margin-right:0}}@media (min-width: 900px){.action-button-container{right:0;bottom:30px}}.toolbar{z-index:2}.setting{z-index:1}.settings,.toolbar{box-shadow:0 0px 11px rgba(0,0,0,0.4)}@media (min-width: 640px){.settings,.toolbar{box-shadow:0 4px 11px rgba(0,0,0,0.3)}}.toolbar{-webkit-transform:translateY(-110%);transform:translateY(-110%)}.toolbar.transition{-webkit-transition:-webkit-transform 0.2s ease-out;transition:transform 0.2s ease-out}.toolbar.active{-webkit-transform:translateZ(0);transform:translateZ(0)}.settings{-webkit-transform:translateY(110%);transform:translateY(110%)}@media (min-width: 640px){.settings{-webkit-transform:translateX(115%);transform:translateX(115%)}}.settings.transition{-webkit-transition:-webkit-transform 0.3s ease-out 0.05s;transition:transform 0.3s ease-out 0.05s}@media (min-width: 640px) and (max-width: 900px){.settings.transition{-webkit-transition:-webkit-transform 0.3s ease-out 0.2s;transition:transform 0.3s ease-out 0.2s}}.settings.active{-webkit-transform:translateZ(0);transform:translateZ(0)}.action-button-container{-webkit-transform:translateX(168px);transform:translateX(168px)}@media (min-width: 640px){.action-button-container{-webkit-transform:translateY(188px);transform:translateY(188px)}}.action-button-container.transition{-webkit-transition:-webkit-transform 0.2s ease-out 0.2s;transition:transform 0.2s ease-out 0.2s}@media (min-width: 640px) and (max-width: 900px){.action-button-container.transition{-webkit-transition:-webkit-transform 0.2s ease-out 0.4s;transition:transform 0.2s ease-out 0.4s}}.action-button-container.active{-webkit-transform:translateZ(0);transform:translateZ(0)}.output-switcher{-webkit-filter:contrast(0%) brightness(150%) saturate(100%);filter:contrast(0%) brightness(150%) saturate(100%);opacity:0}.output-switcher.transition{-webkit-transition:all 0.5s ease-out 0.5s;transition:all 0.5s ease-out 0.5s}@media (min-width: 640px) and (max-width: 900px){.output-switcher.transition{-webkit-transition:all 0.5s ease-out 0.6s;transition:all 0.5s ease-out 0.6s}}.output-switcher.active{opacity:1;-webkit-filter:none;filter:none}.settings{background:#fff;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.settings-scroller{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-flex:1;flex:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.setting-item-toggle{position:relative;display:block;cursor:pointer;padding:0 16px;height:51px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.setting-item-toggle input[type=checkbox]{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}.setting-item-toggle input:focus+.material-sw
|
||
|
|
|
||
|
|
/*# sourceMappingURL=all.css.map */
|