discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

widthfix-merged
All checks were successful
deploy / testbuild (push) Successful in 2m21s
Details
deploy / Update templates on Mailgun (push) Has been skipped
Details

Browse Source
This commit is contained in:
Untone 2024-10-08 23:12:56 +03:00
parent 677c49011b
commit cf45cac656
1 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/styles/_global.scss
View File

@ -121,16 +121,19 @@ $container-padding-x: $grid-gutter-width * 0.5;
// Миксин make-col
@mixin make-col($size: false, $columns: $grid-columns) {
@if $size {
flex: 0 0 auto;
width: calc(100% * #{calc($size / $columns)});
} @else {
flex: 1 1 0;
max-width: 100%;
}
$size-factor: 0;
$size-factor: $size / $columns;
$flex-grow: 1 - $size-factor;
$flex-shrink: 1 - $size-factor;
$flex-basis: calc(100% * #{$size-factor});
flex: $flex-grow $flex-shrink $flex-basis;
max-width: max($flex-basis, 100% * $size-factor);
}
@mixin make-col-offset($size, $columns: $grid-columns) {
$num: calc($size / $columns);
margin-left: if($num == 0, 0, calc(100% * $num));
$offset: calc(100% * #{$size / $columns});
margin-left: max(0px, $offset);
}