xt/color-q
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

增加一个badge组件样式。

Browse Source
This commit is contained in:
徐涛 2025-01-07 15:17:16 +08:00
parent a94626c192
commit 6bc0779f26
1 changed files with 38 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/component.css
View File

@ -385,4 +385,42 @@
border-radius: var(--border-radius-xxs); border-radius: var(--border-radius-xxs);
} }
} }
/* Badge */
.badge {
display: inline-flex;
justify-content: center;
align-items: center;
padding: var(--spacing-xs) var(--spacing-m);
border-radius: var(--border-radius-xxs);
font-size: var(--font-size-m);
font-weight: bold;
line-height: 1.2em;
color: var(--color-fg);
background-color: var(--color-neutral);
&.uppercase {
text-transform: uppercase;
}
&.primary {
background-color: var(--color-primary);
}
&.secondary {
background-color: var(--color-secondary);
}
&.accent {
background-color: var(--color-accent);
}
&.danger {
background-color: var(--color-danger);
}
&.warn {
background-color: var(--color-warn);
}
&.success {
background-color: var(--color-success);
}
&.info {
background-color: var(--color-info);
}
}
} }