arnaucube
arnaucube/commonroutesAppPublic Self-hosted repository
commonroutesApp/www/lib/angular-material/modules/js/navBar/navBar.css
www/lib/angular-material/modules/js/navBar/navBar.cssRaw
 1/*!
 2 * Angular Material Design
 3 * https://github.com/angular/material
 4 * @license MIT
 5 * v1.1.1
 6 */
 7/** Matches "md-tabs md-tabs-wrapper" style. */
 8.md-nav-bar {
 9  border-style: solid;
10  border-width: 0 0 1px;
11  height: 48px;
12  position: relative; }
13
14._md-nav-bar-list {
15  outline: none;
16  list-style: none;
17  margin: 0;
18  padding: 0;
19  box-sizing: border-box;
20  display: -webkit-box;
21  display: -webkit-flex;
22  display: flex;
23  -webkit-box-orient: horizontal;
24  -webkit-box-direction: normal;
25  -webkit-flex-direction: row;
26          flex-direction: row; }
27
28.md-nav-item:first-of-type {
29  margin-left: 8px; }
30
31.md-button._md-nav-button {
32  line-height: 24px;
33  margin: 0 4px;
34  padding: 12px 16px;
35  -webkit-transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
36  transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1); }
37  .md-button._md-nav-button:focus {
38    outline: none; }
39  .md-button._md-nav-button:hover {
40    background-color: inherit; }
41
42md-nav-ink-bar {
43  bottom: 0;
44  height: 2px;
45  left: auto;
46  position: absolute;
47  right: auto;
48  background-color: black; }
49  md-nav-ink-bar._md-left {
50    -webkit-transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
51    transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); }
52  md-nav-ink-bar._md-right {
53    -webkit-transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1);
54    transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1); }
55
56md-nav-extra-content {
57  min-height: 48px;
58  padding-right: 12px; }