mediawiki-skins-MinervaNeue/resources/skins.minerva.base.styles/content/text.less
Volker E. 7fc19a5ad2 styles: Fix code padding
With the change to `rem` the padding got oversized, now relying on
pixel based spacing tokens instead.

Change-Id: I8eff33a606094285e07ff7afb94687b91d4aec67
2024-06-11 10:19:22 +02:00

105 lines
1.6 KiB
Plaintext

@import 'mediawiki.mixins.less';
@import '../../../minerva.less/minerva.variables.less';
@import '../../../minerva.less/minerva.mixins.less';
.content {
p {
padding-bottom: 0.5em;
margin: 0.5em 0 0 0;
}
hr {
// border-color used as background-color as exception here.
background-color: @border-color-base;
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: @border-subtle;
white-space: pre-wrap;
}
code {
padding: @spacing-12 @spacing-25;
}
pre {
padding: 1em;
}
}
b,
strong {
font-weight: bold;
}
blockquote {
border-left: 3px @border-style-base var( --border-color-subtle );
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;
}