mediawiki.skinning.interface

"skin.{name}.styles": {
    "class": "MediaWiki\\ResourceLoader\\SkinModule",
    "features": {
        "content-links": true,
        "content-media": true,
        "interface-message-box": true,
        "interface-category": true,
        "content-tables": true,
        "i18n-ordered-lists": true,
        "i18n-all-lists-margins": true,
        "i18n-headings": true,
        "elements": true,
        "interface": true,
        "logo": true
    },
    ..
}

v1.43: fonctionnalité interface-message-box obsolète

No replacement is needed - just remove the feature, unless you need to retain support for extensions that make use of mw-message-box markup and haven't updated to Codex. Informations complémentaires dans phab:T360668.

v1.43: fonctionnalité i18n-all-lists-margins obsolète

Les habillages qui utilisent le i18n-all-lists-margins peuvent ajouter la fonctionnalité elements.

@import 'mediawiki.mixins.less';
ul {
	margin-top: 0.3em;
	.margin-inline( 1.6em, 0 );
	padding: 0;
}

ol {
	margin-top: 0.3em;
	.margin-inline( 3.2em, 0 );
	padding: 0;
}

dd {
	.margin-inline( 1.6em, 0 );
}

v1.38 Pour les habillages rendant obsolètes les anciennes fonctionnalités

Les habillages qui utilisent la fonctionnalité legacy doivent à la place activer les fonctionnalités suivantes

Avant :

"skins.legacy": {
    "class": "MediaWiki\\ResourceLoader\\SkinModule",
    "features": {
        "legacy": true
    },
    ..
}

Après :

"skins.legacy": {
    "class": "MediaWiki\\ResourceLoader\\SkinModule",
    "features": {
        "content-links": true,
        "content-thumbnails": true,
        "interface-message-box": true,
        "interface-category": true,
        "content-tables": true,
        "i18n-ordered-lists": true,
        "i18n-all-lists-margins": true,
        "i18n-headings": true
    },
    ..
}

Il est recommandé d'activer les fonctionnalités normalize et elements

visualClear

Skins making use of visualClear should instead use the clear fix mixin (.mixin-clearfix()). To aid migrating add the following style to your skin:

.visualClear {
    clear: both;
}

Les habillages doivent définir en rouge les liens vers les pages non existantes

Les habillages qui utilisent l'ancienne fonctionnalité reçoivent actuellement la couleur rouge pour le lien ba0000. Les habillages qui utilisent la fonctionnalité content-links recevront une couleur de d33. In future skins will be able to define a LESS variable to override it.

Pour les habillages qui ne les importent pas, ces liens apparaîtront comme des liens classiques.

Suggéré :

a.new {
	color: #ba0000;
}

Les habillages doivent mettre en forme leurs liens de modification s'ils n'incluent pas la fonctionnalité interface

If a skin does not include the interface feature, it may make sense for the skin to copy across the content of the deprecated styles inside resources/src/mediawiki.skinning/interface-edit-section-links.less. Skins are encouraged to be opinionated about how edit links display and to revise these as needed.

• Consider using mw-messagebox, mw-warningbox, mw-successbox instead and there associated Html::warningBox/Html::messageBox PHP classes.

Vérifiez votre habillage lorsque vous imprimez

• Seuls les habillages utilisant la fonctionnalité de l'interface vont masquer automatiquement les éléments avec la classe printfooter.
• Les habillages qui utilisent l'élément #footer avec la fonctionnalité interface auront reçu précédemment le pied de page contenu dans une boîte grise. Maintenant ceci est de la responsabilité de l'habillage.

@media (print) {
    #footer {
        background: #fff;
        color: #000;
        margin-top: 1em;
        border-top: 1pt solid #aaa;
        padding-top: 5px;
        direction: ltr;
    }
}

Note concernant la directionnalité

.mw-content-ltr {

       /* @noflip */

       direction: ltr;

}

.mw-content-rtl {

       /* @noflip */

       direction: rtl;

}

Ces règles ne sont plus nécessaires. All elements with these classes should have a dir HTML attribute to provide this rule.

Les spinners Ajax

Il n'y aura plus de valeur par défaut pour mw-ajax-loader, mw-small-spinner. Copier les styles s'ils sont nécessaires.

.mw-ajax-loader {
	background-image: url( images/ajax-loader.gif );
	background-position: center center;
	background-repeat: no-repeat;
	padding: 16px;
	position: relative;
	top: -16px;
}

.mw-small-spinner {
	padding: 10px !important; /* stylelint-disable-line declaration-no-important */
	margin-right: 0.6em;
	background-image: url( images/spinner.gif );
	background-position: center center;
	background-repeat: no-repeat;
}