sendou.ink/app/styles/builds.css
2022-09-25 11:53:51 +03:00

50 lines
920 B
CSS

.builds__top-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.builds__breadcrumbs {
display: flex;
font-size: var(--fonts-xs);
font-weight: var(--bold);
gap: var(--s-1);
}
.builds__category {
display: flex;
flex-direction: column;
padding: var(--s-3);
background-color: var(--bg-darker);
border-radius: var(--rounded);
font-size: var(--fonts-sm);
font-weight: var(--semi-bold);
gap: var(--s-4);
}
.builds__category__header {
display: flex;
align-items: center;
gap: var(--s-2-5);
}
.builds__category__weapons {
display: flex;
flex-wrap: wrap;
gap: var(--s-3);
}
.builds__category__weapon {
display: flex;
align-items: center;
color: var(--text);
font-size: var(--fonts-xs);
font-weight: var(--body);
gap: var(--s-1);
}
.builds__category__weapon__img {
background-color: var(--bg-lighter);
border-radius: var(--rounded);
}