mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/CookieWarning
synced 2024-12-12 06:16:09 +00:00
60929abb69
* Instead of repeating CSS already in Minerva instead use an element "banner-container" already in use by CentralNotice (given this is also a banner) This removes the need for positioning styles at Minerva is delegated to handle that. * Rewrite existing rules using mediawiki ui variables to make clearer line-height relates to iconography Bug: T140807 Change-Id: I1bd3fb164bbb7866e5d32367c66afae5c1933bcb
59 lines
1.2 KiB
Plaintext
59 lines
1.2 KiB
Plaintext
@import 'mediawiki.ui/variables.less';
|
||
|
||
@cookieWarningFontSize: 12px;
|
||
@contentPaddingTablet: @iconGutterWidth + @iconGutterWidth + @iconSize;
|
||
|
||
.mw-cookiewarning-container {
|
||
background-color: #ffffff;
|
||
padding: 16px;
|
||
font-size: @cookieWarningFontSize;
|
||
font-weight: 500;
|
||
font-style: normal;
|
||
font-stretch: normal;
|
||
|
||
.mw-cookiewarning-cimage {
|
||
width: 28px;
|
||
height: 100%;
|
||
font-size: 28px;
|
||
margin-right: 15px;
|
||
float: left;
|
||
text-align: center;
|
||
line-height: 100%;
|
||
}
|
||
|
||
form {
|
||
float: right;
|
||
margin-left: 5px;
|
||
/* borrowed from mediawiki/core Login Button, following `ButtonWidget (progressive)` from OOjs UI */
|
||
.mw-cookiewarning-dismiss {
|
||
height: 32px;
|
||
background-color: #f8f9fa;
|
||
color: #36c;
|
||
}
|
||
.mw-cookiewarning-dismiss:hover {
|
||
background-color: #fff;
|
||
border-color: #859ecc;
|
||
box-shadow: none;
|
||
}
|
||
.mw-cookiewarning-dismiss:active {
|
||
background-color: #eff3fa;
|
||
color: #2a4b8d;
|
||
border-color: #2a4b8d;
|
||
}
|
||
.mw-cookiewarning-dismiss:focus {
|
||
border-color: #36c;
|
||
box-shadow: inset 0 0 0 1px #36c;
|
||
}
|
||
}
|
||
}
|
||
|
||
@media all and ( min-width: @width-breakpoint-tablet ) {
|
||
.mw-cookiewarning-container {
|
||
line-height: @contentPaddingTablet;
|
||
|
||
.mw-cookiewarning-cimage {
|
||
line-height: inherit;
|
||
}
|
||
}
|
||
}
|