Sha256: 79c7a67d54b2944d8089a79b8f49a3d8e1573e98334af19a5d37f3dc6b43482d
Contents?: true
Size: 1.62 KB
Versions: 3
Compression:
Stored size: 1.62 KB
Contents
.c-badge {
--badge-color: white;
--badge-background-color: var(--color-default);
display: inline-block;
margin: 0;
padding: var(--spacing-xsmall) var(--spacing-small);
color: var(--badge-color);
font-weight: var(--text-font-weight-heavy);
font-size: 0.8em;
line-height: 1.2;
background-color: var(--badge-background-color);
border: var(--border-width) var(--border-style) transparent;
border-radius: var(--border-radius);
&.c-badge--ghost {
--badge-background-color: var(--color-transparent);
--badge-color: var(--color-default);
border-color: var(--badge-color);
}
}
.c-badge--rounded {
border-radius: var(--border-radius-rounded);
}
.c-badge--brand {
--badge-background-color: var(--color-brand);
&.c-badge--ghost {
--badge-background-color: var(--color-transparent);
--badge-color: var(--color-brand);
}
}
.c-badge--info {
--badge-background-color: var(--color-info);
&.c-badge--ghost {
--badge-background-color: var(--color-transparent);
--badge-color: var(--color-info);
}
}
.c-badge--warning {
--badge-background-color: var(--color-warning);
--badge-color: black;
&.c-badge--ghost {
--badge-background-color: var(--color-transparent);
--badge-color: var(--color-warning);
}
}
.c-badge--success {
--badge-background-color: var(--color-success);
&.c-badge--ghost {
--badge-background-color: var(--color-transparent);
--badge-color: var(--color-success);
}
}
.c-badge--error {
--badge-background-color: var(--color-error);
&.c-badge--ghost {
--badge-background-color: var(--color-transparent);
--badge-color: var(--color-error);
}
}
Version data entries
3 entries across 3 versions & 1 rubygems