mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-12-24 19:43:28 +00:00
6f98cc6460
Remove direct usage of CSS variables in Minerva, and replace them with codex design tokens again. Document this decision in the original ADR Note: there are still a small number of CSS variables in use, including most notably the --color-link-red fix, which broke when I removed it, but this change takes care of all the ones that could be easily replaced Bug: T363743 Change-Id: I7d3a9dceb908167078987de1733774c8bd4bea2f
63 lines
1.1 KiB
Plaintext
63 lines
1.1 KiB
Plaintext
@import 'mediawiki.skin.variables.less';
|
|
@import '../../../../minerva.less/minerva.variables.less';
|
|
|
|
@smallIconSize: 24px;
|
|
|
|
.mw-mf-cleanup {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: @font-size-minerva-smallest;
|
|
color: @color-subtle;
|
|
}
|
|
|
|
// overlay styles
|
|
.overlay-issues {
|
|
.cleanup {
|
|
> li {
|
|
border-bottom: @border-subtle;
|
|
|
|
.issue-notice {
|
|
padding: @smallIconSize @smallIconSize @smallIconSize 0;
|
|
|
|
.minerva-ambox-icon {
|
|
float: left;
|
|
position: relative;
|
|
left: ( @padding-content / 2 ) + @spacing-horizontal-button;
|
|
}
|
|
}
|
|
|
|
small,
|
|
.hide-when-compact {
|
|
font-size: @font-size-minerva-smallest;
|
|
}
|
|
|
|
.hide-when-compact {
|
|
display: block;
|
|
margin: 8px 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.issue-details {
|
|
// This should match the icon width for the overlay close icon
|
|
// which is derived from these two variables:
|
|
padding-left: @size-icon + ( 2 * @width-icon-gutter );
|
|
|
|
// align the first line to the top of the element
|
|
// but line-height should be normal for text that follows (T190469)
|
|
> ::first-line {
|
|
line-height: 1;
|
|
}
|
|
|
|
p {
|
|
margin: 0;
|
|
}
|
|
|
|
// assume date
|
|
small i {
|
|
color: @color-subtle;
|
|
}
|
|
}
|
|
}
|