Jump to content

MediaWiki:Common.css: Difference between revisions

From Chuk Wiki
Improve branding: custom Chuk Development logo and wordmark
Refine logo text branding to avoid duplicate wordmark rendering
 
Line 24: Line 24:


.mw-logo-wordmark {
.mw-logo-wordmark {
   font-size: 0;
   display: none;
}
}


.mw-logo-wordmark::after {
.mw-logo-container::after {
   content: "Chuk Development Wiki";
   content: "Chuk Development Wiki";
   font-size: 1.05rem;
   font-size: 1.05rem;

Latest revision as of 18:03, 13 March 2026

/* CSS placed here will be applied to all skins */

.mw-logo {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

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

.mw-logo::before {
  content: "";
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 8px;
  background-image: url("https://chuk.dev/favicon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.mw-logo-wordmark {
  display: none;
}

.mw-logo-container::after {
  content: "Chuk Development Wiki";
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}