mediawiki-skins-MinervaNeue/resources/skins.minerva.base.styles/LastModifiedBar.less
Jon Robson 952789bc17 Switch Minerva button template to use Codex and remove mw-ui-button
- Removes 'mw-ui-icon-with-label-desktop' as that is now the default behavior for icon only buttons in Minerva
- Removes icon flushing classes, use codex mixins instead

80 Visual changes relating to minor icon/button subpixel changes in the heading, edit section links, and page actions

Bug: T319260
Change-Id: I503b643d33e43196483af4b5f9dd312237322ac8
2023-08-24 15:57:01 -05:00

48 lines
1.1 KiB
Plaintext

@import '../../minerva.less/minerva.variables.less';
@import '../../minerva.less/minerva.mixins.less';
@import 'mediawiki.mixins.less';
.last-modified-bar {
display: block;
border-bottom: @border-subtle;
background-color: @background-color-light;
color: @color-subtle;
padding-top: @icon-padding-md;
padding-bottom: @icon-padding-md;
font-size: @font-size-minerva-small;
transition-property: background-color, color;
transition-duration: @transition-duration-medium;
a,
a:visited,
.last-modified-text-accent {
// Note: This can be progressively enhanced in skins.minerva.scripts to provide 'recently edited' state.
color: @color-subtle;
}
.minerva-icon {
background-color: @color-subtle;
}
}
.last-modified-bar__content {
align-items: center;
.flex-display();
}
.last-modified-bar__text {
@end-padding: @width-icon-gutter + @width-icon-gutter + @size-icon;
padding-right: @end-padding;
padding-left: @icon-padding-md;
line-height: @line-height-content;
vertical-align: middle;
flex-grow: 1;
.text-overflow( @visible: false );
}
@media ( max-width: @width-breakpoint-tablet ) {
.last-modified-bar__text {
padding-right: 1em;
}
}