GenderDysphoria.fyi/scss/_global.scss

a {
  @include dark-mode {
    color: lighten($primary, 10%);
      
    &:hover {
      color: lighten($primary, 20%);
    }
  }
}

body {
  font-family: $font-primary;
  
  @include dark-mode {
    color: $body-color-dark;
  }
}

// Prevents the page header from blocking view of
// the element targeted by the fragment in the URL
[id] {
  scroll-margin-top: 60px;
}
@media screen and (min-width: 500px) and (max-width: 800px) {
  [id] {
    scroll-margin-top: 100px;
  }

}
h1:target, h2:target, h3:target, h4:target, h5:target, h6:target {
  background-color: yellow !important;

  @include dark-mode {
    color: black;
  }
}

span.svg-icon {
  $size: 1.5em;
  display: inline-block;
  position: relative;
  height: $size;
  width: $size;
  line-height: 1;

  svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
    vertical-align: baseline;
  }
}

img.svg-icon {
  height: 1.5em;
  display: inline-block;
  position: relative;
  line-height: 1;
}