mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-29 01:45:00 +00:00
68239ae344
Changes: - mw-ui-button to cdx-button - mw-ui-quiet to cdx-button--weight-quiet - mw-ui-icon-element to cdx-button--icon-only - mw-ui-icon to vector-icon - mw-ui-icon-flush-right/left to vector-button-flush-right/left - Removes $isSmallIcon param in Hooks.php 85 Visual Changes - ~36 changes from minor pixel changes from the new button classes in the main menu, language button - 22 from standardizing the padding of the TOC in page title - ~10 changes from addition of .cdx-button to the TOC toggle buttons PERFORMANCE: This will result in an overall increase of 2.7kb of render blocking CSS, 1kb will be reclaimed when I6c1ed1523df8cc9e2f2ca09506f12a595b8b013d is merged. Co-author: Bernard Wang <bwang@wikimedia.org> Bug: T336526 Change-Id: Ibd558238a41a0d3edb981e441638f9564f43d226
25 lines
758 B
Plaintext
25 lines
758 B
Plaintext
@import '../../common/variables.less';
|
|
@import 'mediawiki.mixins.less';
|
|
|
|
// FIXME: Remove old icon classes after caching
|
|
// Make sure all icons are the correct color https://phabricator.wikimedia.org/T317800
|
|
.mw-ui-icon::before {
|
|
// `@opacity-icon-base` equals to `#222` on `background-color: #fff`, closest to `#202122`.
|
|
opacity: @opacity-icon-base;
|
|
}
|
|
|
|
.vector-icon {
|
|
.cdx-mixin-css-icon-background( );
|
|
.cdx-mixin-css-icon-size( );
|
|
.cdx-mixin-css-icon-alignment( );
|
|
font-size: 14px;
|
|
}
|
|
|
|
// Temporary generic small icon class
|
|
// FIXME: Replace with proper Codex CSS icon usage in T338403
|
|
.vector-icon--x-small {
|
|
.cdx-mixin-css-icon-background( @size-icon-x-small );
|
|
.cdx-mixin-css-icon-size( @size-icon-x-small );
|
|
.cdx-mixin-css-icon-alignment( );
|
|
}
|