blog/assets/scss/_predefined.scss

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

// Fonts
//
$fonts: "Trebuchet MS", Tahoma, Verdana, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft Yahei, sans-serif;
$serif-fonts: Palatino, Optima, Georgia, "Source Han Serif SC VF", "Source Han Serif CN VF", "Source Han Serif SC", "Source Han Serif CN", "Noto Serif CJK SC", source-han-serif-sc, serif;
$mono-fonts: "Cascadia Code", 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);
    }
  }
}

@keyframes slideIn {
  from {
    transform: translateY(50%) scale(.8);
    opacity: 0;
  }
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}