MinervaNeue/resources/skins.minerva.base.styles/footer.less
jdlrobson 70e4e9e85a Cleanup: Last modified active color should be loaded via JS
.active class is added via JS by skins.minerva.scripts
skins.minerva.base.styles is loaded as render blocking
Thus this css rule can be moved safely to a non-render blocking place

Change-Id: Ie8bab826ebc0785e24bb85600de261372c429434
2018-07-10 22:45:24 +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: 0.9em;
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;
}
}
}