metanorma/isodoc

View on GitHub
lib/isodoc/base_style/typography.scss

Summary

Maintainability
Test Coverage
@mixin bodyStyle1($fontSize, $lineHeight, $colorText, $colorBackground, $fontWeight: 400) {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  font-size: $fontSize;
  font-weight: $fontWeight;
  line-height: $lineHeight;
  color: $colorText;
  background-color: $colorBackground;

  main {
    margin: 0 3em 0 6em;
  }

}

@mixin elementStyles($color, $colorHighlightBg, $colorHighlightFg) {
  a, a:visited {
    text-decoration: none;
    color: $color;
  }
  a:hover {
    color: $colorHighlightFg;
    background: $colorHighlightBg;
    box-shadow: 3px 0 0 $colorHighlightBg, -3px 0 0 $colorHighlightBg;
  }
  *::selection {
    background: $colorHighlightBg;
    color: $colorHighlightFg;
  }
  *::-moz-selection {
    background: $colorHighlightBg;
    color: $colorHighlightFg;
  }
}

@mixin rule($thickness, $color, $margin: 2em 0, $clear: false) {
  width: 100%;
  height: $thickness;
  background-color: $color;

  @if $margin {
    margin: $margin;
  }

  // Obsolete (?)
  @if $clear {
    clear: both;
  }
}

@mixin table($border: none) {
  width: 100%;
  font-weight: 300;
  margin: 1em 0 2em 0;
  margin-left: auto;
  margin-right: auto;
  padding-right: 2em;

  &, th, td {
    border: $border;
    font-size: 0.95em; // NN 20201115: ??? normalfontsize - 0.05?
  }
  th, td {
    padding: 1em;
  }
  td.header {
    font-weight: 400;
  }
}