// Do not edit this file. Create a custom theme instead.

.font-size(@fontPx: @msBase) {
  @fontRem: (@fontPx / 10);
  font-size : round(@fontPx * 1px);
  font-size : ~"@{fontRem}rem";
}

.line-height(@linePx: (@baseFontSize * @baseLineHeight)) {
  @lineRem: (@linePx / 10);
  line-height: round(@linePx * 1px);
  line-height: ~"@{lineRem}rem";
}

.font-face(@family-name, @font-path, @font-style:normal, @font-weight:normal) {
  @font-face {
    font-family: @family-name;
    src: url('/@{themeDirectory}/fonts/@{font-path}.eot');
    src: url('/@{themeDirectory}/fonts/@{font-path}.eot?#iefix') format('embedded-opentype'),
         url('/@{themeDirectory}/fonts/@{font-path}.woff') format('woff'),
         url('/@{themeDirectory}/fonts/@{font-path}.ttf') format('truetype'),
         url('/@{themeDirectory}/fonts/@{font-path}.svg#@{family-name}') format('svg');
    font-weight: @font-weight;
    font-style: @font-style;
    }
}

.word-wrap (@mode: auto) {
  word-wrap: break-word;
  -webkit-hyphens: @mode;
  -moz-hyphens: @mode;
  -ms-hyphens: @mode;
  -o-hyphens: @mode;
  hyphens: @mode;
}

.text-justify(@style: newspaper) {
  text-align: justify;
  text-justify: @style;
}
