MediaWiki:Common.css/src/content/heading.scss

From Terraria Wiki
Jump to navigation Jump to search

This page is one of the SCSS pages which are the basis for MediaWiki:Common.css. After you edit this page, you will need to recompile them for your changes to take effect. See Terraria Wiki:CSS to learn more.

@use '../lib';
/********* headings *********/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6{
  @include lib.heading-style;
}
.mw-body h1, .mw-body-content h1{
  font-size: 32px;
  line-height: 40px;
}
.mw-body-content h2{
  font-size: 26px;
  line-height: 32px;
  margin-top: 18px;
  margin-bottom: 12px;
  &::after{
    @include lib.pseudo-block;
    @include lib.hr;
    margin-top: 3px;
  }
}
.vector-body h3{
  font-size: 22px;
  line-height: 28px;
  margin-top: 14px;
  margin-bottom: 7px;
}
.vector-body h4{
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin-top: 14px;
  margin-bottom: 7px;
}
.vector-body h5{
  line-height: 22px;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 7px;
}
.vector-body h6{
  line-height: 20px;
  font-size: 14px;
  font-weight: bold;
  margin-top: 7px;
  margin-bottom: 7px;
}
/* reduce heading font size */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1{
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2{
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3{
    font-size: 18px;
    line-height: 24px;
  }
  .vector-body h4{
    font-size: 16px;
  }
  .vector-body h5{
    font-size: 14px;
  }
  .vector-body h6{
    font-size: 12px;
  }
}

/*** section edit link ****/
/* overwriting styles from here:
 * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/master/resources/src/mediawiki.skinning/interface-edit-section-links.less */
.mw-editsection{
  white-space: nowrap;
  font-size: 14px;
  --theme-icon-color: var(--theme-link-color-accent);
  .mw-editsection-bracket{
    display: none;
  }
  a{
    color: transparent;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    @include lib.mask-icon(var(--theme-icon-color), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.86 12.86'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M7.11.8,1,6.87a1,1,0,0,0-.29.7v4.54H5.29a1,1,0,0,0,.7-.29l6.07-6.08M5,2.92l4.95,5M7.16.75l4.95,5'/%3E%3C/svg%3E"));
  }
}
Retrieved from "https://terraria.wiki.gg/index.php?title=MediaWiki:Common.css/src/content/heading.scss&oldid=873382"