9086f450af
Set the top offset for notifications to match the height of the top tab and link area. Also move this height to a common Less variable to use in both places it's used. Bug: T260262 Depends-On: I12db7c1745d17851f6421123a145de4cb916ad51 Change-Id: I679b7bba8d0c43c36c5911b30540e86a77125497
47 lines
919 B
Text
47 lines
919 B
Text
// Variables for common colours and things
|
|
|
|
@import 'mediawiki.mixins';
|
|
|
|
@background: #f9f9f9; // don't change this; matches headbg images
|
|
@content-background: #fff;
|
|
@content-border: #aaa;
|
|
@orange-border: #fabd23;
|
|
@text-color: #000;
|
|
@text-grey: #707070;
|
|
|
|
@link: #002bb8;
|
|
@link-visited: #5a3696;
|
|
@link-new: #c20;
|
|
|
|
@top-area-height: 2.8em;
|
|
|
|
// mobile objects
|
|
@top-position: 5px;
|
|
@block-size: 35px;
|
|
|
|
.menu-button() {
|
|
display: block;
|
|
width: @block-size;
|
|
height: @block-size;
|
|
background: @content-background;
|
|
border: solid 1px @orange-border;
|
|
box-sizing: border-box;
|
|
background-position: 50% 50%;
|
|
background-repeat: no-repeat;
|
|
z-index: 4;
|
|
}
|
|
|
|
// To hide objects, but keep them accessible for screen-readers
|
|
.hidden() {
|
|
position: absolute;
|
|
top: -9999px;
|
|
left: 0;
|
|
}
|
|
|
|
// The mobile icon cactions tabs
|
|
.icon-tab() {
|
|
text-indent: -99999px;
|
|
background-position: 50% 50%;
|
|
background-repeat: no-repeat;
|
|
width: 1em;
|
|
}
|