meri-design-dev/dist/theme/MButton.css

基于vue框架的ui库

/*!
 * @meri-design-dev v0.0.13
 * (c) 2019-2020 wangyongcun
 * Released under the MIT License.
 * 2024-04-29 11:23:04
 */.m-button{display:inline-block;vertical-align:middle;padding-left:8px;padding-right:8px;border-radius:4px;border-width:1px;border-style:solid;font-size:0;text-align:center;transition:background-color .3s,border .3s}.m-button+.m-button{margin-left:12px}.m-button .m-button-content{width:100%}.m-button-default{background-color:#fff;border-color:#c3c7cb;color:#1f2429}.m-button-default:hover{border-color:#246fe5}.m-button-default:hover .m-button-text{color:#246fe5}.m-button-default:active{border-color:#215dd9}.m-button-default:active .m-button-text{color:#215dd9}.m-button-blue{background-color:#246fe5;border-color:#246fe5;color:#fff}.m-button-blue:hover{background-color:#2481f2;border-color:#2481f2}.m-button-blue:active{background-color:#215dd9;border-color:#215dd9}.m-button-word{background:none;border-color:rgba(0,0,0,0);color:#1f2429}.m-button-word .m-button-text{font-weight:500}.m-button-word:hover .m-button-text{color:#246fe5}.m-button-word:active .m-button-text{color:#215dd9}.m-button-large{max-width:128px;min-width:80px;height:40px}.m-button-large .m-button-content{height:38px;line-height:38px}.m-button-medium{max-width:116px;min-width:80px;height:32px}.m-button-medium .m-button-content{height:30px;line-height:30px}.m-button-small{max-width:108px;min-width:60px;height:28px}.m-button-small .m-button-content{height:26px;line-height:26px}.m-button-normal{cursor:pointer}.m-button.m-button-disabled{cursor:not-allowed}.m-button.m-button-disabled .m-button-text{color:#c3c7cb}.m-button-disabled:not([type=word]){background-color:#eff0f1;border-color:#eff0f1}.m-button-text{font-size:14px;transition:color .3s}