StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-15 10:38:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: use mask-image instead of box-shadow for header background

Browse source 
This will allow header fade background blending with color-surface-0, regardless of what color it is set to
This commit is contained in:
alistair3149 2021-08-25 23:56:53 -04:00
parent e53ca7839b
commit 2285670e08
No known key found for this signature in database
GPG key ID: 94D081060FD3DD9C
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
resources/skins.citizen.styles/Header.less
View file

@ -30,10 +30,14 @@
&:before {
position: absolute;
top: 0;
right: 0;
bottom: ~'calc( var( --height-header ) / -2 )';
left: 0;
box-shadow: 0 0 ~'calc( var( --height-header ) - 15px )' var( --height-header ) var( --color-surface-0 );
background: var( --color-surface-0 );
content: '';
mask-image: linear-gradient( 180deg, #000, transparent );
-webkit-mask-image: linear-gradient( 180deg, #000, transparent );
}
&-button {