song-ui-u/theme/aside.css

vue3 + js的PC前端组件库

@charset "UTF-8";:root{--x-badge-dot-size-small:14px;--x-badge-dot-size-default:16px;--x-badge-dot-size-large:18px}.x-badge{--x-badge-bg-color:var(--x-color-error);--x-badge-font-size:var(--x-font-size-default);--x-badge-dot:var(--x-badge-dot-size-default);position:relative;display:inline-flex}.x-badge+.x-badge{margin-left:30px}.x-badge__content{display:flex;align-items:center;line-height:1;position:absolute;top:-8px;right:-8px;z-index:100;border:2px solid #fff;border-radius:20px;background:var(--x-badge-bg-color);font-size:var(--x-badge-font-size);color:#fff;box-sizing:border-box;padding:1px 4px;white-space:nowrap}.x-badge__content.is-dot{width:var(--x-badge-dot);height:var(--x-badge-dot);padding:0}.x-badge--size_small{--x-badge-font-size:var(--x-font-size-small);--x-badge-dot:var(--x-badge-dot-size-small)}.x-badge--size_default{--x-badge-font-size:var(--x-font-size-default);--x-badge-dot:var(--x-badge-dot-size-default)}.x-badge--size_large{--x-badge-font-size:var(--x-font-size-large);--x-badge-dot:var(--x-badge-dot-size-large)}.x-badge--primary{--x-badge-bg-color:var(--x-color-primary)}.x-badge--success{--x-badge-bg-color:var(--x-color-success)}.x-badge--warning{--x-badge-bg-color:var(--x-color-warning)}.x-badge--error{--x-badge-bg-color:var(--x-color-error)}