style.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. /* Cell Component */
  2. /* Header Component */
  3. /* Button Component */
  4. /* Tab Item Component */
  5. /* Tabbar Component */
  6. /* Navbar Component */
  7. /* Checklist Component */
  8. /* Radio Component */
  9. /* z-index */
  10. .mint-header {
  11. -webkit-box-align: center;
  12. -ms-flex-align: center;
  13. align-items: center;
  14. background-color: #26a2ff;
  15. box-sizing: border-box;
  16. color: #fff;
  17. display: -webkit-box;
  18. display: -ms-flexbox;
  19. display: flex;
  20. font-size: 14px;
  21. height: 40px;
  22. line-height: 1;
  23. padding: 0 10px;
  24. position: relative;
  25. text-align: center;
  26. white-space: nowrap;
  27. }
  28. .mint-header .mint-button {
  29. background-color: transparent;
  30. border: 0;
  31. box-shadow: none;
  32. color: inherit;
  33. display: inline-block;
  34. padding: 0;
  35. font-size: inherit
  36. }
  37. .mint-header .mint-button::after {
  38. content: none;
  39. }
  40. .mint-header.is-fixed {
  41. top: 0;
  42. right: 0;
  43. left: 0;
  44. position: fixed;
  45. z-index: 1;
  46. }
  47. .mint-header-button {
  48. -webkit-box-flex: .5;
  49. -ms-flex: .5;
  50. flex: .5;
  51. }
  52. .mint-header-button > a {
  53. color: inherit;
  54. }
  55. .mint-header-button.is-right {
  56. text-align: right;
  57. }
  58. .mint-header-button.is-left {
  59. text-align: left;
  60. }
  61. .mint-header-title {
  62. overflow: hidden;
  63. text-overflow: ellipsis;
  64. white-space: nowrap;
  65. font-size: inherit;
  66. font-weight: 400;
  67. -webkit-box-flex: 1;
  68. -ms-flex: 1;
  69. flex: 1;
  70. }