KevinMidboe/vinlottis
1
0
Fork 0
Code Issues 8 Pull Requests 14 Packages Projects Releases Wiki Activity

fix: Sticky header

Browse Source 
- Set header as sticky
- Remove unecessary box-shadows
This commit is contained in:
kasperrt
2020-11-03 13:04:22 +01:00
parent f8b58eb64c
commit 0b04e9294f
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/styles/banner.scss
View File

@@ -2,6 +2,8 @@
@import "./variables.scss"; @import "./variables.scss";
.top-banner{ .top-banner{
position: sticky;
top: 0;
display: grid; display: grid;
grid-template-columns: 0.5fr 1fr 0.5fr; grid-template-columns: 0.5fr 1fr 0.5fr;
grid-template-areas: "menu logo clock"; grid-template-areas: "menu logo clock";
@@ -9,9 +11,6 @@
align-items: center; align-items: center;
justify-items: center; justify-items: center;
background-color: $primary; background-color: $primary;
-webkit-box-shadow: 0px 0px 22px -8px rgba(0, 0, 0, 0.65);
-moz-box-shadow: 0px 0px 22px -8px rgba(0, 0, 0, 0.65);
box-shadow: 0px 0px 22px -8px rgba(0, 0, 0, 0.65);
} }
.company-logo{ .company-logo{