andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix splash effect transition

Browse Source
This commit is contained in:
Angelos Chalaris
2019-08-30 12:11:08 +03:00
parent 01a88a4852
commit fb555f85df
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/docs/styles/_layout.scss
View File

@ -104,6 +104,7 @@ img.website-logo {
z-index: -1;
}
&::after {
transition: 0.3s ease all;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M12 0l12 12H0z' fill='%23f2f3f8'/%3E%3C/svg%3E");
background-size: 24px 24px;
width: 100%;
@ -116,6 +117,11 @@ img.website-logo {
width: calc(100vw - 62px);
}
}
.page-container.dark {
.splash::after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M12 0l12 12H0z' fill='%232A314C'/%3E%3C/svg%3E");
}
}
.splash-container {
max-width: 64rem;
padding: 0 2%;