bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Placeholder: fix gradients in iOS

Browse source
This commit is contained in:
Alex Gleason 2021-10-20 11:00:27 -05:00
parent 7dd842f351
commit 5cdb7ea926
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
app/styles/placeholder.scss
View file

@ -14,11 +14,11 @@
height: 100%; height: 100%;
background-image: linear-gradient( background-image: linear-gradient(
90deg, 90deg,
transparent 0%, hsla(var(--foreground-color_hsl), 0) 0%,
transparent 25%, hsla(var(--foreground-color_hsl), 0) 25%,
var(--foreground-color) 50%, var(--foreground-color) 50%,
transparent 70%, hsla(var(--foreground-color_hsl), 0) 70%,
transparent 100% hsla(var(--foreground-color_hsl), 0) 100%
); );
background-size: 200%; background-size: 200%;
animation: placeholder-pulse 2s infinite; animation: placeholder-pulse 2s infinite;
@ -74,7 +74,12 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 1; z-index: 1;
background-image: linear-gradient(0deg, var(--background-color) 0%, transparent 50%, transparent 100%); background-image: linear-gradient(
0deg,
var(--background-color) 0%,
hsla(var(--foreground-color_hsl), 0) 50%,
hsla(var(--foreground-color_hsl), 0) 100%
);
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;