webdev-jp-net
2/6/2019 - 8:29 AM

対角線に斜線を引くCSS

$d == 1 ? \ : /

@mixin digline($c: black, $b: 2px, $w: 1, $h: 1, $d: -1) {
  border-top: $b solid $c;
  transform: matrix(1, ($d * ($h / $w)), 0, 1, 0, ($h / 2));
  width:  #{$w}px;
  height:  #{$h}px;
}