mediawiki-skins-Citizen/skinStyles/extensions/CookieWarning/ext.CookieWarning.styles.less
2021-01-11 11:45:52 -05:00

81 lines
1.4 KiB
Plaintext

/*
* Citizen - Cookie Warning Styles
* https://starcitizen.tools
*/
@import '../../../resources/variables.less';
@import '../../../resources/mixins.less';
.mw-cookiewarning-container {
top: unset;
right: 0;
bottom: 0;
overflow: hidden;
max-width: @screen2;
padding: 0;
margin: 0 auto;
background: @dark-bg-60;
border-radius: @border-radius-large @border-radius-large 0 0;
font-size: @content-monospace-size;
font-weight: normal;
opacity: 1;
.boxshadow(5);
.mw-cookiewarning-text {
display: flex;
line-height: 1.4;
> span {
display: block;
flex-grow: 1;
padding: @margin-side;
margin: 0;
}
> form {
display: block;
}
> a {
display: flex;
height: auto;
align-items: center;
justify-content: center;
padding: @margin-side / 2 @margin-side;
margin: 0;
}
.mw-cookiewarning-dismiss {
height: 100%;
padding: @margin-side / 2 @margin-side;
margin: 0;
background: @accent-50;
border-radius: 0;
line-height: 1.4;
transition: @transition-background-quick;
&:hover {
background: @accent-10;
}
}
}
}
@media only screen and ( max-width: 480px ) {
.mw-cookiewarning-container .mw-cookiewarning-text {
flex-wrap: wrap;
/* Hack to hide nbsp */
font-size: 0;
> span {
font-size: @content-small-text-size;
}
> form,
> a,
.mw-cookiewarning-dismiss {
width: 100%;
}
}
}