You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

58 lines
1.6 KiB

  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. ._md-nav-bar-list {
  14. outline: none;
  15. list-style: none;
  16. margin: 0;
  17. padding: 0;
  18. box-sizing: border-box;
  19. display: -webkit-box;
  20. display: -webkit-flex;
  21. display: flex;
  22. -webkit-box-orient: horizontal;
  23. -webkit-box-direction: normal;
  24. -webkit-flex-direction: row;
  25. flex-direction: row; }
  26. .md-nav-item:first-of-type {
  27. margin-left: 8px; }
  28. .md-button._md-nav-button {
  29. line-height: 24px;
  30. margin: 0 4px;
  31. padding: 12px 16px;
  32. -webkit-transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
  33. transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1); }
  34. .md-button._md-nav-button:focus {
  35. outline: none; }
  36. .md-button._md-nav-button:hover {
  37. background-color: inherit; }
  38. md-nav-ink-bar {
  39. bottom: 0;
  40. height: 2px;
  41. left: auto;
  42. position: absolute;
  43. right: auto;
  44. background-color: black; }
  45. md-nav-ink-bar._md-left {
  46. -webkit-transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
  47. transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); }
  48. md-nav-ink-bar._md-right {
  49. -webkit-transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1);
  50. transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1); }
  51. md-nav-extra-content {
  52. min-height: 48px;
  53. padding-right: 12px; }