adui

Version:

2 lines (1 loc) • 14 kB

CSS

View Raw

.adui-channels-button-base{position:relative;display:inline-block;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;letter-spacing:1px;white-space:nowrap;border:none;border-radius:4px;text-decoration:none;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.adui-channels-button-base:not(.adui-channels-button-light).adui-channels-button-normal .adui-channels-button-spinner{background-color:#fff}.adui-channels-button-base:not(.adui-channels-button-light).adui-channels-button-primary .adui-channels-button-spinner{background-color:var(--channels)}.adui-channels-button-base:not(.adui-channels-button-light).adui-channels-button-success .adui-channels-button-spinner{background-color:var(--ad-green)}.adui-channels-button-base:not(.adui-channels-button-light).adui-channels-button-warning .adui-channels-button-spinner{background-color:var(--ad-orange)}.adui-channels-button-base:not(.adui-channels-button-light).adui-channels-button-danger .adui-channels-button-spinner{background-color:#fa5151}.adui-channels-button-content{display:inline-block;max-width:100%}.adui-channels-button-spinner{position:absolute;top:0;left:0;z-index:2;display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:4px}.adui-channels-button-mini{padding-left:16px;padding-right:16px;height:32px;font-size:var(--font-size-mini);line-height:32px;background-color:#f5f5f5}.adui-channels-button-mini:not(.adui-channels-button-disabled):hover{background-color:#f0f0f0}.adui-channels-button-mini:not(.adui-channels-button-disabled):active{color:var(--channels);background-color:#fef5eb}.adui-channels-button-mini.adui-channels-button-hasLeftIcon{padding-left:4px}.adui-channels-button-mini.adui-channels-button-hasRightIcon{padding-right:4px}.adui-channels-button-mini .adui-channels-button-leftIcon,.adui-channels-button-mini .adui-channels-button-rightIcon{vertical-align:calc(-0.125em - (18px - var(--font-size-mini))/2)}.adui-channels-button-small{padding-left:20px;padding-right:20px;height:32px;font-size:var(--font-size-medium);line-height:32px}.adui-channels-button-small.adui-channels-button-hasLeftIcon{padding-left:6px}.adui-channels-button-small.adui-channels-button-hasRightIcon{padding-right:6px}.adui-channels-button-small .adui-channels-button-leftIcon,.adui-channels-button-small .adui-channels-button-rightIcon{vertical-align:calc(-0.125em - (18px - var(--font-size-small))/2)}.adui-channels-button-medium{padding-left:22px;padding-right:22px;height:36px;font-size:var(--font-size-medium);line-height:36px}.adui-channels-button-medium.adui-channels-button-hasLeftIcon{padding-left:9px}.adui-channels-button-medium.adui-channels-button-hasRightIcon{padding-right:9px}.adui-channels-button-medium .adui-channels-button-leftIcon,.adui-channels-button-medium .adui-channels-button-rightIcon{vertical-align:calc(-0.125em - (18px - var(--font-size-medium))/2)}.adui-channels-button-large{padding-left:24px;padding-right:24px;height:40px;font-size:17px;line-height:40px}.adui-channels-button-large.adui-channels-button-hasLeftIcon{padding-left:12px}.adui-channels-button-large.adui-channels-button-hasRightIcon{padding-right:12px}.adui-channels-button-large .adui-channels-button-leftIcon,.adui-channels-button-large .adui-channels-button-rightIcon{vertical-align:calc(-0.125em - (18px - var(--font-size-large))/2)}.adui-channels-button-primary:not(.adui-channels-button-disabled).adui-channels-button-light{font-weight:500;color:var(--channels);background-color:#f5f5f5}.adui-channels-button-primary:not(.adui-channels-button-disabled).adui-channels-button-light .adui-channels-button-leftIcon,.adui-channels-button-primary:not(.adui-channels-button-disabled).adui-channels-button-light .adui-channels-button-rightIcon{fill:currentColor}.adui-channels-button-primary:not(.adui-channels-button-disabled).adui-channels-button-light:hover{background-color:#f0f0f0}.adui-channels-button-primary:not(.adui-channels-button-disabled).adui-channels-button-light.adui-channels-button-active,.adui-channels-button-primary:not(.adui-channels-button-disabled).adui-channels-button-light:active{background-color:#dcdcdc}.adui-channels-button-primary:not(.adui-channels-button-disabled):not(.adui-channels-button-light){font-weight:500;color:#fff;background-color:var(--channels)}.adui-channels-button-primary:not(.adui-channels-button-disabled):not(.adui-channels-button-light) .adui-channels-button-leftIcon,.adui-channels-button-primary:not(.adui-channels-button-disabled):not(.adui-channels-button-light) .adui-channels-button-rightIcon{fill:#fff}.adui-channels-button-primary:not(.adui-channels-button-disabled):not(.adui-channels-button-light):hover{background-image:linear-gradient(-180deg, #faa64e, #faa64e)}.adui-channels-button-primary:not(.adui-channels-button-disabled):not(.adui-channels-button-light).adui-channels-button-active,.adui-channels-button-primary:not(.adui-channels-button-disabled):not(.adui-channels-button-light):active{background-image:linear-gradient(-180deg, #e18d35, #e18d35)}.adui-channels-button-success:not(.adui-channels-button-disabled).adui-channels-button-light{font-weight:500;color:var(--channels);background-color:#f5f5f5}.adui-channels-button-success:not(.adui-channels-button-disabled).adui-channels-button-light .adui-channels-button-leftIcon,.adui-channels-button-success:not(.adui-channels-button-disabled).adui-channels-button-light .adui-channels-button-rightIcon{fill:currentColor}.adui-channels-button-success:not(.adui-channels-button-disabled).adui-channels-button-light:hover{background-color:#f0f0f0}.adui-channels-button-success:not(.adui-channels-button-disabled).adui-channels-button-light.adui-channels-button-active,.adui-channels-button-success:not(.adui-channels-button-disabled).adui-channels-button-light:active{background-color:#dcdcdc}.adui-channels-button-success:not(.adui-channels-button-disabled):not(.adui-channels-button-light){font-weight:500;color:#fff;background-color:var(--ad-green)}.adui-channels-button-success:not(.adui-channels-button-disabled):not(.adui-channels-button-light) .adui-channels-button-leftIcon,.adui-channels-button-success:not(.adui-channels-button-disabled):not(.adui-channels-button-light) .adui-channels-button-rightIcon{fill:#fff}.adui-channels-button-success:not(.adui-channels-button-disabled):not(.adui-channels-button-light):hover{background-image:linear-gradient(-180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%)}.adui-channels-button-success:not(.adui-channels-button-disabled):not(.adui-channels-button-light).adui-channels-button-active,.adui-channels-button-success:not(.adui-channels-button-disabled):not(.adui-channels-button-light):active{background-image:linear-gradient(-180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%)}.adui-channels-button-warning:not(.adui-channels-button-disabled).adui-channels-button-light{font-weight:500;color:var(--channels);background-color:#f5f5f5}.adui-channels-button-warning:not(.adui-channels-button-disabled).adui-channels-button-light .adui-channels-button-leftIcon,.adui-channels-button-warning:not(.adui-channels-button-disabled).adui-channels-button-light .adui-channels-button-rightIcon{fill:currentColor}.adui-channels-button-warning:not(.adui-channels-button-disabled).adui-channels-button-light:hover{background-color:#f0f0f0}.adui-channels-button-warning:not(.adui-channels-button-disabled).adui-channels-button-light.adui-channels-button-active,.adui-channels-button-warning:not(.adui-channels-button-disabled).adui-channels-button-light:active{background-color:#dcdcdc}.adui-channels-button-warning:not(.adui-channels-button-disabled):not(.adui-channels-button-light){font-weight:500;color:#fff;background-color:var(--ad-orange)}.adui-channels-button-warning:not(.adui-channels-button-disabled):not(.adui-channels-button-light) .adui-channels-button-leftIcon,.adui-channels-button-warning:not(.adui-channels-button-disabled):not(.adui-channels-button-light) .adui-channels-button-rightIcon{fill:#fff}.adui-channels-button-warning:not(.adui-channels-button-disabled):not(.adui-channels-button-light):hover{background-image:linear-gradient(-180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%)}.adui-channels-button-warning:not(.adui-channels-button-disabled):not(.adui-channels-button-light).adui-channels-button-active,.adui-channels-button-warning:not(.adui-channels-button-disabled):not(.adui-channels-button-light):active{background-image:linear-gradient(-180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%)}.adui-channels-button-danger:not(.adui-channels-button-disabled).adui-channels-button-light{font-weight:500;color:var(--channels);background-color:#f5f5f5}.adui-channels-button-danger:not(.adui-channels-button-disabled).adui-channels-button-light .adui-channels-button-leftIcon,.adui-channels-button-danger:not(.adui-channels-button-disabled).adui-channels-button-light .adui-channels-button-rightIcon{fill:currentColor}.adui-channels-button-danger:not(.adui-channels-button-disabled).adui-channels-button-light:hover{background-color:#f0f0f0}.adui-channels-button-danger:not(.adui-channels-button-disabled).adui-channels-button-light.adui-channels-button-active,.adui-channels-button-danger:not(.adui-channels-button-disabled).adui-channels-button-light:active{background-color:#dcdcdc}.adui-channels-button-danger:not(.adui-channels-button-disabled):not(.adui-channels-button-light){font-weight:500;color:#fff;background-color:var(--ad-red)}.adui-channels-button-danger:not(.adui-channels-button-disabled):not(.adui-channels-button-light) .adui-channels-button-leftIcon,.adui-channels-button-danger:not(.adui-channels-button-disabled):not(.adui-channels-button-light) .adui-channels-button-rightIcon{fill:#fff}.adui-channels-button-danger:not(.adui-channels-button-disabled):not(.adui-channels-button-light):hover{background-image:linear-gradient(-180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%)}.adui-channels-button-danger:not(.adui-channels-button-disabled):not(.adui-channels-button-light).adui-channels-button-active,.adui-channels-button-danger:not(.adui-channels-button-disabled):not(.adui-channels-button-light):active{background-image:linear-gradient(-180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%)}.adui-channels-button-leftIcon{flex:none}.adui-channels-button-leftIcon:not(:only-child){margin-right:4px}.adui-channels-button-rightIcon{flex:none}.adui-channels-button-rightIcon:not(:only-child){margin-left:4px}.adui-channels-button-disabled{color:rgba(0,0,0,.3);font-weight:400;cursor:not-allowed;background-color:#f5f5f5}.adui-channels-button-disabled:not(.adui-channels-button-mini){font-weight:500}.adui-channels-button-disabled .adui-channels-button-leftIcon,.adui-channels-button-disabled .adui-channels-button-rightIcon{fill:var(--gray-600)}.adui-channels-button-light.adui-channels-button-loading .adui-channels-button-leftIcon,.adui-channels-button-light.adui-channels-button-loading .adui-channels-button-rightIcon,.adui-channels-button-light.adui-channels-button-loading .adui-channels-button-content{opacity:0}.adui-channels-button-light .adui-channels-button-spinner::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;opacity:.1}.adui-channels-button-light.adui-channels-button-normal .adui-channels-button-spinner::after{background-color:var(--gray-800)}.adui-channels-button-light.adui-channels-button-primary .adui-channels-button-spinner::after{background-color:var(--channels)}.adui-channels-button-light.adui-channels-button-success .adui-channels-button-spinner::after{background-color:var(--ad-green)}.adui-channels-button-light.adui-channels-button-warning .adui-channels-button-spinner::after{background-color:var(--ad-orange)}.adui-channels-button-light.adui-channels-button-danger .adui-channels-button-spinner::after{background-color:#fa5151}.adui-channels-button-group{display:inline-block}.adui-channels-button-group .adui-channels-button-base:focus{z-index:1}.adui-channels-button-group .adui-channels-button-base:hover{z-index:2}.adui-channels-button-group .adui-channels-button-base.adui-channels-button-active{z-index:3}.adui-channels-button-group .adui-channels-button-base:not(.adui-channels-button-light):not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.adui-channels-button-group .adui-channels-button-base:not(.adui-channels-button-light):not(:last-child){margin-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.adui-channels-button-group .adui-channels-button-base.adui-channels-button-light{color:var(--gray-800)}.adui-channels-button-group .adui-channels-button-base.adui-channels-button-light:hover::after{opacity:.1;transform:scale(1)}.adui-channels-button-group .adui-channels-button-base.adui-channels-button-light.adui-channels-button-primary:hover,.adui-channels-button-group .adui-channels-button-base.adui-channels-button-light.adui-channels-button-primary.adui-channels-button-active{color:var(--channels)}.adui-channels-button-group .adui-channels-button-base.adui-channels-button-light.adui-channels-button-warning:hover,.adui-channels-button-group .adui-channels-button-base.adui-channels-button-light.adui-channels-button-warning.adui-channels-button-active{color:var(--ad-orange)}.adui-channels-button-group .adui-channels-button-base.adui-channels-button-light.adui-channels-button-danger:hover,.adui-channels-button-group .adui-channels-button-base.adui-channels-button-light.adui-channels-button-danger.adui-channels-button-active{color:#fa5151}.adui-channels-button-group .adui-channels-button-base.adui-channels-button-light:not(.adui-channels-button-active)::after{background-color:var(--gray-800)}.adui-channels-button-group .adui-channels-button-base.adui-channels-button-light.adui-channels-button-active:not(:hover)::after{opacity:0}.adui-channels-button-group_banner{display:flex}.adui-channels-button-group_banner button{flex:1}