@mixin clearfix {
  &::before,
  &::after {
    content: "";
    display: table;
    clear: both;
  }
}

@mixin container {
  padding-left: $grid-offset;
  padding-right: $grid-offset;
}

@mixin container-with-limit {
  max-width: 55em;
  padding-left: $grid-offset;
  padding-right: $grid-offset;
  margin-left: auto;
  margin-right: auto;
}

@mixin center-vertical {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@mixin box {
  border: 1px solid var(--color-text-very-light);
  border-radius: 3px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

@mixin clearfix {
  &::before,
  &::after {
    content: "";
    display: table;
    clear: both;
  }
}

@mixin container {
  padding-left: $grid-offset;
  padding-right: $grid-offset;
}

@mixin container-with-limit {
  max-width: 55em;
  padding-left: $grid-offset;
  padding-right: $grid-offset;
  margin-left: auto;
  margin-right: auto;
}

@mixin center-vertical {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@mixin box {
  border-radius: 3px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

Remove border from box mixin
Remove border from box mixin [skip ci]
