blog/assets/scss/_predefined.scss

// Colors
//
$accent: #54bab9;

// Fonts
//
$fonts: -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft Yahei, Arial,sans-serif;
$mono-fonts: Consolas, Menlo, Monaco, "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", "YaHei Consolas Hybrid", monospace, "Segoe UI Emoji", "PingFang SC", "Microsoft YaHei";

// Mixins
//
@mixin stylized-link {
  a {
    text-decoration: none;
    border: none;
    box-shadow: inset 0 -4px 0 $accent;
    transition-property: box-shadow;
    transition-duration: .1s;

    &:hover {
      box-shadow: inset 0 -1em 0 $accent;
      color: var(--c-txt);
    }
  }
}