polaris-glints

Version:
Glints forked polaris react
aries.glints.design
24 lines (12 loc) • 1.48 kB
CSS
.Polaris-Badge_2qgie { --pc-badge-horizontal-padding: var(--p-space-2); --pc-badge-vertical-padding: var(--p-space-05); display: inline-flex; align-items: center; padding: var(--pc-badge-vertical-padding) var(--pc-badge-horizontal-padding); background-color: var(--p-surface-neutral); border-radius: var(--p-border-radius-5); }

@media print { .Polaris-Badge_2qgie { border: solid var(--p-border-width-1) var(--p-border); } }

.Polaris-Badge--statusSuccess_pc5rl { background-color: var(--p-surface-success); color: var(--p-text); }

.Polaris-Badge--statusInfo_knr66 { background-color: var(--p-surface-highlight); color: var(--p-text); }

.Polaris-Badge--statusAttention_i61kn { background-color: var(--p-surface-attention); color: var(--p-text); }

.Polaris-Badge--statusWarning_1x66d { background-color: var(--p-surface-warning); color: var(--p-text); }

.Polaris-Badge--statusCritical_1iy3d { background-color: var(--p-surface-critical); color: var(--p-text); }

.Polaris-Badge--statusNew_cj8gz { color: var(--p-text); font-weight: var(--p-font-weight-medium); border: none; }

.Polaris-Badge--withinFilter_11dcy { border-radius: var(--p-border-radius-1); }

.Polaris-Badge__Icon_yj27d { margin-left: calc((var(--p-space-1))*-1); }

.Polaris-Badge__Icon_yj27d + *:not(.Polaris-Badge__Icon_yj27d) { margin-left: var(--p-space-1); }

.Polaris-Badge__PipContainer_dsjox { display: grid; align-items: center; margin-left: calc(var(--p-space-05)*-1); margin-right: var(--p-space-1); }