いい感じな改行を実現するSCSS mixin。

_establish-break.scss

@mixin establish-break($body: true, $pre: true, $inline: true, $table: true) {
  @if $body {
    body {
      word-wrap: break-word;
    }
  }
 
  @if $pre {
    pre {
      overflow: auto;
      white-space: pre-wrap;
      word-wrap: break-word;
      word-break: break-all;
    }
  }

  @if $inline {
    code, kbd, abbr, var, samp {
      &::before,
      &::after {
        content: "\0020";
        font-size: 0;
      }
    }
  }
 
  @if table {
    table {
      word-break: break-all;
    }
  }
}