mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/CookieWarning
synced 2024-12-12 06:16:09 +00:00
66 lines
1.4 KiB
Plaintext
66 lines
1.4 KiB
Plaintext
@import 'mediawiki.ui/variables.less';
|
||
|
||
@cookieWarningFontSize: 12px;
|
||
@contentPaddingTablet: @iconGutterWidth + @iconGutterWidth + @iconSize;
|
||
|
||
.mw-cookiewarning-container {
|
||
background-color: #fff;
|
||
padding: 16px;
|
||
font-size: @cookieWarningFontSize;
|
||
font-weight: 500;
|
||
font-style: normal;
|
||
font-stretch: normal;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
|
||
.mw-cookiewarning-text {
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
.mw-cookiewarning-cimage {
|
||
width: 28px;
|
||
height: 100%;
|
||
font-size: 28px;
|
||
margin-right: 15px;
|
||
float: left;
|
||
text-align: center;
|
||
line-height: 100%;
|
||
}
|
||
}
|
||
|
||
form {
|
||
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;
|
||
}
|
||
}
|
||
}
|