Jump to content

MediaWiki:Common.css: Difference between revisions

From Chuk Wiki
Apply Chuk Development brand styling for wiki logo and wordmark
 
Refine logo text branding to avoid duplicate wordmark rendering
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
.mw-logo {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}


.mw-logo-icon {
.mw-logo-icon {
   content: url("https://chuk.dev/favicon.svg");
  display: none;
}
 
.mw-logo::before {
   content: "";
   width: 44px;
   width: 44px;
   height: 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 {
.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;
}