ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Implement new css.Build.

Browse source
This commit is contained in:
Fredrik Jonsson 2026-04-08 11:17:24 +02:00
commit d984bcaf5d
1 changed files with 1681 additions and 1695 deletions
Download patch file Download diff file Expand all files Collapse all files

64
assets/css/components/_flex-group.css
View file

@ -1,44 +1,42 @@
@layer components {
.flex-group {
--flex-gap: calc(var(--base-line-height) * 1rem);
.flex-group {
--flex-gap: calc(var(--base-line-height) * 1rem);
display: flex;
gap: var(--flex-gap);
flex-wrap: wrap;
display: flex;
gap: var(--flex-gap);
flex-wrap: wrap;
& > * {
flex: 1;
}
& > * {
flex: 1;
}
}
@media (min-width: 666px) {
.flex-group--2 > * {
flex-basis: calc(100% / 2 - var(--flex-gap));
flex-grow: 0;
}
@media (min-width: 666px) {
.flex-group--2 > * {
flex-basis: calc(100% / 2 - var(--flex-gap));
flex-grow: 0;
}
.flex-group--3 > * {
flex-basis: calc(100% / 3 - var(--flex-gap));
flex-grow: 0;
}
.flex-group--3 > * {
flex-basis: calc(100% / 3 - var(--flex-gap));
flex-grow: 0;
}
.flex-group--4 > * {
flex-basis: calc(100% / 4 - var(--flex-gap));
flex-grow: 0;
}
.flex-group--4 > * {
flex-basis: calc(100% / 4 - var(--flex-gap));
flex-grow: 0;
}
.flex-group--5 > * {
flex-basis: calc(100% / 5 - var(--flex-gap));
flex-grow: 0;
}
.flex-group--5 > * {
flex-basis: calc(100% / 5 - var(--flex-gap));
flex-grow: 0;
}
.flex-group--6 > * {
flex-basis: calc(100% / 6 - var(--flex-gap));
flex-grow: 0;
}
.flex-group--6 > * {
flex-basis: calc(100% / 6 - var(--flex-gap));
flex-grow: 0;
}
.flex-group--grow > * {
flex-grow: 1;
}
.flex-group--grow > * {
flex-grow: 1;
}
}