mediawiki-skins-MinervaNeue/resources/skins.minerva.base.styles/footer.less
jdlrobson c63fceea6e Normalize small fonts
We use 0.9em in a variety of places, to shrink font-size from the
default font-size. However given we use 16px as a base font this results
in a font-size of 14.4px. This can also cause problems with icons resulting
in rounding errors when used with multiple icons

This changes the font-size to 14px for those areas and makes future usages
centralized by adding a specific variable.
Also amending `@font-size-browser` variable to be aligned to naming convention
and equal to Vector one.

Bug: T229399
Change-Id: I8e31bca2982c049a9be73c89aa9e8e2aa8141269
2019-08-01 16:11:29 +00:00

83 lines
1.5 KiB
Plaintext

@import '../../minerva.less/minerva.variables';
@import '../../minerva.less/minerva.mixins';
// style that applies only to minerva footer
.minerva-footer {
border-top: solid 1px @footerBorderColor;
overflow: auto;
padding-bottom: 6px;
}
// styles that apply to nested footer components
footer {
// links should be separated by same color
.hlist {
li:after {
color: @linkColor;
}
}
.last-modified-bar {
border-bottom: solid 1px @footerBorderColor;
background-color: @lastModifiedBarBgColor;
display: block;
color: @lastModifiedBarTextColor;
line-height: 1.5em;
transition: background-color 0.2s ease, color 0.2s ease;
}
.last-modifier-tagline {
display: block;
width: 100%;
font-size: @font-size-minerva-small;
padding: 7px 2em 7px 0;
}
.indicator {
position: absolute;
right: -1em;
.client-nojs & {
// Certain browsers e.g. Opera Mini do not support css transforms
// We assume that we do not run JS on these browsers so hide the chevron
display: none;
}
}
> .post-content {
overflow: auto;
margin-top: 42px;
> * {
margin-bottom: 9px;
}
> h2 {
border-bottom: solid 1px @footerBorderColor;
padding-bottom: 10px;
margin-top: 42px;
font-size: 1em;
font-weight: bold;
&:first-child {
margin-top: 0;
}
}
.hlist,
.license {
font-size: 0.875em;
}
}
}
@media ( min-width: @width-breakpoint-tablet ) {
footer {
.last-modified-bar {
padding-left: 0;
padding-right: 0;
font-size: 1em;
}
}
}