@import './variables.scss';

$base-size: $size-base;

@function pxToRem($target, $context: $base-size) {
  @return calc($target / $context) * 1rem;
}

@function pxToRemGroup($top, $right, $bottom, $left, $context: $base-size) {
  $top: calc($top / $context) * 1rem;
  $right: calc($right / $context) * 1rem;
  $bottom: calc($bottom / $context) * 1rem;
  $left: calc($left / $context) * 1rem;

  @return ($top $right $bottom $left);
}

@function addColorOpacity($hex, $opacity: 1) {
  @return rgba($hex, $opacity);
}