helpers to scss

mixins.scss

@mixin sizedBox ($width: 10px, $height: $width) {
  width: $width;
  height: $height;
}

@mixin clampLines ($lines: 1) {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $lines;
  -webkit-box-orient: vertical;
}

@mixin automaticPaddingInline ($siteWidth: 1200px, $paddingInline: 24px) {
  padding-inline: clamp(0px, calc(($siteWidth - 100%) / 2 + $paddingInline), $paddingInline);
}