Qdon.space - custom scss

custom.scss

// scss-lint:disable SelectorDepth, SelectorFormat, QualifyingElement, HexLength

$color-qdon: #ffc0fb;
$color-twingyeo: #f8ac59;
$color-twingyeo-edge: #ffdd00;
$color-planet: #4f71db;
$color-jmm: #aaff00;

// Header image on /about/more
.public-layout .column-0 .public-account-header__image {
  background: #6494ed;

  img {
    object-fit: contain;
  }
}

a.notification__display-name {
  &[href^='https://qdon.space/'] {
    color: $color-qdon;
  }

  &[href^='https://twingyeo.kr/'] {
    color: $color-twingyeo;
  }

  &[href^='https://edge.twingyeo.kr/'] {
    color: $color-twingyeo-edge;
  }

  &[href^='https://planet.moe/'] {
    color: $color-planet;
  }

  &[href^='https://jmm.kr/'] {
    color: $color-jmm;
  }
}

.status {
  a[href^='https://qdon.space/'] .display-name .display-name__html {
    color: $color-qdon;

    &::before {
      color: $color-qdon;
      content: 'qd';
      font-size: .5em;
    }
  }

  a[href^='https://twingyeo.kr/'] .display-name .display-name__html {
    color: $color-twingyeo;
  }

  a[href^='https://edge.twingyeo.kr/'] .display-name .display-name__html {
    color: $color-twingyeo-edge;
  }

  a[href^='https://planet.moe/'] .display-name .display-name__html {
    color: $color-planet;
  }

  a[href^='https://jmm.kr/'] .display-name .display-name__html {
    color: $color-jmm;
  }
}


// Expand column
@media screen and (min-width: 631px) {
  .column {
    flex-grow: 1;
  }
}

// For small screen on desktop
@media screen and (min-width: 631px) and (max-width: 1919px) {
  .drawer {
    width: 250px;
  }
}

.rich-formatting {
  h2,
  h3 {
    margin-top: 30px;
  }
}