studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Add badge block

Browse source
This commit is contained in:
Timothée Goguely 2024-10-09 16:05:06 +02:00
parent e1e844d057
commit 42f442914a
2 changed files with 16 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/assets/css/index.css
View file

@ -14,6 +14,7 @@
@import 'src/1.4.compositions.with-sidebar.css'; @import 'src/1.4.compositions.with-sidebar.css';
/* BLOCKS */ /* BLOCKS */
@import 'src/2.blocks.badge.css';
@import 'src/2.blocks.button.css'; @import 'src/2.blocks.button.css';
@import 'src/2.blocks.card.css'; @import 'src/2.blocks.card.css';
@import 'src/2.blocks.header.css'; @import 'src/2.blocks.header.css';

15
src/assets/css/src/2.blocks.badge.css Normal file
View file

@ -0,0 +1,15 @@
/* BADGE BLOCK */
.badge {
display: inline-flex;
border-radius: var(--badge-border-radius, var(--rounded-full));
align-items: center;
justify-content: center;
padding: var(--badge-padding);
background: var(--badge-primary-background, var(--color-grey-800));
color: var(--badge-primary-color, var(--color-white));
font-size: var(--badge-font-size, var(--text-md));
font-weight: var(--badge-font-weight, 700);
min-width: var(--badge-min-width, var(--space-24));
height: var(--badge-height, var(--space-24));
}