Increasing specificity of '.center' class

Bug: T193595
Change-Id: Id365952881118bc3587fe8a0c897892e61f41df1
This commit is contained in:
Jan Drewniak 2018-06-28 22:21:05 +02:00
parent 66d88028ad
commit c10c3f011e

View file

@ -27,6 +27,18 @@ body {
line-height: @contentLineHeight; line-height: @contentLineHeight;
// Deal with long links (bug 60387) // Deal with long links (bug 60387)
word-wrap: break-word; word-wrap: break-word;
/* Emulate Center - from mediawiki.skinning/elements.css */
.center {
width: 100%;
text-align: center;
> *,
.thumb {
margin-left: auto;
margin-right: auto;
}
}
} }
@media all and ( max-width: @width-breakpoint-mobile - 1 ) { @media all and ( max-width: @width-breakpoint-mobile - 1 ) {
@ -54,17 +66,6 @@ body {
display: none !important; display: none !important;
} }
/* Emulate Center - from mediawiki.skinning/elements.css */
.center {
width: 100%;
text-align: center;
> * {
margin-left: auto;
margin-right: auto;
}
}
@media all and ( min-width: @width-breakpoint-tablet ) { @media all and ( min-width: @width-breakpoint-tablet ) {
.client-js { .client-js {
// Avoid flash of unstyled content for tablet users while JavaScript is loading // Avoid flash of unstyled content for tablet users while JavaScript is loading