MinervaNeue/resources/skins.minerva.base.styles/footer.less

87 lines
1.5 KiB
Plaintext

@import 'minerva.variables';
@import 'minerva.mixins';
footer {
border-top: solid 1px @footerBorderColor;
overflow: auto;
padding-bottom: 6px;
.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;
&.active {
background-color: @lastModifiedBarActiveBackgroundColor;
color: #fff;
}
}
.last-modifier-tagline {
display: block;
width: 100%;
font-size: 0.9em;
padding: 7px 2em 7px 0;
}
.indicator {
position: absolute;
right: -1em;
// FIXME: Remove pseudo selector rule in 1 weeks time [T145479]
&:before {
.transform( rotate( -90deg ) );
}
.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;
}
}
}
// FIXME: Remove pseudo selector rule in 1 weeks time [T145479]
.rtl footer .indicator:before {
.transform( rotate( 90deg ) );
}
@media ( min-width: @deviceWidthTablet ) {
footer {
.last-modified-bar {
padding-left: 0;
padding-right: 0;
font-size: 1em;
}
}
}