| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- /* Cell Component */
- /* Header Component */
- /* Button Component */
- /* Tab Item Component */
- /* Tabbar Component */
- /* Navbar Component */
- /* Checklist Component */
- /* Radio Component */
- /* z-index */
- .mint-button {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- border-radius: 4px;
- border: 0;
- box-sizing: border-box;
- color: inherit;
- display: block;
- font-size: 18px;
- height: 41px;
- outline: 0;
- overflow: hidden;
- position: relative;
- text-align: center
- }
- .mint-button::after {
- background-color: #000;
- content: " ";
- opacity: 0;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- position: absolute
- }
- .mint-button:not(.is-disabled):active::after {
- opacity: .4
- }
- .mint-button.is-disabled {
- opacity: .6
- }
- .mint-button-icon {
- vertical-align: middle;
- display: inline-block
- }
- .mint-button--default {
- color: #656b79;
- background-color: #f6f8fa;
- box-shadow: 0 0 1px #b8bbbf
- }
- .mint-button--default.is-plain {
- border: 1px solid #5a5a5a;
- background-color: transparent;
- box-shadow: none;
- color: #5a5a5a
- }
- .mint-button--primary {
- color: #fff;
- background-color: #26a2ff
- }
- .mint-button--primary.is-plain {
- border: 1px solid #26a2ff;
- background-color: transparent;
- color: #26a2ff
- }
- .mint-button--danger {
- color: #fff;
- background-color: #ef4f4f
- }
- .mint-button--danger.is-plain {
- border: 1px solid #ef4f4f;
- background-color: transparent;
- color: #ef4f4f
- }
- .mint-button--large {
- display: block;
- width: 100%
- }
- .mint-button--normal {
- display: inline-block;
- padding: 0 12px
- }
- .mint-button--small {
- display: inline-block;
- font-size: 14px;
- padding: 0 12px;
- height: 33px
- }
|