scss 一个SCSS函数，如果$ string以$ find结尾则返回true，否则返回false。

Posted 2021-05-18

@function ends-with($string, $find) {
  @if (str-slice($string, (str-length($string) - str-length($find) + 1)) == $find) {
    @return true;
  } @else {
    @return false;
  }
}

$font-icons: (
  'facebook': '\e614',
  'facebook-outline': '\e615',
  'twitter': '\e616',
  'twitter-outline': '\e617',
  'instagram': '\e618',
  'instagram-outline': '\e619'
);

@each $name, $char in $font-icons {
  .module-#{$name}:before {
    content: $char;
    
    @if (ends-with($name, '-outline')) {
      border: 1px solid #000;
      border-radius: 50%;
    }
  }
}