scss 增加给定元素的可定位区域而不影响布局。需要垂直增加;水平是可选的。

Posted 2021-05-18

@mixin increase-touch-target($addtl-vertical, $addtl-horizontal: 0) {
  $vertical: 0;
  $horizontal: 0;
  $neg-vertical: 0;
  $neg-horizontal: 0;

  @if $addtl-vertical != 0 {
    $vertical: $addtl-vertical / 2;
    $neg-vertical: -$vertical;
  }

  @if $addtl-horizontal != 0 {
    $horizontal: $addtl-horizontal / 2;
    $neg-horizontal: -$horizontal;
  }

  padding: $vertical $horizontal;
  margin: $neg-vertical $neg-horizontal;
}