@ctsy/layui-vue/es/button/index.css

a component library for Vue 3 base on layui-vue

:root{--button-primary-color: var(--global-primary-color);--button-primary-border-color: var(--global-primary-color);--button-normal-color: var(--global-normal-color);--button-normal-border-color: var(--global-normal-color);--button-warm-color: var(--global-warm-color);--button-warm-border-color: var(--global-warm-color);--button-danger-color: var(--global-danger-color);--button-danger-border-color: var(--global-danger-color);--button-border-radius: var(--global-border-radius);--button-border-color: var(--global-neutral-color-6)}.layui-btn{height:38px;line-height:36px;padding:0 18px;font-size:14px;text-align:center;white-space:nowrap;border-radius:var(--button-border-radius);border-color:var(--button-border-color);border-width:1px;border-style:solid;background:0 0;color:#666;cursor:pointer}.layui-btn:hover,.layui-btn:active{color:#333}.layui-btn+.layui-btn{margin-left:10px}.layui-btn-radius{border-radius:100px}.layui-btn .layui-icon{padding:0 2px;vertical-align:middle\	;vertical-align:bottom}.layui-btn-primary{color:#fff;background-color:var(--button-primary-color);border-color:var(--button-primary-border-color)}.layui-btn-normal{color:#fff;background-color:var(--button-normal-color);border-color:var(--button-normal-border-color)}.layui-btn-warm{color:#fff;background-color:var(--button-warm-color);border-color:var(--button-warm-border-color)}.layui-btn-danger{color:#fff;background-color:var(--button-danger-color);border-color:var(--button-danger-border-color)}.layui-btn-primary:hover,.layui-btn-normal:hover,.layui-btn-warm:hover,.layui-btn-danger:hover{color:#fff;opacity:.8;filter:alpha(opacity=80)}.layui-btn-lg{height:44px;line-height:44px;padding:0 25px;font-size:16px}.layui-btn-sm{height:30px;line-height:30px;padding:0 10px;font-size:12px}.layui-btn-xs{height:22px;line-height:22px;padding:0 5px;font-size:12px}.layui-btn-xs i{font-size:12px!important}.layui-btn-fluid{width:100%}.layui-btn-disabled,.layui-btn-disabled:active,.layui-btn-disabled:hover{border-color:#eee!important;background-color:#fbfbfb!important;color:#d2d2d2!important;cursor:not-allowed!important;opacity:1}