2 lines
2.2 KiB
CSS
2 lines
2.2 KiB
CSS
|
:root,:host{--van-tag-padding:0 var(--van-padding-base);--van-tag-text-color:var(--van-white);--van-tag-font-size:var(--van-font-size-sm);--van-tag-radius:2px;--van-tag-line-height:16px;--van-tag-medium-padding:2px 6px;--van-tag-large-padding:var(--van-padding-base)var(--van-padding-xs);--van-tag-large-radius:var(--van-radius-md);--van-tag-large-font-size:var(--van-font-size-md);--van-tag-round-radius:var(--van-radius-max);--van-tag-danger-color:var(--van-danger-color);--van-tag-primary-color:var(--van-primary-color);--van-tag-success-color:var(--van-success-color);--van-tag-warning-color:var(--van-warning-color);--van-tag-default-color:var(--van-gray-6);--van-tag-plain-background:var(--van-background-2)}.van-tag{padding:var(--van-tag-padding);color:var(--van-tag-text-color);font-size:var(--van-tag-font-size);line-height:var(--van-tag-line-height);border-radius:var(--van-tag-radius);align-items:center;display:inline-flex;position:relative}.van-tag--default{background:var(--van-tag-default-color)}.van-tag--default.van-tag--plain{color:var(--van-tag-default-color)}.van-tag--danger{background:var(--van-tag-danger-color)}.van-tag--danger.van-tag--plain{color:var(--van-tag-danger-color)}.van-tag--primary{background:var(--van-tag-primary-color)}.van-tag--primary.van-tag--plain{color:var(--van-tag-primary-color)}.van-tag--success{background:var(--van-tag-success-color)}.van-tag--success.van-tag--plain{color:var(--van-tag-success-color)}.van-tag--warning{background:var(--van-tag-warning-color)}.van-tag--warning.van-tag--plain{color:var(--van-tag-warning-color)}.van-tag--plain{background:var(--van-tag-plain-background);border-color:currentColor}.van-tag--plain:before{border:1px solid;border-color:inherit;border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0}.van-tag--medium{padding:var(--van-tag-medium-padding)}.van-tag--large{padding:var(--van-tag-large-padding);font-size:var(--van-tag-large-font-size);border-radius:var(--van-tag-large-radius)}.van-tag--mark{border-radius:0 var(--van-tag-round-radius)var(--van-tag-round-radius)0}.van-tag--mark:after{content:"";width:2px;display:block}.van-tag--round{border-radius:var(--van-tag-round-radius)}.van-tag__close{margin-left:2px}
|