mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-12-18 16:51:05 +00:00
38ca243e39
Replacing 'mediawiki.ui/variables.less' @import with new skin-aware 'mediawiki.skin.variables.less' standard. Removing calls for 'mediawiki.skin.variables.less' in favor for 'minerva.variables.less' for consistency. Also - replacing several static values with new Codex design token featuring skin variables of `background-color`, `color`, `border-*` and `transition` categories - renaming several Less variables to variable naming standard - moving a small number of MinervaNeue specific variables into 'minderva.variables.less' file. Those should be replaced in mid-future by Codex design tokens Please note, that this patch is not replacing all values with possible Codex tokens. It's just applying them on selected categories for consistency for now to keep the patch easier reviewable. Further replacements will be done in follow-up patches. Bump MediaWiki core required version to >= v1.41.0. Bug: T319381 Bug: T332541 Depends-On: I98c8cc27527533e2efb3b987ee34bc403e988b75 Change-Id: I86c5a35377541a784552c29456e0b8b507b3ee9c
93 lines
2.1 KiB
Plaintext
93 lines
2.1 KiB
Plaintext
@import '../../minerva.less/minerva.variables.less';
|
|
|
|
.heading-holder {
|
|
padding: @titleSectionSpacingTop 0 0;
|
|
position: relative;
|
|
|
|
.tagline {
|
|
color: @color-subtle;
|
|
font-size: @taglineFontSize;
|
|
}
|
|
}
|
|
|
|
.page-heading {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
// used to disable the languages icon.
|
|
.mw-ui-icon-element.disabled,
|
|
.language-selector.disabled {
|
|
cursor: default;
|
|
opacity: 0.25;
|
|
}
|
|
|
|
#page-actions { // stylelint-disable-line selector-max-id
|
|
position: relative;
|
|
}
|
|
|
|
.page-actions-menu {
|
|
box-sizing: border-box;
|
|
border-top: @border-width-base @border-style-base #eaecf0;
|
|
border-bottom: @border-subtle;
|
|
margin-top: -@border-width-base; // Offset top border.
|
|
}
|
|
|
|
.page-actions-menu__list {
|
|
display: flex;
|
|
height: @size-icon * 2;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.page-actions-menu__list-item {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
// Layout for less than 5 items - one item at the beginning, rest at the end.
|
|
// |1-----2--3--4|
|
|
.page-actions-menu__list-item:first-child {
|
|
flex-grow: 1;
|
|
justify-content: flex-start;
|
|
margin-left: @contentPadding/-2;
|
|
}
|
|
|
|
// position the last icon with the edge of the content container
|
|
.page-actions-menu__list-item:last-child {
|
|
margin-right: @contentPadding/-2;
|
|
}
|
|
|
|
// Watchstar is hidden for anonymous no-js users
|
|
// While we could link the icon to the login/signup form, this is not
|
|
// a perfect experience and could be confusing.
|
|
// In JavaScript this icon will be converted to a watch icon and will point
|
|
// to a Call to action to sign up/login and explain why that's a good idea.
|
|
// Thus, anonymous users without JS will never see this icon.
|
|
// This is a small % of our users, so deemed okay.
|
|
.client-nojs {
|
|
.watch-this-article {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.is-authenticated {
|
|
.watch-this-article {
|
|
visibility: visible;
|
|
}
|
|
}
|
|
}
|
|
|
|
// On small devices that don't support Javascript, hide the page actions bar
|
|
@media all and ( max-width: @width-breakpoint-mobile - 1 ) {
|
|
.client-nojs {
|
|
#page-actions { // stylelint-disable-line selector-max-id
|
|
display: none;
|
|
}
|
|
|
|
.mw-first-heading {
|
|
border: 0;
|
|
}
|
|
}
|
|
}
|