mediawiki-skins-Vector/resources/skins.vector.styles/common.less
jdlrobson 58457f8ae8 Dev: Vector is rearranged like other skins and extensions
A resources folder is the defacto-standard across mediawiki repos.
Vector now mirrors those by describing where files served by ResourceLoader
are located.

Change-Id: Ib7d8575112e8afaaa84221a6f30a15b34b51eb24
2020-01-28 16:57:38 +08:00

171 lines
3 KiB
Plaintext

/*
* Any rules which should not be flipped automatically in right-to-left situations should be
* prepended with @noflip in a comment block.
*
*/
@import 'mediawiki.mixins.less';
/* Framework */
html {
font-size: @font-size-root;
}
html,
body {
height: 100%;
margin: 0;
padding: 0;
font-family: @font-family-sans;
}
body {
background-color: @background-color-secondary;
overflow-y: scroll;
}
/* Content */
.mw-body,
.parsoid-body {
background-color: @background-color-base;
color: @color-base;
padding: @padding-content;
direction: ltr;
}
.mw-body,
#mw-data-after-content {
margin-left: 10em;
}
.mw-body {
/* Border on top, left, and bottom side */
border: @border-width-base @border-style-base @border-color-content;
border-right-width: 0;
/* Merge the border with tabs' one (in their background image) */
margin-top: -@border-width-base;
// h1's can exist outside of mw-body-content so some heading styles
// need to be defined in mw-body as well
& h1,
&-content h1,
&-content h2 {
margin-bottom: 0.25em;
padding: 0;
font-family: @font-family-serif;
line-height: @line-height-heading;
// Fallback heading font for scripts which render poorly in `@font-family-serif`.
// See T73240
&:lang( ja ), /* See T65817 */
&:lang( he ), /* See T65843 and T65844 */
&:lang( ko ) { /* See T65827 */
font-family: @font-family-sans--fallback;
}
/* Burmese (Myanmar) language headlines would be cropped with set `line-height` */
/* See T193270 */
&:lang( my ) {
line-height: normal;
}
}
& h1,
&-content h1 {
font-size: @font-size-heading-1;
}
.firstHeading {
/* Change the default from mediawiki.skinning CSS to let indicators float into heading area */
overflow: visible;
}
.mw-indicators {
float: right;
font-size: @font-size-base;
line-height: @line-height-base;
/* Ensure that this is displayed on top of .mw-body-content and clickable */
position: relative;
z-index: 1;
}
.mw-indicator {
display: inline-block;
}
}
.mw-body-content {
position: relative;
font-size: @font-size-base;
line-height: @line-height-base;
z-index: 0;
p {
margin: 0.5em 0;
}
h1 {
margin-top: 1em;
}
h2 {
margin-top: 1em;
font-size: @font-size-heading-2;
}
h3,
h4,
h5,
h6 {
margin-top: 0.3em;
margin-bottom: 0;
padding-bottom: 0;
line-height: @line-height-base;
}
h3 {
font-size: @font-size-heading-3;
}
h3,
h4 {
font-weight: bold;
}
h4,
h5,
h6 {
font-size: @font-size-reset; // Reset.
}
.toc h2 {
font-family: @font-family-sans;
font-size: @font-size-reset; // Reset.
}
}
/* Allow edit sections outside of mw-body-content (T160269) */
.mw-editsection,
.mw-editsection-like {
font-family: @font-family-sans;
}
/* Hide empty portlets */
.emptyPortlet {
display: none;
}
ul {
// No need for PNG fallback. Fallback is browser default (a smaller, also black, circle).
.list-style-image( 'images/bullet-icon.svg' );
}
pre,
.mw-code {
line-height: @line-height-code;
}
/* Site Notice (includes notices from CentralNotice extension) */
#siteNotice {
font-size: @font-size-site-notice;
}