MediaWiki:Common.css: Difference between revisions

Revision as of 01:01, 18 June 2026

@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleNext-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleNext-RegularItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleNext-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleNext-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Atkinson Hyperlegible Mono";
  src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Atkinson Hyperlegible Mono";
  src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleMono-RegularItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Atkinson Hyperlegible Mono";
  src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleMono-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Atkinson Hyperlegible Mono";
  src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleMono-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --font-family-base: "Atkinson Hyperlegible Next", sans-serif;
  --font-family-serif: "Atkinson Hyperlegible Next", sans-serif;
  --font-family-sans: "Atkinson Hyperlegible Next", sans-serif;
  --font-family-monospace: "Atkinson Hyperlegible Mono", monospace;
}

html,
body,
.mw-body,
.mw-body-content,
.mw-parser-output,
.vector-body,
.vector-page-titlebar,
.vector-header-container,
.vector-sticky-header,
.mw-footer,
.oo-ui-widget,
.cdx-label,
.cdx-button,
.cdx-text-input__input,
.cdx-select,
input,
textarea,
select,
button {
  font-family: "Atkinson Hyperlegible Next", sans-serif;
}

code,
pre,
kbd,
samp,
tt,
.mw-code,
.mw-highlight,
.mw-editfont-monospace,
.mw-parser-output .monospaced,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea.mw-editfont-monospace {
  font-family: "Atkinson Hyperlegible Mono", monospace;
}

.mw-logo {
  display: flex !important;
  align-items: center;
  min-width: 10.25rem;
}

.mw-logo .mw-logo-icon {
  display: none !important;
}

.mw-logo .mw-logo-container {
  display: block !important;
  margin-left: 0 !important;
}

.mw-logo .mw-logo-wordmark {
  display: block !important;
  width: 9.0625em !important;
  max-width: 10rem;
  height: 3.125em !important;
  object-fit: contain;
}

@media (max-width: 640px) {
  .mw-logo {
    min-width: 0;
  }

  .mw-logo .mw-logo-icon {
    display: block !important;
  }

  .mw-logo .mw-logo-container {
    display: none !important;
  }
}