20 lines
479 B
SCSS
20 lines
479 B
SCSS
@use 'sass:math';
|
|
|
|
@function rs($pixels, $base-vw: 1600px) {
|
|
$vw-value: math.div($pixels * 100vw, $base-vw);
|
|
|
|
@return max($vw-value, $pixels);
|
|
}
|
|
|
|
@function columns($columns) {
|
|
@return calc(
|
|
(#{$columns} * var(--layout-column-width)) +
|
|
((#{$columns} - 1) * var(--layout-column-gap))
|
|
);
|
|
}
|
|
|
|
@mixin child-grid($columns) {
|
|
grid-template-columns: repeat($columns, minmax(0, 1fr));
|
|
column-gap: var(--layout-columns-gap);
|
|
display: grid;
|
|
}
|