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

Deprecate the flex-calc mixin.

Browse source
This commit is contained in:
Fredrik Jonsson 2025-08-27 09:49:50 +02:00
commit eb84ce3dd6
2 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

14
assets/sass/components/flex-group/_flex-group.scss
View file

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

4
assets/sass/components/hidden/_hidden.scss
View file

@ -17,13 +17,13 @@
.js-hidden, .js-hidden,
%js-hidden { %js-hidden {
html.js & { html.js & {
@extend %hidden; display: none;
} }
} }
.nojs-hidden, .nojs-hidden,
%nojs-hidden { %nojs-hidden {
html.nojs & { html.nojs & {
@extend %hidden; display: none;
} }
} }