|
|
/*! * Angular Material Design * https://github.com/angular/material * @license MIT * v1.1.1 */ /** Matches "md-tabs md-tabs-wrapper" style. */ .md-nav-bar { border-style: solid; border-width: 0 0 1px; height: 48px; position: relative; }
._md-nav-bar-list { outline: none; list-style: none; margin: 0; padding: 0; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; }
.md-nav-item:first-of-type { margin-left: 8px; }
.md-button._md-nav-button { line-height: 24px; margin: 0 4px; padding: 12px 16px; -webkit-transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1); transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1); } .md-button._md-nav-button:focus { outline: none; } .md-button._md-nav-button:hover { background-color: inherit; }
md-nav-ink-bar { bottom: 0; height: 2px; left: auto; position: absolute; right: auto; background-color: black; } md-nav-ink-bar._md-left { -webkit-transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); } md-nav-ink-bar._md-right { -webkit-transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1); transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1); }
md-nav-extra-content { min-height: 48px; padding-right: 12px; }
|