rayelliott
/
marc-leopold
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

blurred social nav background icons

This commit is contained in:
ManjaroOne666 2019-01-30 21:40:45 +00:00
parent e540c19918
commit b8f1d81d9c
2 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
TODO.md
View File

@ -11,6 +11,7 @@
## Maybes ## Maybes
* gallery page - featured images in same style as on services page with the * gallery page - featured images in same style as on services page with the
diagonal divide diagonal divide
* image-viewer (and maybe others) - internet explorer compatible blurs.
## Fixes ## Fixes
* refreshing page on gallery and then quickly usingh history buttons breaks it * refreshing page on gallery and then quickly usingh history buttons breaks it

2
components/SiteMenu.vue
View File

@ -552,6 +552,7 @@ $transition-timing: .5s;
} }
.social-background { .social-background {
filter: blur(3px);
transition: opacity .5s; transition: opacity .5s;
opacity: 0; opacity: 0;
} }
@ -578,6 +579,7 @@ $transition-timing: .5s;
@media (min-width: $bp__layout) { @media (min-width: $bp__layout) {
.menu-content .social-nav__icon i::before { .menu-content .social-nav__icon i::before {
font-size: 1.1em; font-size: 1.1em;
filter: blur(20xp);
} }
} }