mediawiki-skins-MinervaNeue/resources/skins.minerva.base.styles/content/text.less
Timo Tijhof 0d61c78f73 Move skins.minerva.content.styles into skins.minerva.base.styles
This could be made even simpler by not using a LESS varialbe for
hacks.less, but loading it conditionally through the moduel def.
But, as a first step we can merge the two as-is.

Given that the subject and target are always referenced together
in page views, there is no need to keep an alias around. However,
I'm keeping it anyway so as to not produce any
`/* {"skins.foo":"missing"} */` appendix to the stylesheet response
for these cached URLs.

Bug: T266361
Change-Id: I8578faab8ca32bd49be90711cbd5e182763b8065
2021-06-21 17:50:37 +00:00

104 lines
1.6 KiB
Plaintext

@import 'mediawiki.mixins.less';
@import '../../../minerva.less/minerva.variables.less';
@import '../../../minerva.less/minerva.mixins.less';
.content {
p {
margin: 0.5em 0 1em 0;
}
hr {
// @color used as background-color as exception here.
background-color: @colorGray10;
height: 1px;
border: 0;
}
// Code
//
// Use this solely for blocks of computer code.
//
// Markup:
// <code>
// body {
// color:red;
// }
// </code>
// Preformatted text
//
// Use on text where whitespace is significant and the content should not be formatted.
//
// Markup:
// <pre>
// body {
// color:red;
// }
// </pre>
//
// Note .mw-code is not added here as it is assumed that will be used with a suitable tag
kbd,
samp,
code,
pre {
font-family: @font-family-monospace;
border: solid 1px @colorGray12;
white-space: pre-wrap;
}
code {
padding: 0.2em 0.5em;
}
pre {
padding: 1em;
}
}
b,
strong {
font-weight: bold;
}
blockquote {
border-left: 3px solid @colorGray12;
padding: @padding-vertical-blockquote @padding-end-blockquote @padding-vertical-blockquote @padding-start-blockquote;
font-family: @font-family-serif;
font-size: 1.1em;
// Ensure not to inherit whitespace mashing margins on child elements.
> :first-child {
margin-top: 0;
}
> :last-child {
margin-bottom: 0;
}
> :only-child {
margin-top: 0;
margin-bottom: 0;
}
}
em,
i {
font-style: italic;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
sub,
sup,
.content .mw-ref {
font-size: 0.75em;
// Avoid line-height issues caused by sup and sub
line-height: 1;
}