jonny/Vector-Local
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Merge "Logo scales with font-size"

Browse source
This commit is contained in:
jenkins-bot 2021-10-05 19:21:04 +00:00 committed by Gerrit Code Review
parent 338a9eeb8b e12fe1dbb0
commit ba00180eed
2 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
includes/templates/Logo.mustache
View file

@ -12,7 +12,7 @@
<span class="mw-logo-container"> <span class="mw-logo-container">
{{#wordmark}} {{#wordmark}}
<img class="mw-logo-wordmark" alt="{{msg-sitetitle}}" <img class="mw-logo-wordmark" alt="{{msg-sitetitle}}"
src="{{src}}" width="{{width}}" height="{{height}}"> src="{{src}}" style="{{style}}">
{{/wordmark}} {{/wordmark}}
{{^wordmark}} {{^wordmark}}
<strong class="mw-logo-wordmark">{{msg-sitetitle}}</strong> <strong class="mw-logo-wordmark">{{msg-sitetitle}}</strong>
@ -20,7 +20,7 @@
{{#tagline}} {{#tagline}}
<img class="mw-logo-tagline" <img class="mw-logo-tagline"
alt="{{msg-sitesubtitle}}" alt="{{msg-sitesubtitle}}"
src="{{src}}" width="{{width}}" height="{{height}}"> src="{{src}}" width="{{width}}" height="{{height}}" style="{{style}}">
{{/tagline}} {{/tagline}}
</span> </span>
</a> </a>

5
resources/skins.vector.styles/components/Logo.less
View file

@ -17,6 +17,9 @@
margin-right: 10px; margin-right: 10px;
// Hide mobile icon at lower resolutions and defer to wordmark // Hide mobile icon at lower resolutions and defer to wordmark
display: none; display: none;
@size-mw-logo-icon: unit( 50 / @font-size-browser, em );
width: @size-mw-logo-icon;
height: @size-mw-logo-icon;
@media ( min-width: @width-breakpoint-tablet ) { @media ( min-width: @width-breakpoint-tablet ) {
display: block; display: block;
@ -54,12 +57,10 @@
.mw-logo-wordmark { .mw-logo-wordmark {
display: block; display: block;
margin: 0 auto; margin: 0 auto;
font-size: 1.4em;
} }
.mw-logo-tagline { .mw-logo-tagline {
// For browsers which do not support flexbox. // For browsers which do not support flexbox.
display: block; display: block;
margin: 5px auto 0; margin: 5px auto 0;
font-size: 0.7em;
} }