Merge "Minerva should use mediawiki.hlist"

This commit is contained in:
jenkins-bot 2017-07-21 18:47:34 +00:00 committed by Gerrit Code Review
commit bd898e2be4
4 changed files with 46 additions and 31 deletions

View file

@ -1352,6 +1352,7 @@ class SkinMinerva extends SkinTemplate implements ICustomizableSkin {
'skins.minerva.base.reset',
'skins.minerva.base.styles',
'skins.minerva.content.styles',
'mediawiki.hlist',
'skins.minerva.tablet.styles',
'mediawiki.ui.icon',
'mediawiki.ui.button',

View file

@ -2,25 +2,8 @@
@import 'minerva.variables.less';
@import 'minerva.mixins.less';
// FIXME: to support hlists on enwiki projects - this should be deprecated
.hlist > ul,
// Horizontal Lists
//
// Use hlist class when dealing with lists where items should be horizontal.
//
// Markup:
// <ul class="hlist">
// <li>item 1</li>
// <li>item 2</li>
// </ul>
//
// Styleguide 1.5.
ul.hlist {
li {
display: inline-block;
margin-right: 8px;
}
}
// FIXME: Delete this in 7 days time (T42062)
@import '../../skinStyles/mediawiki.hlist/minerva.less';
.content {
ul {
@ -80,15 +63,3 @@ body.mw-hide-empty-elt .mw-empty-elt {
display: none;
}
.hlist-separated {
li:after {
content: '•';
padding-left: 8px;
color: @linkColor;
font-size: 16px;
line-height: 1;
}
:last-child:after {
content: '';
}
}

View file

@ -36,6 +36,9 @@
},
"ResourceModuleSkinStyles": {
"minerva": {
"mediawiki.hlist": [
"skinStyles/mediawiki.hlist/minerva.less"
],
"mobile.languages.structured": [
"skinStyles/mobile.languages.structured/LanguageOverlay.less"
],

View file

@ -0,0 +1,40 @@
@import 'minerva.variables.less';
/**
* This tweaks the default mediawiki.hlist module to provide performance optimisations
* as well as subtle tweaks to the appearance. It's a work in progress.
*/
// FIXME: to support hlists on enwiki projects - this should be deprecated
.hlist > ul,
.hlist > dl,.hlist > ul,
// Horizontal Lists
//
// Use hlist class when dealing with lists where items should be horizontal.
//
// Markup:
// <ul class="hlist">
// <li>item 1</li>
// <li>item 2</li>
// </ul>
//
// Styleguide 1.5.
ul.hlist {
li {
display: inline-block;
margin-right: 8px;
}
}
.hlist-separated {
li:after {
content: '•';
padding-left: 8px;
color: @linkColor;
font-size: 16px;
line-height: 1;
}
:last-child:after {
content: '';
}
}