UNPKG

9.38 kBCSSView Raw
1/**
2 * @license
3 * Copyright Google LLC All Rights Reserved.
4 *
5 * Use of this source code is governed by an MIT-style license that can be
6 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
7 */
8.mdc-toolbar{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);color:#fff;display:flex;position:relative;flex-direction:column;justify-content:space-between;box-sizing:border-box;width:100%}.mdc-toolbar .mdc-toolbar__icon{color:#fff}.mdc-toolbar .mdc-toolbar__icon::before,.mdc-toolbar .mdc-toolbar__icon::after{background-color:#fff}.mdc-toolbar .mdc-toolbar__icon:hover::before{opacity:.08}.mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded):focus::before,.mdc-toolbar .mdc-toolbar__icon.mdc-ripple-upgraded--background-focused::before{transition-duration:75ms;opacity:.24}.mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.24}.mdc-toolbar .mdc-toolbar__icon.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.24}.mdc-toolbar__row{display:flex;position:relative;align-items:center;box-sizing:border-box;width:100%;height:auto;min-height:64px}@media(max-width: 959px)and (orientation: landscape){.mdc-toolbar__row{min-height:48px}}@media(max-width: 599px){.mdc-toolbar__row{min-height:56px}}.mdc-toolbar__section{display:inline-flex;flex:1;align-items:start;justify-content:center;box-sizing:border-box;min-width:0;height:100%;padding:8px;z-index:1}@media(max-width: 959px)and (orientation: landscape){.mdc-toolbar__section{padding:0}}@media(max-width: 599px){.mdc-toolbar__section{padding:4px 0}}.mdc-toolbar__section--align-start{padding-left:12px;padding-right:0;justify-content:flex-start;order:-1}[dir=rtl] .mdc-toolbar__section--align-start,.mdc-toolbar__section--align-start[dir=rtl]{padding-left:0;padding-right:12px}@media(max-width: 959px)and (orientation: landscape){.mdc-toolbar__section--align-start{padding-left:4px;padding-right:0}[dir=rtl] .mdc-toolbar__section--align-start,.mdc-toolbar__section--align-start[dir=rtl]{padding-left:0;padding-right:4px}}@media(max-width: 599px){.mdc-toolbar__section--align-start{padding-left:4px;padding-right:0}[dir=rtl] .mdc-toolbar__section--align-start,.mdc-toolbar__section--align-start[dir=rtl]{padding-left:0;padding-right:4px}}.mdc-toolbar__section--align-end{padding-left:0;padding-right:12px;justify-content:flex-end;order:1}[dir=rtl] .mdc-toolbar__section--align-end,.mdc-toolbar__section--align-end[dir=rtl]{padding-left:12px;padding-right:0}@media(max-width: 959px)and (orientation: landscape){.mdc-toolbar__section--align-end{padding-left:0;padding-right:4px}[dir=rtl] .mdc-toolbar__section--align-end,.mdc-toolbar__section--align-end[dir=rtl]{padding-left:4px;padding-right:0}}@media(max-width: 599px){.mdc-toolbar__section--align-end{padding-left:0;padding-right:4px}[dir=rtl] .mdc-toolbar__section--align-end,.mdc-toolbar__section--align-end[dir=rtl]{padding-left:4px;padding-right:0}}.mdc-toolbar__title{font-family:Roboto, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.25rem;line-height:2rem;font-weight:500;letter-spacing:.0125em;text-decoration:inherit;text-transform:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-left:24px;margin-right:0;align-self:center;padding:12px 0;line-height:1.5rem;z-index:1}[dir=rtl] .mdc-toolbar__title,.mdc-toolbar__title[dir=rtl]{margin-left:0;margin-right:24px}.mdc-toolbar__icon,.mdc-toolbar__menu-icon{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);display:flex;position:relative;align-items:start;justify-content:center;box-sizing:border-box;width:48px;height:48px;padding:12px;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer}.mdc-toolbar__icon::before,.mdc-toolbar__icon::after,.mdc-toolbar__menu-icon::before,.mdc-toolbar__menu-icon::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-toolbar__icon::before,.mdc-toolbar__menu-icon::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mdc-toolbar__icon.mdc-ripple-upgraded::before,.mdc-toolbar__menu-icon.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-toolbar__icon.mdc-ripple-upgraded::after,.mdc-toolbar__menu-icon.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-toolbar__icon.mdc-ripple-upgraded--unbounded::after,.mdc-toolbar__menu-icon.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-toolbar__icon.mdc-ripple-upgraded--foreground-activation::after,.mdc-toolbar__menu-icon.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-toolbar__icon.mdc-ripple-upgraded--foreground-deactivation::after,.mdc-toolbar__menu-icon.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-toolbar__icon::before,.mdc-toolbar__icon::after,.mdc-toolbar__menu-icon::before,.mdc-toolbar__menu-icon::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-toolbar__icon.mdc-ripple-upgraded::before,.mdc-toolbar__icon.mdc-ripple-upgraded::after,.mdc-toolbar__menu-icon.mdc-ripple-upgraded::before,.mdc-toolbar__menu-icon.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-toolbar__icon.mdc-ripple-upgraded::after,.mdc-toolbar__menu-icon.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-toolbar__menu-icon+.mdc-toolbar__title{margin-left:8px;margin-right:0}[dir=rtl] .mdc-toolbar__menu-icon+.mdc-toolbar__title,.mdc-toolbar__menu-icon+.mdc-toolbar__title[dir=rtl]{margin-left:0;margin-right:8px}@media(max-width: 599px){.mdc-toolbar__title{margin-left:16px;margin-right:0}[dir=rtl] .mdc-toolbar__title,.mdc-toolbar__title[dir=rtl]{margin-left:0;margin-right:16px}}.mdc-toolbar--fixed{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0,0,0,.12);position:fixed;top:0;left:0;z-index:4}.mdc-toolbar--flexible{--mdc-toolbar-ratio-to-extend-flexible: 4}.mdc-toolbar--flexible .mdc-toolbar__row:first-child{height:256px;height:calc( 64px * var(--mdc-toolbar-ratio-to-extend-flexible, 4) )}@media(max-width: 599px){.mdc-toolbar--flexible .mdc-toolbar__row:first-child{height:224px;height:calc( 56px * var(--mdc-toolbar-ratio-to-extend-flexible, 4) )}}.mdc-toolbar--flexible .mdc-toolbar__row:first-child::after{position:absolute;content:""}.mdc-toolbar--flexible-default-behavior .mdc-toolbar__title{font-family:Roboto, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.25rem;line-height:2rem;font-weight:500;letter-spacing:.0125em;text-decoration:inherit;text-transform:inherit;align-self:flex-end;line-height:1.5rem}.mdc-toolbar--flexible-default-behavior .mdc-toolbar__row:first-child::after{top:0;left:0;width:100%;height:100%;transition:opacity .2s ease;opacity:1}.mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__row:first-child::after{opacity:0}.mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__title{font-weight:500}.mdc-toolbar--waterfall.mdc-toolbar--fixed{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0,0,0,.12);transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);will-change:box-shadow}.mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--flexible-space-minimized{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0,0,0,.12)}.mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--flexible-space-minimized{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0,0,0,.12)}.mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--fixed-at-last-row{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0,0,0,.12)}.mdc-toolbar-fixed-adjust{padding-top:64px}@media(max-width: 959px)and (max-height: 599px){.mdc-toolbar-fixed-adjust{padding-top:48px}}@media(max-width: 599px){.mdc-toolbar-fixed-adjust{padding-top:56px}}.mdc-toolbar__section--shrink-to-fit{flex:none}
9/*# sourceMappingURL=mdc.toolbar.min.css.map*/
\No newline at end of file