javascript/weui
1
0
Fork 0
mirror of https://github.com/Tencent/weui.git synced 2025-12-19 06:48:37 +08:00
Code Issues Packages Projects Releases Wiki Activity
Files
develop
weui/dist/style/widget/weui-button/weui-button.min.css
uxsi 4ddbc4c871 feat: 2.6.25
2025-09-12 17:12:38 +08:00

5 lines
12 KiB
CSS
Raw Permalink Blame History

/*!
* WeUI v2.6.25 (https://github.com/weui/weui)
* Copyright 2025 Tencent, Inc.
* Licensed under the MIT license
*/.wx-root,body{--weui-BG-COLOR-ACTIVE:#ececec}.wx-root[data-weui-theme="dark"],body[data-weui-theme="dark"]{--weui-BG-COLOR-ACTIVE:#373737}@media (prefers-color-scheme:dark){.wx-root:not([data-weui-theme="light"]),body:not([data-weui-theme="light"]){--weui-BG-COLOR-ACTIVE:#373737}}.wx-root,body,page{--weui-BTN-HEIGHT:48;--weui-BTN-HEIGHT-MEDIUM:40;--weui-BTN-HEIGHT-SMALL:32}.wx-root,body{--weui-BTN-ACTIVE-MASK:rgba(0,0,0,.2)}.wx-root[data-weui-theme="dark"],body[data-weui-theme="dark"]{--weui-BTN-ACTIVE-MASK:hsla(0,0%,100%,.2)}@media (prefers-color-scheme:dark){.wx-root:not([data-weui-theme="light"]),body:not([data-weui-theme="light"]){--weui-BTN-ACTIVE-MASK:hsla(0,0%,100%,.2)}}.wx-root,body{--weui-BTN-DEFAULT-ACTIVE-BG:#e6e6e6}.wx-root[data-weui-theme="dark"],body[data-weui-theme="dark"]{--weui-BTN-DEFAULT-ACTIVE-BG:hsla(0,0%,100%,.126)}@media (prefers-color-scheme:dark){.wx-root:not([data-weui-theme="light"]),body:not([data-weui-theme="light"]){--weui-BTN-DEFAULT-ACTIVE-BG:hsla(0,0%,100%,.126)}}.wx-root,body{--weui-DIALOG-LINE-COLOR:rgba(0,0,0,.1)}.wx-root[data-weui-theme="dark"],body[data-weui-theme="dark"]{--weui-DIALOG-LINE-COLOR:hsla(0,0%,100%,.1)}@media (prefers-color-scheme:dark){.wx-root:not([data-weui-theme="light"]),body:not([data-weui-theme="light"]){--weui-DIALOG-LINE-COLOR:hsla(0,0%,100%,.1)}}.weui-btn{position:relative;display:block;min-width:184px;max-width:280px;width:-webkit-fit-content;width:fit-content;margin-left:auto;margin-right:auto;padding:12px 24px;box-sizing:border-box;font-weight:500;font-size:17px;text-align:center;text-decoration:none;color:#fff;line-height:1.41176471;border-radius:8px;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:default;-webkit-user-select:none;user-select:none}.weui-btn:active::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);background-color:var(--weui-BTN-ACTIVE-MASK);border-radius:8px}.weui-btn:active.weui-btn_disabled::before,.weui-btn:active.weui-btn_loading::before,.weui-btn:active[disabled]::before{display:none}.weui-btn__inner{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.weui-btn_block{width:auto}.weui-btn_inline{display:inline-block}.weui-btn_default{background-color:rgba(0,0,0,.05);background-color:var(--weui-FG-5)}.weui-btn_default,.weui-btn_default:not(.weui-btn_disabled):visited{color:rgba(0,0,0,.9);color:var(--weui-FG-0)}.weui-btn_primary{background-color:#07c160;background-color:var(--weui-BRAND)}.weui-btn_primary:not(.weui-btn_disabled):visited{color:#fff}.weui-btn_warn{background-color:#fa5151;background-color:var(--weui-RED-100)}.weui-btn_warn:not(.weui-btn_disabled):visited{color:#fff}.weui-btn_overlay.weui-btn_primary{color:rgba(0,0,0,.9);background-color:#fff}.weui-btn_overlay.weui-btn_primary:not(.weui-btn_disabled):visited{color:rgba(0,0,0,.9)}.weui-btn_overlay.weui-btn_default{color:#fff;background-color:hsla(0,0%,97%,.3)}.weui-btn_overlay.weui-btn_default:not(.weui-btn_disabled):visited{color:#fff}.weui-btn_overlay.weui-btn_warn{color:#fff;background-color:#fa5151;background-color:var(--weui-RED-100)}.weui-btn_overlay.weui-btn_warn:not(.weui-btn_disabled):visited{color:#fff}.weui-btn_overlay.weui-btn_disabled,.weui-btn_overlay[disabled]{color:hsla(0,0%,97%,.3);background-color:hsla(0,0%,100%,.3)}.weui-btn[disabled],.weui-btn_disabled{color:rgba(0,0,0,.15);color:var(--weui-FG-4);background-color:rgba(0,0,0,.05);background-color:var(--weui-FG-5)}.weui-btn_loading .weui-mask-loading{font-size:20px;margin:-.2em 4px 0 0;color:currentColor}.weui-btn_loading .weui-mask-loading.weui-mask-loading_only{margin-right:0}.weui-btn_loading.weui-btn_default .weui-mask-loading{color:#606060}.weui-btn_loading .weui-loading{font-size:20px;margin:-.2em 4px 0 0}.weui-btn_loading .weui-primary-loading{font-size:20px;margin:-.2em 4px 0 0;vertical-align:middle;color:currentColor}.weui-btn_loading .weui-primary-loading::before{content:""}.weui-btn_cell{position:relative;display:block;margin-left:auto;margin-right:auto;box-sizing:border-box;font-size:17px;text-align:center;text-decoration:none;color:#fff;line-height:1.41176471;padding:16px;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;background-color:#fff;background-color:var(--weui-BG-5)}.weui-btn_cell+.weui-btn_cell{margin-top:16px}.weui-btn_cell:active{background-color:#ececec;background-color:var(--weui-BG-COLOR-ACTIVE)}.weui-btn_cell__icon{display:inline-block;vertical-align:middle;width:24px;height:24px;margin:-.2em .34em 0 0}.weui-btn_cell-default{color:rgba(0,0,0,.9);color:var(--weui-FG-0)}.weui-btn_cell-primary{color:#576b95;color:var(--weui-LINK)}.weui-btn_cell-warn{color:#fa5151;color:var(--weui-RED)}.weui-bottom-fixed-opr-page{height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.weui-bottom-fixed-opr-page__content{min-height:0;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-bottom:80px;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.weui-bottom-fixed-opr-page__tool{padding:16px 32px 24px;padding:16px calc(32px + constant(safe-area-inset-right)) calc(24px + constant(safe-area-inset-bottom)) calc(32px + constant(safe-area-inset-left));padding:16px calc(32px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(32px + env(safe-area-inset-left));background:#fff;position:relative;z-index:50}.weui-bottom-fixed-opr-page__tool::before{content:"";height:80px;background:-webkit-linear-gradient(bottom,#fff,hsla(0,0%,100%,0));background:linear-gradient(0deg,#fff,hsla(0,0%,100%,0));position:absolute;bottom:calc(100% - 1px);left:0;right:0;-webkit-transform:translateZ(0);transform:translateZ(0);pointer-events:none}.wx-root[data-weui-theme="dark"] .weui-bottom-fixed-opr-page__tool,body[data-weui-theme="dark"] .weui-bottom-fixed-opr-page__tool{background:#191919}@media (prefers-color-scheme:dark){.wx-root:not([data-weui-theme="light"]) .weui-bottom-fixed-opr-page__tool,body:not([data-weui-theme="light"]) .weui-bottom-fixed-opr-page__tool{background:#191919}}.wx-root[data-weui-theme="dark"] .weui-bottom-fixed-opr-page__tool::before,body[data-weui-theme="dark"] .weui-bottom-fixed-opr-page__tool::before{background:-webkit-linear-gradient(bottom,#191919,rgba(25,25,25,0));background:linear-gradient(0deg,#191919,rgba(25,25,25,0))}@media (prefers-color-scheme:dark){.wx-root:not([data-weui-theme="light"]) .weui-bottom-fixed-opr-page__tool::before,body:not([data-weui-theme="light"]) .weui-bottom-fixed-opr-page__tool::before{background:-webkit-linear-gradient(bottom,#191919,rgba(25,25,25,0));background:linear-gradient(0deg,#191919,rgba(25,25,25,0))}}.weui-bottom-fixed-opr-page__tips{margin-bottom:24px;padding:0 32px;text-align:center}.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn{width:184px;padding-left:16px;padding-right:16px}.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2),.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2)+.weui-btn{margin:0 8px;width:136px;min-width:0}.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2)+.weui-btn:first-child,.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2):first-child{margin-left:0}.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2)+.weui-btn:last-child,.weui-bottom-fixed-opr-page .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2):last-child{margin-right:0}.weui-bottom-fixed-opr-page_btn-wrap .weui-bottom-fixed-opr{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.weui-bottom-fixed-opr-page_btn-wrap .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2),.weui-bottom-fixed-opr-page_btn-wrap .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2)+.weui-btn{width:184px;margin:16px 0 0}.weui-bottom-fixed-opr-page_btn-wrap .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2)+.weui-btn:first-child,.weui-bottom-fixed-opr-page_btn-wrap .weui-bottom-fixed-opr .weui-btn:nth-last-child(n+2):first-child{margin-top:0}.weui-bottom-fixed-opr-page.weui-form{padding-top:0}.weui-bottom-fixed-opr-page.weui-form .weui-form__bd{padding-top:56px;padding-top:calc(56px + constant(safe-area-inset-top));padding-top:calc(56px + env(safe-area-inset-top))}.weui-bottom-fixed-opr-page.weui-form .weui-form__ft{padding-bottom:0}.weui-bottom-fixed-opr-page.weui-form .weui-form__control-area{margin-bottom:0}.weui-bottom-fixed-opr-page.weui-half-screen-dialog{padding:0}.weui-bottom-fixed-opr-page.weui-half-screen-dialog .weui-half-screen-dialog__bd,.weui-bottom-fixed-opr-page.weui-half-screen-dialog .weui-half-screen-dialog__ft,.weui-bottom-fixed-opr-page.weui-half-screen-dialog .weui-half-screen-dialog__hd{padding-left:24px;padding-left:calc(24px + constant(safe-area-inset-left));padding-left:calc(24px + env(safe-area-inset-left));padding-right:24px;padding-right:calc(24px + constant(safe-area-inset-right));padding-right:calc(24px + env(safe-area-inset-right))}.weui-bottom-fixed-opr-page.weui-half-screen-dialog .weui-half-screen-dialog__bd{padding-bottom:80px}.weui-bottom-fixed-opr-page.weui-half-screen-dialog .weui-half-screen-dialog__ft{padding-bottom:64px;padding-bottom:calc(64px + constant(safe-area-inset-bottom));padding-bottom:calc(64px + env(safe-area-inset-bottom))}.weui-half-screen-dialog_bottom-fixed.weui-half-screen-dialog{padding:0}.weui-half-screen-dialog_bottom-fixed.weui-half-screen-dialog .weui-half-screen-dialog__hd{padding:0 24px;padding:0 calc(24px + constant(safe-area-inset-right)) 0 calc(24px + constant(safe-area-inset-left));padding:0 calc(24px + env(safe-area-inset-right)) 0 calc(24px + env(safe-area-inset-left))}.weui-half-screen-dialog_bottom-fixed.weui-half-screen-dialog .weui-half-screen-dialog__bd{padding-bottom:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.weui-half-screen-dialog_bottom-fixed.weui-half-screen-dialog .weui-half-screen-dialog__ft{padding:0}.weui-half-screen-dialog_bottom-fixed.weui-half-screen-dialog .weui-bottom-fixed-opr-page{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-height:0}.weui-half-screen-dialog_bottom-fixed.weui-half-screen-dialog .weui-bottom-fixed-opr-page__content{padding:0 24px;padding:0 calc(24px + constant(safe-area-inset-right)) 0 calc(24px + constant(safe-area-inset-left));padding:0 calc(24px + env(safe-area-inset-right)) 0 calc(24px + env(safe-area-inset-left))}.weui-half-screen-dialog_bottom-fixed.weui-half-screen-dialog .weui-bottom-fixed-opr{padding:16px 0 64px;padding:16px 0 calc(64px + constant(safe-area-inset-bottom));padding:16px 0 calc(64px + env(safe-area-inset-bottom))}button.weui-btn,input.weui-btn{border-width:0;outline:0;-webkit-appearance:none}button.weui-btn:focus,input.weui-btn:focus{outline:0}button.weui-btn_inline,button.weui-btn_mini,input.weui-btn_inline,input.weui-btn_mini{width:auto;min-width:0}.weui-btn_medium{font-size:14px;padding:10px 24px;line-height:1.42857;line-height:calc((var(--weui-BTN-HEIGHT-MEDIUM) - 20) / 14)}.weui-btn_mini{padding:6px 12px;border-radius:6px}.weui-btn_mini,.weui-btn_xmini{display:inline-block;min-width:0;line-height:1.42857;font-size:14px}.weui-btn_xmini{padding:4px 12px;font-weight:500;border-radius:4px}.weui-btn+.weui-btn{margin-top:16px}.weui-btn.weui-btn_mini+.weui-btn.weui-btn_mini,.weui-btn.weui-btn_xmini+.weui-btn.weui-btn_xmini{margin-top:auto}.weui-btn.weui-btn_inline+.weui-btn.weui-btn_inline{margin-left:16px}.weui-btn-area{margin:48px 16px 8px}.weui-btn-area_inline{display:-webkit-box;display:-webkit-flex;display:flex}.weui-btn-area_inline .weui-btn{margin-top:auto;margin-right:16px;width:100%;-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-btn-area_inline .weui-btn:last-child{margin-right:0}.weui-btn_reset{font-size:inherit}.weui-btn_icon,.weui-btn_reset{background:transparent;border:0;padding:0;outline:0}.weui-btn_icon{font-size:0}.weui-btn_icon:active [class*="weui-icon-"]{color:rgba(0,0,0,.55);color:var(--weui-FG-1)}.weui-btn_margin-reset{margin-left:0;margin-right:0}
Reference in New Issue View Git Blame Copy Permalink