StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-24 14:34:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Cookies Warning style #2

Browse source
This commit is contained in:
alistair3149 2019-12-09 15:31:36 -05:00
parent 24d5bcf6ba
commit 764fc4bba2
1 changed files with 21 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
skinStyles/ext.CookieWarning.styles.less
View file

@ -23,6 +23,11 @@
display: flex; display: flex;
line-height: 1.4; line-height: 1.4;
>* {
display: flex;
align-items: center;
}
span { span {
margin: 0; margin: 0;
padding: @margin-side * 0.75 @margin-side; padding: @margin-side * 0.75 @margin-side;
@ -30,13 +35,8 @@
flex-grow: 1; flex-grow: 1;
} }
form {
display: block;
}
.mw-cookiewarning-dismiss { .mw-cookiewarning-dismiss {
background: @accent-50; background: @accent-50;
transition: @transition-background-quick;
&:hover { &:hover {
background: @accent-10; background: @accent-10;
@ -45,7 +45,6 @@
>a { >a {
background: @base-10; background: @base-10;
transition: @transition-background-quick;
&:hover { &:hover {
background: @base-0; background: @base-0;
@ -56,9 +55,11 @@
.mw-cookiewarning-dismiss { .mw-cookiewarning-dismiss {
margin: 0; margin: 0;
padding: @margin-side * 0.75 @margin-side; padding: @margin-side * 0.75 @margin-side;
height: auto;
border-radius: 0; border-radius: 0;
font-weight: 400; font-weight: 400;
line-height: 1.4; line-height: 1.4;
transition: @transition-background-quick;
} }
} }
} }
@ -68,3 +69,16 @@
max-width: none; max-width: none;
bottom: 0; bottom: 0;
} }
}
@media only screen and (max-width: 480px) {
.mw-cookiewarning-container .mw-cookiewarning-text {
flex-wrap: wrap;
span,
a,
.mw-cookiewarning-dismiss {
padding: @margin-side / 2 @margin-side;
}
}
}