TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-01 05:50:35 +03:00
Code Issues Projects Releases Wiki Activity

Merge pull request #4341 from PaulAdamDavis/fix-floating-scroll-shadows

Browse Source 
Fix floating header vertical shadows glitch
This commit is contained in:
John O'Nolan 2014-10-27 16:59:42 +01:00
commit edef2ec941
1 changed files with 11 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
core/client/assets/sass/patterns/_shame.scss
View File

@ -100,30 +100,22 @@
.scrolling {
.floatingheader {
box-shadow:
rgba(0,0,0,0.03) 0 1px 3px,
rgba(255, 255, 255, 0.5) 0 -1px 0 inset;
box-shadow: rgba(0, 0, 0, 0.03) 0 1px 3px;
&:before {
content: "";
height: 40px;
position: absolute;
bottom: -5px;
left: 50%;
height: 5px;
width: 80%;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -40%;
box-shadow: rgba(0,0,0,0.03) 0 2px 3px;
}
&:after {
content: "";
height: 40px;
width: 30%;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -15%;
box-shadow: rgba(0,0,0,0.02) 0 3px 4px;
background-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.05) 0%,rgba(0, 0, 0, 0) 75%,rgba(0, 0, 0, 0) 100%);
background-position: 0px -5px;
background-size: 100% 200%;
z-index: -1;
}
} // .floatingheader
} // .scrolling
}//.scrolling