chore: badge grid
This commit is contained in:
parent
c2f0160e13
commit
8725c41b6d
12 changed files with 49 additions and 1 deletions
20
src/assets/styles/components/badge-grid.css
Normal file
20
src/assets/styles/components/badge-grid.css
Normal file
|
@ -0,0 +1,20 @@
|
|||
:root {
|
||||
--grid: repeat(3,minmax(0,1fr));
|
||||
}
|
||||
|
||||
.badge__grid {
|
||||
display: grid;
|
||||
gap: var(--sizing-md);
|
||||
grid-template-columns: var(--grid);
|
||||
}
|
||||
|
||||
.badge__grid > * {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
:root {
|
||||
--grid: repeat(4,minmax(0,1fr));
|
||||
}
|
||||
}
|
Reference in a new issue