StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-24 06:24:22 +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

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

@ -23,6 +23,11 @@
display: flex;
line-height: 1.4;
>* {
display: flex;
align-items: center;
}
span {
margin: 0;
padding: @margin-side * 0.75 @margin-side;
@ -30,13 +35,8 @@
flex-grow: 1;
}
form {
display: block;
}
.mw-cookiewarning-dismiss {
background: @accent-50;
transition: @transition-background-quick;
&:hover {
background: @accent-10;
@ -45,7 +45,6 @@
>a {
background: @base-10;
transition: @transition-background-quick;
&:hover {
background: @base-0;
@ -56,9 +55,11 @@
.mw-cookiewarning-dismiss {
margin: 0;
padding: @margin-side * 0.75 @margin-side;
height: auto;
border-radius: 0;
font-weight: 400;
line-height: 1.4;
transition: @transition-background-quick;
}
}
}
@ -67,4 +68,17 @@
.mw-cookiewarning-container {
max-width: none;
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;
}
}
}