style.css 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  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-button {
  11. -webkit-appearance: none;
  12. -moz-appearance: none;
  13. appearance: none;
  14. border-radius: 4px;
  15. border: 0;
  16. box-sizing: border-box;
  17. color: inherit;
  18. display: block;
  19. font-size: 18px;
  20. height: 41px;
  21. outline: 0;
  22. overflow: hidden;
  23. position: relative;
  24. text-align: center
  25. }
  26. .mint-button::after {
  27. background-color: #000;
  28. content: " ";
  29. opacity: 0;
  30. top: 0;
  31. right: 0;
  32. bottom: 0;
  33. left: 0;
  34. position: absolute
  35. }
  36. .mint-button:not(.is-disabled):active::after {
  37. opacity: .4
  38. }
  39. .mint-button.is-disabled {
  40. opacity: .6
  41. }
  42. .mint-button-icon {
  43. vertical-align: middle;
  44. display: inline-block
  45. }
  46. .mint-button--default {
  47. color: #656b79;
  48. background-color: #f6f8fa;
  49. box-shadow: 0 0 1px #b8bbbf
  50. }
  51. .mint-button--default.is-plain {
  52. border: 1px solid #5a5a5a;
  53. background-color: transparent;
  54. box-shadow: none;
  55. color: #5a5a5a
  56. }
  57. .mint-button--primary {
  58. color: #fff;
  59. background-color: #26a2ff
  60. }
  61. .mint-button--primary.is-plain {
  62. border: 1px solid #26a2ff;
  63. background-color: transparent;
  64. color: #26a2ff
  65. }
  66. .mint-button--danger {
  67. color: #fff;
  68. background-color: #ef4f4f
  69. }
  70. .mint-button--danger.is-plain {
  71. border: 1px solid #ef4f4f;
  72. background-color: transparent;
  73. color: #ef4f4f
  74. }
  75. .mint-button--large {
  76. display: block;
  77. width: 100%
  78. }
  79. .mint-button--normal {
  80. display: inline-block;
  81. padding: 0 12px
  82. }
  83. .mint-button--small {
  84. display: inline-block;
  85. font-size: 14px;
  86. padding: 0 12px;
  87. height: 33px
  88. }