Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues 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 4f74ce4c82
1 changed files with 11 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
ghost/admin/assets/sass/patterns/_shame.scss
View file

@ -100,30 +100,22 @@
.scrolling { .scrolling {
.floatingheader { .floatingheader {
box-shadow: box-shadow: rgba(0, 0, 0, 0.03) 0 1px 3px;
rgba(0,0,0,0.03) 0 1px 3px,
rgba(255, 255, 255, 0.5) 0 -1px 0 inset;
&:before { &:before {
content: ""; content: "";
height: 40px; position: absolute;
bottom: -5px;
left: 50%;
height: 5px;
width: 80%; width: 80%;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -40%; margin-left: -40%;
box-shadow: rgba(0,0,0,0.03) 0 2px 3px; 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;
&:after { background-size: 100% 200%;
content: ""; z-index: -1;
height: 40px;
width: 30%;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -15%;
box-shadow: rgba(0,0,0,0.02) 0 3px 4px;
} }
} // .floatingheader } // .floatingheader
} // .scrolling }//.scrolling