0e2ee04c87
Dropdown menus and js interactiveness for people who like to pretend we live in a modern era or something. Does not actually support newfangled tapping and swiping stuff. Does not properly support echo. (will follow up) Change-Id: I27d50c320b1526b9d158016a0e8022567f78ccc1
46 lines
990 B
Text
46 lines
990 B
Text
// Variables for common colours and things
|
|
// Note that this does not affect screen-desktop.css and IEFixes files; update those separately.
|
|
|
|
@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;
|
|
|
|
// 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;
|
|
}
|