song-ui-u/theme/sender.css

vue3 + js的PC前端组件库

@charset "UTF-8";.x-sender{--x-sender-text-color:var(--x-text-color-primary);--x-sender-text-color-aside:var(--x-text-color-secondary);--x-sender-border-color:var(--x-border-color-default);--x-sender-bg-color:var(--x-color-white);--x-sender-bg-color-aside:var(--x-color-disabled-bg);--x-sender-size:var(--x-component-size-default);--x-sender-font-size:var(--x-font-size-default);--x-sender-padding:var(--x-padding-default);--x-sender-round:var(--x-component-round-default);width:100%;border:2px solid var(--x-sender-border-color);border-radius:var(--x-sender-round);background-color:var(--x-sender-bg-color)}.x-sender textarea{resize:none}.x-sender.is-focus{transition:border-color .3s ease;--x-sender-border-color:var(--x-color-primary)}.x-sender__inner-wrapper{display:flex;flex-direction:column;width:100%;box-sizing:border-box;border-radius:var(--x-sender-round);position:relative;padding:5px 10px}.x-sender__inner-wrapper:hover{transition:border-color .3s ease;--x-sender-border-color:var(--x-border-color-hover)}.x-sender--position_between{flex-direction:row;padding:5px 10px;align-items:center}.x-sender__inner-wrapper.is-adj{align-items:end}.x-sender__inner{flex:1;align-items:center;padding:5px var(--x-sender-padding);padding-bottom:0;box-sizing:border-box;outline:0;color:var(--x-sender-text-color);font-size:var(--x-sender-font-size);font-family:inherit;resize:vertical;height:auto;min-height:27px;line-height:1.2;width:100%;border:none;border-radius:var(--x-sender-round)}.x-sender__inner.is-bottom{min-height:45px}.x-sender__inner.is-disabled{--x-sender-border-color:var(--x-border-color-disabled);--x-sender-bg-color:var(--x-color-disabled-bg);--x-sender-text-color:var(--x-text-color-disabled);--x-sender-text-color-aside:var(--x-text-color-placeholder);resize:none}.x-sender__bottom{padding:10px;display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;width:calc(100% - 10px)}.x-sender__action{display:flex;align-items:center;justify-content:flex-end;flex-direction:row;gap:10px;margin-left:10px}.x-sender__prefix{display:flex;align-items:center;justify-content:flex-end;flex-direction:row;gap:10px}.x-sender__wapper-top{display:flex;align-items:center;padding-left:3px;padding-top:9px}.x-sender__wapper-bottom{display:flex;align-items:center}sender::-moz-placeholder{color:var(--x-text-color-placeholder)}sender::placeholder{color:var(--x-text-color-placeholder)}sender::-webkit-input-placeholder{color:var(--x-text-color-placeholder)}sender:-moz-placeholder{color:var(--x-text-color-placeholder)}sender::-moz-placeholder{color:var(--x-text-color-placeholder)}sender:-ms-input-placeholder{color:var(--x-text-color-placeholder)}sender::-ms-input-placeholder{color:var(--x-text-color-placeholder)}