From 9affd1a37efc9b43b5cfc4a782ae2f96af2ecd01 Mon Sep 17 00:00:00 2001 From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com> Date: Fri, 2 Jan 2026 11:59:06 +0900 Subject: [PATCH 1/7] nest sadbox styles --- stylesheets/commons/Miscellaneous.scss | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/stylesheets/commons/Miscellaneous.scss b/stylesheets/commons/Miscellaneous.scss index 244bb9a79e2..d94b13ae299 100644 --- a/stylesheets/commons/Miscellaneous.scss +++ b/stylesheets/commons/Miscellaneous.scss @@ -2141,17 +2141,17 @@ Author(s): FO-nTTaX text-align: center; border-radius: 0.5rem; overflow: hidden; -} -.sadbox a { - background-color: #464646; - color: #ffffff !important; - display: block; - padding: 10px; -} + a { + background-color: #464646; + color: #ffffff !important; + display: block; + padding: 10px; -.sadbox a:hover { - background-color: #232323; + &:hover { + background-color: #232323; + } + } } /******************************************************************************* From 5c342781b4cc33b06ffc532b29a4a0d3208ae936 Mon Sep 17 00:00:00 2001 From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com> Date: Fri, 2 Jan 2026 12:02:44 +0900 Subject: [PATCH 2/7] switch to using gap in new mainpage --- stylesheets/commons/Banner.scss | 1 - stylesheets/commons/Mainpage.scss | 6 ++++++ stylesheets/commons/Miscellaneous.scss | 1 - stylesheets/commons/NavigationCard.scss | 1 - 4 files changed, 6 insertions(+), 3 deletions(-) diff --git a/stylesheets/commons/Banner.scss b/stylesheets/commons/Banner.scss index 20bdbc2bf48..6af51864dd2 100644 --- a/stylesheets/commons/Banner.scss +++ b/stylesheets/commons/Banner.scss @@ -2,7 +2,6 @@ display: flex; flex-direction: column; align-items: center; - margin-bottom: 1.5rem; position: relative; border-radius: 0.5rem; diff --git a/stylesheets/commons/Mainpage.scss b/stylesheets/commons/Mainpage.scss index 7b39121c28f..445b614e404 100644 --- a/stylesheets/commons/Mainpage.scss +++ b/stylesheets/commons/Mainpage.scss @@ -2,6 +2,12 @@ Template(s): Main Page Author(s): FO-nTTaX, salle *******************************************************************************/ +.mainpage-v2 { + display: flex; + flex-flow: column nowrap; + gap: 0.5rem; +} + body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-view #contentSub { display: none; diff --git a/stylesheets/commons/Miscellaneous.scss b/stylesheets/commons/Miscellaneous.scss index d94b13ae299..2ed5c61ee25 100644 --- a/stylesheets/commons/Miscellaneous.scss +++ b/stylesheets/commons/Miscellaneous.scss @@ -2137,7 +2137,6 @@ Author(s): FO-nTTaX border: 1px solid #000000; color: #ffffff; font-size: 18px; - margin-bottom: 10px; text-align: center; border-radius: 0.5rem; overflow: hidden; diff --git a/stylesheets/commons/NavigationCard.scss b/stylesheets/commons/NavigationCard.scss index a5e4d349b3b..47e3ba9c8cb 100644 --- a/stylesheets/commons/NavigationCard.scss +++ b/stylesheets/commons/NavigationCard.scss @@ -2,7 +2,6 @@ display: grid; grid-template-columns: repeat( 3, 1fr ); gap: 0.5rem; - margin-bottom: 1rem; position: relative; @media ( min-width: 576px ) { From f317fa6770f0ec9468fb082937c1679dad77c76b Mon Sep 17 00:00:00 2001 From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com> Date: Fri, 2 Jan 2026 12:24:05 +0900 Subject: [PATCH 3/7] kick repetitive media queries --- stylesheets/commons/Banner.scss | 296 ++++++++------------------------ 1 file changed, 75 insertions(+), 221 deletions(-) diff --git a/stylesheets/commons/Banner.scss b/stylesheets/commons/Banner.scss index 6af51864dd2..d740cae0c0d 100644 --- a/stylesheets/commons/Banner.scss +++ b/stylesheets/commons/Banner.scss @@ -5,440 +5,296 @@ position: relative; border-radius: 0.5rem; - .wiki-ageofempires & { - @media ( min-width: 768px ) { + @media ( min-width: 768px ) { + .wiki-ageofempires & { background: url( https://liquipedia.net/commons/images/b/bc/Age_of_Empires_4_Order_of_the_Dragon_banner.png ) no-repeat center / cover; } - } - .wiki-arenafps & { - @media ( min-width: 768px ) { + .wiki-arenafps & { background: url( https://liquipedia.net/commons/images/b/ba/Arenafps-banner.png ) no-repeat center / cover; } - } - .wiki-artifact & { - @media ( min-width: 768px ) { + .wiki-artifact & { background: url( https://liquipedia.net/commons/images/a/a1/Artifact-banner.png ) no-repeat center / cover; } - } - .wiki-autochess & { - @media ( min-width: 768px ) { + .wiki-autochess & { background: url( https://liquipedia.net/commons/images/b/bf/Autochess-banner.png ) no-repeat center / cover; } - } - .wiki-battlerite & { - @media ( min-width: 768px ) { + .wiki-battlerite & { background: url( https://liquipedia.net/commons/images/1/1f/Battlerite-banner.png ) no-repeat center / cover; } - } - .wiki-battalion & { - @media ( min-width: 768px ) { + .wiki-battalion & { background: url( https://liquipedia.net/commons/images/e/ee/Battalion-banner.png ) no-repeat center / cover; } - } - .wiki-brawlstars & { - @media ( min-width: 768px ) { + .wiki-brawlstars & { background: url( https://liquipedia.net/commons/images/a/a8/Brawlstars-banner.png ) no-repeat center / cover; } - } - .wiki-brawlhalla & { - @media ( min-width: 768px ) { + .wiki-brawlhalla & { background: url( https://liquipedia.net/commons/images/3/36/Brawlhalla-banner.png ) no-repeat center / cover; } - } - .wiki-chess & { - @media ( min-width: 768px ) { + .wiki-chess & { background: url( https://liquipedia.net/commons/images/e/ed/Chess_Banner_bg.jpg ) no-repeat center / cover; } - } - .wiki-callofduty & { - @media ( min-width: 768px ) { + .wiki-callofduty & { background: url( https://liquipedia.net/commons/images/b/bc/COD_Wiki_Banner.png ) no-repeat center / cover; } - } - .wiki-clashofclans & { - @media ( min-width: 768px ) { + .wiki-clashofclans & { background: url( https://liquipedia.net/commons/images/4/4c/Clash_of_Clans_wiki_banner.webp ) no-repeat center / cover; } - } - .wiki-clashroyale & { - @media ( min-width: 768px ) { + .wiki-clashroyale & { background: url( https://liquipedia.net/commons/images/2/21/Clash_Royale_wiki_banner.webp ) no-repeat center / cover; } - } - .wiki-crossfire & { - @media ( min-width: 768px ) { + .wiki-crossfire & { background: url( https://liquipedia.net/commons/images/2/2b/Crossfire-banner.png ) no-repeat center / cover; } - } - .wiki-criticalops & { - @media ( min-width: 768px ) { + .wiki-criticalops & { background: url( https://liquipedia.net/commons/images/0/08/Criticalops-banner.png ) no-repeat center / cover; } - } - .wiki-deadlock & { - @media ( min-width: 768px ) { + .wiki-deadlock & { background: url( https://liquipedia.net/commons/images/8/8f/Deadlock_mainpage_banner.png ) no-repeat center / cover; } - } - .wiki-dota2 & { - @media ( min-width: 768px ) { + .wiki-dota2 & { background: url( https://liquipedia.net/commons/images/1/19/Bgdota2.jpg ) no-repeat center / cover; } - } - .wiki-counterstrike & { - @media ( min-width: 768px ) { + .wiki-counterstrike & { background: url( https://liquipedia.net/commons/images/d/d1/Counter-strike-bg.png ) no-repeat center / cover; } - } - .wiki-easportsfc & { - @media ( min-width: 768px ) { + .wiki-easportsfc & { background: url( https://liquipedia.net/commons/images/3/3e/Easportsfc-banner.png ) no-repeat center / cover; } - } - .wiki-esports & { - @media ( min-width: 768px ) { + .wiki-esports & { background: url( https://liquipedia.net/commons/images/4/46/Esports-banner.png ) no-repeat center / cover; } - } - .wiki-freefire & { - @media ( min-width: 768px ) { + .wiki-freefire & { background: url( https://liquipedia.net/commons/images/5/51/Freefire-banner.png ) no-repeat center / cover; } - } - .wiki-fighters & { - @media ( min-width: 768px ) { + .wiki-fighters & { background: url( https://liquipedia.net/commons/images/e/ec/Fighters-banner.png ) no-repeat center / cover; } - } - .wiki-fortnite & { - @media ( min-width: 768px ) { + .wiki-fortnite & { background: url( https://liquipedia.net/commons/images/1/1a/Fortnite-banner.png ) no-repeat center / cover; } - } - .wiki-geoguessr & { - @media ( min-width: 768px ) { + .wiki-geoguessr & { background: url( https://liquipedia.net/commons/images/7/74/GeoGuessr_Banner.jpg ) no-repeat center / cover; } - } - .wiki-goals & { - @media ( min-width: 768px ) { + .wiki-goals & { background: url( https://liquipedia.net/commons/images/a/ae/Goals-banner.png ) no-repeat center / cover; } - } - .wiki-hearthstone & { - @media ( min-width: 768px ) { + .wiki-hearthstone & { background: url( https://liquipedia.net/commons/images/4/4d/Hearthstone_banner_bg.png ) no-repeat center / cover; } - } - .wiki-honorofkings & { - @media ( min-width: 768px ) { + .wiki-honorofkings & { background: url( https://liquipedia.net/commons/images/f/fb/Hok-banner.png ) no-repeat center / cover; } - } - .wiki-heroes & { - @media ( min-width: 768px ) { + .wiki-heroes & { background: url( https://liquipedia.net/commons/images/5/5f/Heroesofthestorm-banner.png ) no-repeat center / cover; } - } - .wiki-identityv & { - @media ( min-width: 768px ) { + .wiki-identityv & { background: url( https://liquipedia.net/commons/images/8/8e/Identityv-bg.webp ) no-repeat center / cover; } - } - .wiki-magic & { - @media ( min-width: 768px ) { + .wiki-magic & { background: url( https://liquipedia.net/commons/images/a/a2/Magic-banner.png ) no-repeat center / cover; } - } - .wiki-naraka & { - @media ( min-width: 768px ) { + .wiki-naraka & { background: url( https://liquipedia.net/commons/images/8/8a/Naraka-banner.png ) no-repeat center / cover; } - } - .wiki-illuvium & { - @media ( min-width: 768px ) { + .wiki-illuvium & { background: url( https://liquipedia.net/commons/images/0/0b/Illuvium-banner.png ) no-repeat center / cover; } - } - .wiki-omegastrikers & { - @media ( min-width: 768px ) { + .wiki-omegastrikers & { background: url( https://liquipedia.net/commons/images/8/80/Omegastrikers-banner.png ) no-repeat center / cover; } - } - .wiki-pokemon & { - @media ( min-width: 768px ) { + .wiki-pokemon & { background: url( https://liquipedia.net/commons/images/d/d6/Pokemon_wiki_banner.webp ) no-repeat center / cover; } - } - .wiki-rainbowsix & { - @media ( min-width: 768px ) { + .wiki-rainbowsix & { background: url( https://liquipedia.net/commons/images/c/c0/R6_bg.png ) no-repeat center / cover; } - } - .wiki-rematch & { - @media ( min-width: 768px ) { + .wiki-rematch & { background: url( https://liquipedia.net/commons/images/c/c1/Rematch_wiki_banner.webp ) no-repeat center / cover; } - } - .wiki-rocketleague & { - @media ( min-width: 768px ) { + .wiki-rocketleague & { background: url( https://liquipedia.net/commons/images/5/56/Header-rl.png ) no-repeat center / cover; } - } - .wiki-runeterra & { - @media ( min-width: 768px ) { + .wiki-runeterra & { background: url( https://liquipedia.net/commons/images/4/4f/Runeterra-banner.png ) no-repeat center / cover; } - } - .wiki-smash & { - @media ( min-width: 768px ) { + .wiki-smash & { background: url( https://liquipedia.net/commons/images/7/73/Smash_banner.jpg ) no-repeat center / cover; } - } - .wiki-smite & { - @media ( min-width: 768px ) { + .wiki-smite & { background: url( https://liquipedia.net/commons/images/1/12/Smite-banner.png ) no-repeat center / cover; } - } - .wiki-stormgate & { - @media ( min-width: 768px ) { + .wiki-stormgate & { background: url( https://liquipedia.net/commons/images/6/6b/Stormgate-banner.png ) no-repeat center / cover; } - } - .wiki-splatoon & { - @media ( min-width: 768px ) { + .wiki-splatoon & { background: url( https://liquipedia.net/commons/images/0/03/Splatoon-banner.png ) no-repeat center / cover; } - } - .wiki-splitgate & { - @media ( min-width: 768px ) { + .wiki-splitgate & { background: url( https://liquipedia.net/commons/images/d/d8/Splitgate-banner.png ) no-repeat center / cover; } - } - .wiki-sideswipe & { - @media ( min-width: 768px ) { + .wiki-sideswipe & { background: url( https://liquipedia.net/commons/images/3/37/Sideswipe-banner.png ) no-repeat center / cover; } - } - .wiki-simracing & { - @media ( min-width: 768px ) { + .wiki-simracing & { background: url( https://liquipedia.net/commons/images/f/f6/Simracing-banner.png ) no-repeat center / cover; } - } - .wiki-squadrons & { - @media ( min-width: 768px ) { + .wiki-squadrons & { background: url( https://liquipedia.net/commons/images/6/6e/Squadrons-banner.png ) no-repeat center / cover; } - } - .wiki-teamfortress & { - @media ( min-width: 768px ) { + .wiki-teamfortress & { background: url( https://liquipedia.net/commons/images/d/d0/Teamfortress-banner.png ) no-repeat center / cover; } - } - .wiki-tetris & { - @media ( min-width: 768px ) { + .wiki-tetris & { background: url( https://liquipedia.net/commons/images/a/af/Tetris-banner.jpg ) no-repeat center / cover; } - } - .wiki-tarkovarena & { - @media ( min-width: 768px ) { + .wiki-tarkovarena & { background: url( https://liquipedia.net/commons/images/e/e7/Tarkovarena-banner.png ) no-repeat center / cover; } - } - .wiki-thefinals & { - @media ( min-width: 768px ) { + .wiki-thefinals & { background: url( https://liquipedia.net/commons/images/b/b8/Thefinals-banner.png ) no-repeat center / cover; } - } - .wiki-trackmania & { - @media ( min-width: 768px ) { + .wiki-trackmania & { background: url( https://liquipedia.net/commons/images/4/43/Trackmania-banner.jpg ) no-repeat center / cover; } - } - .wiki-underlords & { - @media ( min-width: 768px ) { + .wiki-underlords & { background: url( https://liquipedia.net/commons/images/4/4d/Underlords-banner.png ) no-repeat center / cover; } - } - .wiki-apexlegends & { - @media ( min-width: 768px ) { + .wiki-apexlegends & { background: url( https://liquipedia.net/commons/images/3/3d/Apex_Legends_Banner_bg.png ) no-repeat center / cover; } - } - .wiki-leagueoflegends & { - @media ( min-width: 768px ) { + .wiki-leagueoflegends & { background: url( https://liquipedia.net/commons/images/b/bb/League_of_Legends_Banner_bg.jpg ) no-repeat center / cover; } - } - .wiki-marvelrivals & { - @media ( min-width: 768px ) { + .wiki-marvelrivals & { background: url( https://liquipedia.net/commons/images/4/47/Marvelrivals-banner.png ) no-repeat center / cover; } - } - .wiki-osu & { - @media ( min-width: 768px ) { + .wiki-osu & { background: url( https://liquipedia.net/commons/images/2/2b/Osu_mainpage_banner.jpg ) no-repeat center / cover; } - } - .wiki-overwatch & { - @media ( min-width: 768px ) { + .wiki-overwatch & { background: url( https://liquipedia.net/commons/images/0/0a/Overwatch-bg.png ) no-repeat center / cover; } - } - .wiki-paladins & { - @media ( min-width: 768px ) { + .wiki-paladins & { background: url( https://liquipedia.net/commons/images/e/e0/Paladins-banner.png ) no-repeat center / cover; } - } - .wiki-pubg & { - @media ( min-width: 768px ) { + .wiki-pubg & { background: url( https://liquipedia.net/commons/images/2/2d/PUBG_Banner_bg.jpg ) no-repeat center / cover; } - } - .wiki-pubgmobile & { - @media ( min-width: 768px ) { + .wiki-pubgmobile & { background: url( https://liquipedia.net/commons/images/1/1a/PUBG_Mobile_banner_bg.jpg ) no-repeat center / cover; } - } - .wiki-halo & { - @media ( min-width: 768px ) { + .wiki-halo & { background: url( https://liquipedia.net/commons/images/f/f8/Halo_Banner_bg.png ) no-repeat center / cover; } - } - .wiki-starcraft & { - @media ( min-width: 768px ) { + .wiki-starcraft & { background: url( https://liquipedia.net/commons/images/d/d4/Starcraft-banner.png ) no-repeat center / cover; } - } - .wiki-starcraft2 & { - @media ( min-width: 768px ) { + .wiki-starcraft2 & { background: url( https://liquipedia.net/commons/images/6/6c/Starcraft2-bg.png ) no-repeat center / cover; } - } - .wiki-tft & { - @media ( min-width: 768px ) { + .wiki-tft & { background: url( https://liquipedia.net/commons/images/f/f6/Tft-bg.png ) no-repeat center / cover; } - } - .wiki-valorant & { - @media ( min-width: 768px ) { + .wiki-valorant & { background: url( https://liquipedia.net/commons/images/a/a6/Valorant-bg-2.png ) no-repeat center / cover; } - } - .wiki-warthunder & { - @media ( min-width: 768px ) { + .wiki-warthunder & { background: url( https://liquipedia.net/commons/images/6/6a/Warthunder-banner.png ) no-repeat center / cover; } - } - .wiki-warcraft & { - @media ( min-width: 768px ) { + .wiki-warcraft & { background: url( https://liquipedia.net/commons/images/f/f0/Warcraft-banner.png ) no-repeat center / cover; } - } - .wiki-worldofwarcraft & { - @media ( min-width: 768px ) { + .wiki-worldofwarcraft & { background: url( https://liquipedia.net/commons/images/2/2f/Worldofwarcraft-banner.png ) no-repeat center / cover; } - } - .wiki-mobilelegends & { - @media ( min-width: 768px ) { + .wiki-mobilelegends & { background: url( https://liquipedia.net/commons/images/0/07/MLBB_Wiki_banner.png ) no-repeat center / cover; } - } - .wiki-wildcard & { - @media ( min-width: 768px ) { + .wiki-wildcard & { background: url( https://liquipedia.net/commons/images/c/c0/Wildcard-bg.webp ) no-repeat center / cover; } - } - .wiki-wildrift & { - @media ( min-width: 768px ) { + .wiki-wildrift & { background: url( https://liquipedia.net/commons/images/f/f3/Wild_Rift_wiki_banner.webp ) no-repeat center / cover; } - } - .wiki-worldoftanks & { - @media ( min-width: 768px ) { + .wiki-worldoftanks & { background: url( https://liquipedia.net/commons/images/f/f3/Worldoftanks_banner.png ) no-repeat center / cover; } - } - .wiki-zula & { - @media ( min-width: 768px ) { + .wiki-zula & { background: url( https://liquipedia.net/commons/images/2/2f/Zula-banner.png ) no-repeat center / cover; } - } - .wiki-formula1 & { - @media ( min-width: 768px ) { + .wiki-formula1 & { background: url( https://liquipedia.net/commons/images/9/99/Formula1_banner.png ) no-repeat center / cover; } } @@ -450,10 +306,8 @@ justify-content: space-between; padding: 0 2.5rem; overflow: hidden; - } - &::before { - @media ( min-width: 768px ) { + &::before { content: ""; background-color: #000000; opacity: 0.5; From b9aa6e7b1ba4139f2e64b49325b0ebb8b63a2f8f Mon Sep 17 00:00:00 2001 From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com> Date: Fri, 2 Jan 2026 12:52:58 +0900 Subject: [PATCH 4/7] use mixin for further cleaning --- stylesheets/commons/Banner.scss | 150 ++++++++++++++++---------------- 1 file changed, 77 insertions(+), 73 deletions(-) diff --git a/stylesheets/commons/Banner.scss b/stylesheets/commons/Banner.scss index d740cae0c0d..1e7ff2a38d9 100644 --- a/stylesheets/commons/Banner.scss +++ b/stylesheets/commons/Banner.scss @@ -1,3 +1,7 @@ +@mixin create-banner-rule($banner-url) { + background: url( "https://liquipedia.net/commons/images/#{$banner-url}" ) no-repeat center / cover; +} + .header-banner { display: flex; flex-direction: column; @@ -7,295 +11,295 @@ @media ( min-width: 768px ) { .wiki-ageofempires & { - background: url( https://liquipedia.net/commons/images/b/bc/Age_of_Empires_4_Order_of_the_Dragon_banner.png ) no-repeat center / cover; + @include create-banner-rule( "b/bc/Age_of_Empires_4_Order_of_the_Dragon_banner.png" ); } .wiki-arenafps & { - background: url( https://liquipedia.net/commons/images/b/ba/Arenafps-banner.png ) no-repeat center / cover; + @include create-banner-rule( "b/ba/Arenafps-banner.png" ); } .wiki-artifact & { - background: url( https://liquipedia.net/commons/images/a/a1/Artifact-banner.png ) no-repeat center / cover; + @include create-banner-rule( "a/a1/Artifact-banner.png" ); } .wiki-autochess & { - background: url( https://liquipedia.net/commons/images/b/bf/Autochess-banner.png ) no-repeat center / cover; + @include create-banner-rule( "b/bf/Autochess-banner.png" ); } .wiki-battlerite & { - background: url( https://liquipedia.net/commons/images/1/1f/Battlerite-banner.png ) no-repeat center / cover; + @include create-banner-rule( "1/1f/Battlerite-banner.png" ); } .wiki-battalion & { - background: url( https://liquipedia.net/commons/images/e/ee/Battalion-banner.png ) no-repeat center / cover; + @include create-banner-rule( "e/ee/Battalion-banner.png" ); } .wiki-brawlstars & { - background: url( https://liquipedia.net/commons/images/a/a8/Brawlstars-banner.png ) no-repeat center / cover; + @include create-banner-rule( "a/a8/Brawlstars-banner.png" ); } .wiki-brawlhalla & { - background: url( https://liquipedia.net/commons/images/3/36/Brawlhalla-banner.png ) no-repeat center / cover; + @include create-banner-rule( "3/36/Brawlhalla-banner.png" ); } .wiki-chess & { - background: url( https://liquipedia.net/commons/images/e/ed/Chess_Banner_bg.jpg ) no-repeat center / cover; + @include create-banner-rule( "e/ed/Chess_Banner_bg.jpg" ); } .wiki-callofduty & { - background: url( https://liquipedia.net/commons/images/b/bc/COD_Wiki_Banner.png ) no-repeat center / cover; + @include create-banner-rule( "b/bc/COD_Wiki_Banner.png" ); } .wiki-clashofclans & { - background: url( https://liquipedia.net/commons/images/4/4c/Clash_of_Clans_wiki_banner.webp ) no-repeat center / cover; + @include create-banner-rule( "4/4c/Clash_of_Clans_wiki_banner.webp" ); } .wiki-clashroyale & { - background: url( https://liquipedia.net/commons/images/2/21/Clash_Royale_wiki_banner.webp ) no-repeat center / cover; + @include create-banner-rule( "2/21/Clash_Royale_wiki_banner.webp" ); } .wiki-crossfire & { - background: url( https://liquipedia.net/commons/images/2/2b/Crossfire-banner.png ) no-repeat center / cover; + @include create-banner-rule( "2/2b/Crossfire-banner.png" ); } .wiki-criticalops & { - background: url( https://liquipedia.net/commons/images/0/08/Criticalops-banner.png ) no-repeat center / cover; + @include create-banner-rule( "0/08/Criticalops-banner.png" ); } .wiki-deadlock & { - background: url( https://liquipedia.net/commons/images/8/8f/Deadlock_mainpage_banner.png ) no-repeat center / cover; + @include create-banner-rule( "8/8f/Deadlock_mainpage_banner.png" ); } .wiki-dota2 & { - background: url( https://liquipedia.net/commons/images/1/19/Bgdota2.jpg ) no-repeat center / cover; + @include create-banner-rule( "1/19/Bgdota2.jpg" ); } .wiki-counterstrike & { - background: url( https://liquipedia.net/commons/images/d/d1/Counter-strike-bg.png ) no-repeat center / cover; + @include create-banner-rule( "d/d1/Counter-strike-bg.png" ); } .wiki-easportsfc & { - background: url( https://liquipedia.net/commons/images/3/3e/Easportsfc-banner.png ) no-repeat center / cover; + @include create-banner-rule( "3/3e/Easportsfc-banner.png" ); } .wiki-esports & { - background: url( https://liquipedia.net/commons/images/4/46/Esports-banner.png ) no-repeat center / cover; + @include create-banner-rule( "4/46/Esports-banner.png" ); } .wiki-freefire & { - background: url( https://liquipedia.net/commons/images/5/51/Freefire-banner.png ) no-repeat center / cover; + @include create-banner-rule( "5/51/Freefire-banner.png" ); } .wiki-fighters & { - background: url( https://liquipedia.net/commons/images/e/ec/Fighters-banner.png ) no-repeat center / cover; + @include create-banner-rule( "e/ec/Fighters-banner.png" ); } .wiki-fortnite & { - background: url( https://liquipedia.net/commons/images/1/1a/Fortnite-banner.png ) no-repeat center / cover; + @include create-banner-rule( "1/1a/Fortnite-banner.png" ); } .wiki-geoguessr & { - background: url( https://liquipedia.net/commons/images/7/74/GeoGuessr_Banner.jpg ) no-repeat center / cover; + @include create-banner-rule( "7/74/GeoGuessr_Banner.jpg" ); } .wiki-goals & { - background: url( https://liquipedia.net/commons/images/a/ae/Goals-banner.png ) no-repeat center / cover; + @include create-banner-rule( "a/ae/Goals-banner.png" ); } .wiki-hearthstone & { - background: url( https://liquipedia.net/commons/images/4/4d/Hearthstone_banner_bg.png ) no-repeat center / cover; + @include create-banner-rule( "4/4d/Hearthstone_banner_bg.png" ); } .wiki-honorofkings & { - background: url( https://liquipedia.net/commons/images/f/fb/Hok-banner.png ) no-repeat center / cover; + @include create-banner-rule( "f/fb/Hok-banner.png" ); } .wiki-heroes & { - background: url( https://liquipedia.net/commons/images/5/5f/Heroesofthestorm-banner.png ) no-repeat center / cover; + @include create-banner-rule( "5/5f/Heroesofthestorm-banner.png" ); } .wiki-identityv & { - background: url( https://liquipedia.net/commons/images/8/8e/Identityv-bg.webp ) no-repeat center / cover; + @include create-banner-rule( "8/8e/Identityv-bg.webp" ); } .wiki-magic & { - background: url( https://liquipedia.net/commons/images/a/a2/Magic-banner.png ) no-repeat center / cover; + @include create-banner-rule( "a/a2/Magic-banner.png" ); } .wiki-naraka & { - background: url( https://liquipedia.net/commons/images/8/8a/Naraka-banner.png ) no-repeat center / cover; + @include create-banner-rule( "8/8a/Naraka-banner.png" ); } .wiki-illuvium & { - background: url( https://liquipedia.net/commons/images/0/0b/Illuvium-banner.png ) no-repeat center / cover; + @include create-banner-rule( "0/0b/Illuvium-banner.png" ); } .wiki-omegastrikers & { - background: url( https://liquipedia.net/commons/images/8/80/Omegastrikers-banner.png ) no-repeat center / cover; + @include create-banner-rule( "8/80/Omegastrikers-banner.png" ); } .wiki-pokemon & { - background: url( https://liquipedia.net/commons/images/d/d6/Pokemon_wiki_banner.webp ) no-repeat center / cover; + @include create-banner-rule( "d/d6/Pokemon_wiki_banner.webp" ); } .wiki-rainbowsix & { - background: url( https://liquipedia.net/commons/images/c/c0/R6_bg.png ) no-repeat center / cover; + @include create-banner-rule( "c/c0/R6_bg.png" ); } .wiki-rematch & { - background: url( https://liquipedia.net/commons/images/c/c1/Rematch_wiki_banner.webp ) no-repeat center / cover; + @include create-banner-rule( "c/c1/Rematch_wiki_banner.webp" ); } .wiki-rocketleague & { - background: url( https://liquipedia.net/commons/images/5/56/Header-rl.png ) no-repeat center / cover; + @include create-banner-rule( "5/56/Header-rl.png" ); } .wiki-runeterra & { - background: url( https://liquipedia.net/commons/images/4/4f/Runeterra-banner.png ) no-repeat center / cover; + @include create-banner-rule( "4/4f/Runeterra-banner.png" ); } .wiki-smash & { - background: url( https://liquipedia.net/commons/images/7/73/Smash_banner.jpg ) no-repeat center / cover; + @include create-banner-rule( "7/73/Smash_banner.jpg" ); } .wiki-smite & { - background: url( https://liquipedia.net/commons/images/1/12/Smite-banner.png ) no-repeat center / cover; + @include create-banner-rule( "1/12/Smite-banner.png" ); } .wiki-stormgate & { - background: url( https://liquipedia.net/commons/images/6/6b/Stormgate-banner.png ) no-repeat center / cover; + @include create-banner-rule( "6/6b/Stormgate-banner.png" ); } .wiki-splatoon & { - background: url( https://liquipedia.net/commons/images/0/03/Splatoon-banner.png ) no-repeat center / cover; + @include create-banner-rule( "0/03/Splatoon-banner.png" ); } .wiki-splitgate & { - background: url( https://liquipedia.net/commons/images/d/d8/Splitgate-banner.png ) no-repeat center / cover; + @include create-banner-rule( "d/d8/Splitgate-banner.png" ); } .wiki-sideswipe & { - background: url( https://liquipedia.net/commons/images/3/37/Sideswipe-banner.png ) no-repeat center / cover; + @include create-banner-rule( "3/37/Sideswipe-banner.png" ); } .wiki-simracing & { - background: url( https://liquipedia.net/commons/images/f/f6/Simracing-banner.png ) no-repeat center / cover; + @include create-banner-rule( "f/f6/Simracing-banner.png" ); } .wiki-squadrons & { - background: url( https://liquipedia.net/commons/images/6/6e/Squadrons-banner.png ) no-repeat center / cover; + @include create-banner-rule( "6/6e/Squadrons-banner.png" ); } .wiki-teamfortress & { - background: url( https://liquipedia.net/commons/images/d/d0/Teamfortress-banner.png ) no-repeat center / cover; + @include create-banner-rule( "d/d0/Teamfortress-banner.png" ); } .wiki-tetris & { - background: url( https://liquipedia.net/commons/images/a/af/Tetris-banner.jpg ) no-repeat center / cover; + @include create-banner-rule( "a/af/Tetris-banner.jpg" ); } .wiki-tarkovarena & { - background: url( https://liquipedia.net/commons/images/e/e7/Tarkovarena-banner.png ) no-repeat center / cover; + @include create-banner-rule( "e/e7/Tarkovarena-banner.png" ); } .wiki-thefinals & { - background: url( https://liquipedia.net/commons/images/b/b8/Thefinals-banner.png ) no-repeat center / cover; + @include create-banner-rule( "b/b8/Thefinals-banner.png" ); } .wiki-trackmania & { - background: url( https://liquipedia.net/commons/images/4/43/Trackmania-banner.jpg ) no-repeat center / cover; + @include create-banner-rule( "4/43/Trackmania-banner.jpg" ); } .wiki-underlords & { - background: url( https://liquipedia.net/commons/images/4/4d/Underlords-banner.png ) no-repeat center / cover; + @include create-banner-rule( "4/4d/Underlords-banner.png" ); } .wiki-apexlegends & { - background: url( https://liquipedia.net/commons/images/3/3d/Apex_Legends_Banner_bg.png ) no-repeat center / cover; + @include create-banner-rule( "3/3d/Apex_Legends_Banner_bg.png" ); } .wiki-leagueoflegends & { - background: url( https://liquipedia.net/commons/images/b/bb/League_of_Legends_Banner_bg.jpg ) no-repeat center / cover; + @include create-banner-rule( "b/bb/League_of_Legends_Banner_bg.jpg" ); } .wiki-marvelrivals & { - background: url( https://liquipedia.net/commons/images/4/47/Marvelrivals-banner.png ) no-repeat center / cover; + @include create-banner-rule( "4/47/Marvelrivals-banner.png" ); } .wiki-osu & { - background: url( https://liquipedia.net/commons/images/2/2b/Osu_mainpage_banner.jpg ) no-repeat center / cover; + @include create-banner-rule( "2/2b/Osu_mainpage_banner.jpg" ); } .wiki-overwatch & { - background: url( https://liquipedia.net/commons/images/0/0a/Overwatch-bg.png ) no-repeat center / cover; + @include create-banner-rule( "0/0a/Overwatch-bg.png" ); } .wiki-paladins & { - background: url( https://liquipedia.net/commons/images/e/e0/Paladins-banner.png ) no-repeat center / cover; + @include create-banner-rule( "e/e0/Paladins-banner.png" ); } .wiki-pubg & { - background: url( https://liquipedia.net/commons/images/2/2d/PUBG_Banner_bg.jpg ) no-repeat center / cover; + @include create-banner-rule( "2/2d/PUBG_Banner_bg.jpg" ); } .wiki-pubgmobile & { - background: url( https://liquipedia.net/commons/images/1/1a/PUBG_Mobile_banner_bg.jpg ) no-repeat center / cover; + @include create-banner-rule( "1/1a/PUBG_Mobile_banner_bg.jpg" ); } .wiki-halo & { - background: url( https://liquipedia.net/commons/images/f/f8/Halo_Banner_bg.png ) no-repeat center / cover; + @include create-banner-rule( "f/f8/Halo_Banner_bg.png" ); } .wiki-starcraft & { - background: url( https://liquipedia.net/commons/images/d/d4/Starcraft-banner.png ) no-repeat center / cover; + @include create-banner-rule( "d/d4/Starcraft-banner.png" ); } .wiki-starcraft2 & { - background: url( https://liquipedia.net/commons/images/6/6c/Starcraft2-bg.png ) no-repeat center / cover; + @include create-banner-rule( "6/6c/Starcraft2-bg.png" ); } .wiki-tft & { - background: url( https://liquipedia.net/commons/images/f/f6/Tft-bg.png ) no-repeat center / cover; + @include create-banner-rule( "f/f6/Tft-bg.png" ); } .wiki-valorant & { - background: url( https://liquipedia.net/commons/images/a/a6/Valorant-bg-2.png ) no-repeat center / cover; + @include create-banner-rule( "a/a6/Valorant-bg-2.png" ); } .wiki-warthunder & { - background: url( https://liquipedia.net/commons/images/6/6a/Warthunder-banner.png ) no-repeat center / cover; + @include create-banner-rule( "6/6a/Warthunder-banner.png" ); } .wiki-warcraft & { - background: url( https://liquipedia.net/commons/images/f/f0/Warcraft-banner.png ) no-repeat center / cover; + @include create-banner-rule( "f/f0/Warcraft-banner.png" ); } .wiki-worldofwarcraft & { - background: url( https://liquipedia.net/commons/images/2/2f/Worldofwarcraft-banner.png ) no-repeat center / cover; + @include create-banner-rule( "2/2f/Worldofwarcraft-banner.png" ); } .wiki-mobilelegends & { - background: url( https://liquipedia.net/commons/images/0/07/MLBB_Wiki_banner.png ) no-repeat center / cover; + @include create-banner-rule( "0/07/MLBB_Wiki_banner.png" ); } .wiki-wildcard & { - background: url( https://liquipedia.net/commons/images/c/c0/Wildcard-bg.webp ) no-repeat center / cover; + @include create-banner-rule( "c/c0/Wildcard-bg.webp" ); } .wiki-wildrift & { - background: url( https://liquipedia.net/commons/images/f/f3/Wild_Rift_wiki_banner.webp ) no-repeat center / cover; + @include create-banner-rule( "f/f3/Wild_Rift_wiki_banner.webp" ); } .wiki-worldoftanks & { - background: url( https://liquipedia.net/commons/images/f/f3/Worldoftanks_banner.png ) no-repeat center / cover; + @include create-banner-rule( "f/f3/Worldoftanks_banner.png" ); } .wiki-zula & { - background: url( https://liquipedia.net/commons/images/2/2f/Zula-banner.png ) no-repeat center / cover; + @include create-banner-rule( "2/2f/Zula-banner.png" ); } .wiki-formula1 & { - background: url( https://liquipedia.net/commons/images/9/99/Formula1_banner.png ) no-repeat center / cover; + @include create-banner-rule( "9/99/Formula1_banner.png" ); } } From 67bcdbf30c5b005ad72add11b8386d8519824453 Mon Sep 17 00:00:00 2001 From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com> Date: Fri, 2 Jan 2026 13:03:02 +0900 Subject: [PATCH 5/7] remove unnecessary double quotes --- stylesheets/commons/Banner.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/stylesheets/commons/Banner.scss b/stylesheets/commons/Banner.scss index 1e7ff2a38d9..1669da2ee3e 100644 --- a/stylesheets/commons/Banner.scss +++ b/stylesheets/commons/Banner.scss @@ -1,5 +1,5 @@ @mixin create-banner-rule($banner-url) { - background: url( "https://liquipedia.net/commons/images/#{$banner-url}" ) no-repeat center / cover; + background: url( https://liquipedia.net/commons/images/#{$banner-url} ) no-repeat center / cover; } .header-banner { From 6b23c093080ad0bd7fb638f7a3c485b820edb0a8 Mon Sep 17 00:00:00 2001 From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com> Date: Fri, 2 Jan 2026 13:04:14 +0900 Subject: [PATCH 6/7] rename mixin --- stylesheets/commons/Banner.scss | 148 ++++++++++++++++---------------- 1 file changed, 74 insertions(+), 74 deletions(-) diff --git a/stylesheets/commons/Banner.scss b/stylesheets/commons/Banner.scss index 1669da2ee3e..75289cb8c9f 100644 --- a/stylesheets/commons/Banner.scss +++ b/stylesheets/commons/Banner.scss @@ -1,4 +1,4 @@ -@mixin create-banner-rule($banner-url) { +@mixin banner-background($banner-url) { background: url( https://liquipedia.net/commons/images/#{$banner-url} ) no-repeat center / cover; } @@ -11,295 +11,295 @@ @media ( min-width: 768px ) { .wiki-ageofempires & { - @include create-banner-rule( "b/bc/Age_of_Empires_4_Order_of_the_Dragon_banner.png" ); + @include banner-background( "b/bc/Age_of_Empires_4_Order_of_the_Dragon_banner.png" ); } .wiki-arenafps & { - @include create-banner-rule( "b/ba/Arenafps-banner.png" ); + @include banner-background( "b/ba/Arenafps-banner.png" ); } .wiki-artifact & { - @include create-banner-rule( "a/a1/Artifact-banner.png" ); + @include banner-background( "a/a1/Artifact-banner.png" ); } .wiki-autochess & { - @include create-banner-rule( "b/bf/Autochess-banner.png" ); + @include banner-background( "b/bf/Autochess-banner.png" ); } .wiki-battlerite & { - @include create-banner-rule( "1/1f/Battlerite-banner.png" ); + @include banner-background( "1/1f/Battlerite-banner.png" ); } .wiki-battalion & { - @include create-banner-rule( "e/ee/Battalion-banner.png" ); + @include banner-background( "e/ee/Battalion-banner.png" ); } .wiki-brawlstars & { - @include create-banner-rule( "a/a8/Brawlstars-banner.png" ); + @include banner-background( "a/a8/Brawlstars-banner.png" ); } .wiki-brawlhalla & { - @include create-banner-rule( "3/36/Brawlhalla-banner.png" ); + @include banner-background( "3/36/Brawlhalla-banner.png" ); } .wiki-chess & { - @include create-banner-rule( "e/ed/Chess_Banner_bg.jpg" ); + @include banner-background( "e/ed/Chess_Banner_bg.jpg" ); } .wiki-callofduty & { - @include create-banner-rule( "b/bc/COD_Wiki_Banner.png" ); + @include banner-background( "b/bc/COD_Wiki_Banner.png" ); } .wiki-clashofclans & { - @include create-banner-rule( "4/4c/Clash_of_Clans_wiki_banner.webp" ); + @include banner-background( "4/4c/Clash_of_Clans_wiki_banner.webp" ); } .wiki-clashroyale & { - @include create-banner-rule( "2/21/Clash_Royale_wiki_banner.webp" ); + @include banner-background( "2/21/Clash_Royale_wiki_banner.webp" ); } .wiki-crossfire & { - @include create-banner-rule( "2/2b/Crossfire-banner.png" ); + @include banner-background( "2/2b/Crossfire-banner.png" ); } .wiki-criticalops & { - @include create-banner-rule( "0/08/Criticalops-banner.png" ); + @include banner-background( "0/08/Criticalops-banner.png" ); } .wiki-deadlock & { - @include create-banner-rule( "8/8f/Deadlock_mainpage_banner.png" ); + @include banner-background( "8/8f/Deadlock_mainpage_banner.png" ); } .wiki-dota2 & { - @include create-banner-rule( "1/19/Bgdota2.jpg" ); + @include banner-background( "1/19/Bgdota2.jpg" ); } .wiki-counterstrike & { - @include create-banner-rule( "d/d1/Counter-strike-bg.png" ); + @include banner-background( "d/d1/Counter-strike-bg.png" ); } .wiki-easportsfc & { - @include create-banner-rule( "3/3e/Easportsfc-banner.png" ); + @include banner-background( "3/3e/Easportsfc-banner.png" ); } .wiki-esports & { - @include create-banner-rule( "4/46/Esports-banner.png" ); + @include banner-background( "4/46/Esports-banner.png" ); } .wiki-freefire & { - @include create-banner-rule( "5/51/Freefire-banner.png" ); + @include banner-background( "5/51/Freefire-banner.png" ); } .wiki-fighters & { - @include create-banner-rule( "e/ec/Fighters-banner.png" ); + @include banner-background( "e/ec/Fighters-banner.png" ); } .wiki-fortnite & { - @include create-banner-rule( "1/1a/Fortnite-banner.png" ); + @include banner-background( "1/1a/Fortnite-banner.png" ); } .wiki-geoguessr & { - @include create-banner-rule( "7/74/GeoGuessr_Banner.jpg" ); + @include banner-background( "7/74/GeoGuessr_Banner.jpg" ); } .wiki-goals & { - @include create-banner-rule( "a/ae/Goals-banner.png" ); + @include banner-background( "a/ae/Goals-banner.png" ); } .wiki-hearthstone & { - @include create-banner-rule( "4/4d/Hearthstone_banner_bg.png" ); + @include banner-background( "4/4d/Hearthstone_banner_bg.png" ); } .wiki-honorofkings & { - @include create-banner-rule( "f/fb/Hok-banner.png" ); + @include banner-background( "f/fb/Hok-banner.png" ); } .wiki-heroes & { - @include create-banner-rule( "5/5f/Heroesofthestorm-banner.png" ); + @include banner-background( "5/5f/Heroesofthestorm-banner.png" ); } .wiki-identityv & { - @include create-banner-rule( "8/8e/Identityv-bg.webp" ); + @include banner-background( "8/8e/Identityv-bg.webp" ); } .wiki-magic & { - @include create-banner-rule( "a/a2/Magic-banner.png" ); + @include banner-background( "a/a2/Magic-banner.png" ); } .wiki-naraka & { - @include create-banner-rule( "8/8a/Naraka-banner.png" ); + @include banner-background( "8/8a/Naraka-banner.png" ); } .wiki-illuvium & { - @include create-banner-rule( "0/0b/Illuvium-banner.png" ); + @include banner-background( "0/0b/Illuvium-banner.png" ); } .wiki-omegastrikers & { - @include create-banner-rule( "8/80/Omegastrikers-banner.png" ); + @include banner-background( "8/80/Omegastrikers-banner.png" ); } .wiki-pokemon & { - @include create-banner-rule( "d/d6/Pokemon_wiki_banner.webp" ); + @include banner-background( "d/d6/Pokemon_wiki_banner.webp" ); } .wiki-rainbowsix & { - @include create-banner-rule( "c/c0/R6_bg.png" ); + @include banner-background( "c/c0/R6_bg.png" ); } .wiki-rematch & { - @include create-banner-rule( "c/c1/Rematch_wiki_banner.webp" ); + @include banner-background( "c/c1/Rematch_wiki_banner.webp" ); } .wiki-rocketleague & { - @include create-banner-rule( "5/56/Header-rl.png" ); + @include banner-background( "5/56/Header-rl.png" ); } .wiki-runeterra & { - @include create-banner-rule( "4/4f/Runeterra-banner.png" ); + @include banner-background( "4/4f/Runeterra-banner.png" ); } .wiki-smash & { - @include create-banner-rule( "7/73/Smash_banner.jpg" ); + @include banner-background( "7/73/Smash_banner.jpg" ); } .wiki-smite & { - @include create-banner-rule( "1/12/Smite-banner.png" ); + @include banner-background( "1/12/Smite-banner.png" ); } .wiki-stormgate & { - @include create-banner-rule( "6/6b/Stormgate-banner.png" ); + @include banner-background( "6/6b/Stormgate-banner.png" ); } .wiki-splatoon & { - @include create-banner-rule( "0/03/Splatoon-banner.png" ); + @include banner-background( "0/03/Splatoon-banner.png" ); } .wiki-splitgate & { - @include create-banner-rule( "d/d8/Splitgate-banner.png" ); + @include banner-background( "d/d8/Splitgate-banner.png" ); } .wiki-sideswipe & { - @include create-banner-rule( "3/37/Sideswipe-banner.png" ); + @include banner-background( "3/37/Sideswipe-banner.png" ); } .wiki-simracing & { - @include create-banner-rule( "f/f6/Simracing-banner.png" ); + @include banner-background( "f/f6/Simracing-banner.png" ); } .wiki-squadrons & { - @include create-banner-rule( "6/6e/Squadrons-banner.png" ); + @include banner-background( "6/6e/Squadrons-banner.png" ); } .wiki-teamfortress & { - @include create-banner-rule( "d/d0/Teamfortress-banner.png" ); + @include banner-background( "d/d0/Teamfortress-banner.png" ); } .wiki-tetris & { - @include create-banner-rule( "a/af/Tetris-banner.jpg" ); + @include banner-background( "a/af/Tetris-banner.jpg" ); } .wiki-tarkovarena & { - @include create-banner-rule( "e/e7/Tarkovarena-banner.png" ); + @include banner-background( "e/e7/Tarkovarena-banner.png" ); } .wiki-thefinals & { - @include create-banner-rule( "b/b8/Thefinals-banner.png" ); + @include banner-background( "b/b8/Thefinals-banner.png" ); } .wiki-trackmania & { - @include create-banner-rule( "4/43/Trackmania-banner.jpg" ); + @include banner-background( "4/43/Trackmania-banner.jpg" ); } .wiki-underlords & { - @include create-banner-rule( "4/4d/Underlords-banner.png" ); + @include banner-background( "4/4d/Underlords-banner.png" ); } .wiki-apexlegends & { - @include create-banner-rule( "3/3d/Apex_Legends_Banner_bg.png" ); + @include banner-background( "3/3d/Apex_Legends_Banner_bg.png" ); } .wiki-leagueoflegends & { - @include create-banner-rule( "b/bb/League_of_Legends_Banner_bg.jpg" ); + @include banner-background( "b/bb/League_of_Legends_Banner_bg.jpg" ); } .wiki-marvelrivals & { - @include create-banner-rule( "4/47/Marvelrivals-banner.png" ); + @include banner-background( "4/47/Marvelrivals-banner.png" ); } .wiki-osu & { - @include create-banner-rule( "2/2b/Osu_mainpage_banner.jpg" ); + @include banner-background( "2/2b/Osu_mainpage_banner.jpg" ); } .wiki-overwatch & { - @include create-banner-rule( "0/0a/Overwatch-bg.png" ); + @include banner-background( "0/0a/Overwatch-bg.png" ); } .wiki-paladins & { - @include create-banner-rule( "e/e0/Paladins-banner.png" ); + @include banner-background( "e/e0/Paladins-banner.png" ); } .wiki-pubg & { - @include create-banner-rule( "2/2d/PUBG_Banner_bg.jpg" ); + @include banner-background( "2/2d/PUBG_Banner_bg.jpg" ); } .wiki-pubgmobile & { - @include create-banner-rule( "1/1a/PUBG_Mobile_banner_bg.jpg" ); + @include banner-background( "1/1a/PUBG_Mobile_banner_bg.jpg" ); } .wiki-halo & { - @include create-banner-rule( "f/f8/Halo_Banner_bg.png" ); + @include banner-background( "f/f8/Halo_Banner_bg.png" ); } .wiki-starcraft & { - @include create-banner-rule( "d/d4/Starcraft-banner.png" ); + @include banner-background( "d/d4/Starcraft-banner.png" ); } .wiki-starcraft2 & { - @include create-banner-rule( "6/6c/Starcraft2-bg.png" ); + @include banner-background( "6/6c/Starcraft2-bg.png" ); } .wiki-tft & { - @include create-banner-rule( "f/f6/Tft-bg.png" ); + @include banner-background( "f/f6/Tft-bg.png" ); } .wiki-valorant & { - @include create-banner-rule( "a/a6/Valorant-bg-2.png" ); + @include banner-background( "a/a6/Valorant-bg-2.png" ); } .wiki-warthunder & { - @include create-banner-rule( "6/6a/Warthunder-banner.png" ); + @include banner-background( "6/6a/Warthunder-banner.png" ); } .wiki-warcraft & { - @include create-banner-rule( "f/f0/Warcraft-banner.png" ); + @include banner-background( "f/f0/Warcraft-banner.png" ); } .wiki-worldofwarcraft & { - @include create-banner-rule( "2/2f/Worldofwarcraft-banner.png" ); + @include banner-background( "2/2f/Worldofwarcraft-banner.png" ); } .wiki-mobilelegends & { - @include create-banner-rule( "0/07/MLBB_Wiki_banner.png" ); + @include banner-background( "0/07/MLBB_Wiki_banner.png" ); } .wiki-wildcard & { - @include create-banner-rule( "c/c0/Wildcard-bg.webp" ); + @include banner-background( "c/c0/Wildcard-bg.webp" ); } .wiki-wildrift & { - @include create-banner-rule( "f/f3/Wild_Rift_wiki_banner.webp" ); + @include banner-background( "f/f3/Wild_Rift_wiki_banner.webp" ); } .wiki-worldoftanks & { - @include create-banner-rule( "f/f3/Worldoftanks_banner.png" ); + @include banner-background( "f/f3/Worldoftanks_banner.png" ); } .wiki-zula & { - @include create-banner-rule( "2/2f/Zula-banner.png" ); + @include banner-background( "2/2f/Zula-banner.png" ); } .wiki-formula1 & { - @include create-banner-rule( "9/99/Formula1_banner.png" ); + @include banner-background( "9/99/Formula1_banner.png" ); } } From 483a63d129a738c44b336832a3e86dfe066192f7 Mon Sep 17 00:00:00 2001 From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com> Date: Wed, 7 Jan 2026 23:57:14 +0900 Subject: [PATCH 7/7] adjust gap --- stylesheets/commons/Mainpage.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/stylesheets/commons/Mainpage.scss b/stylesheets/commons/Mainpage.scss index 445b614e404..e3bad969567 100644 --- a/stylesheets/commons/Mainpage.scss +++ b/stylesheets/commons/Mainpage.scss @@ -5,7 +5,7 @@ Author(s): FO-nTTaX, salle .mainpage-v2 { display: flex; flex-flow: column nowrap; - gap: 0.5rem; + gap: 1.5rem; } body.page-Main_Page.action-view h1.firstHeading,