enhance navbar design
This commit is contained in:
parent
ce1315ec3b
commit
eb2634ed44
|
@ -97,15 +97,15 @@ function more() {
|
|||
|
||||
&.topBanner {
|
||||
top: 0;
|
||||
height: 100%;
|
||||
height: 150%;
|
||||
-webkit-mask-image: linear-gradient(0deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 100%);
|
||||
mask-image: linear-gradient(0deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 100%);
|
||||
}
|
||||
|
||||
&.bottomBanner {
|
||||
bottom: 0;
|
||||
height: 80%;
|
||||
background-position-y: -10px;
|
||||
height: 100%;
|
||||
background-position-y: 20px;
|
||||
-webkit-mask-image: linear-gradient(0deg,rgba(0,0,0,.75) 15%,rgba(0,0,0,0) 80%);
|
||||
mask-image: linear-gradient(0deg,rgba(0,0,0,.75) 15%,rgba(0,0,0,0) 80%);
|
||||
}
|
||||
|
|
|
@ -150,15 +150,15 @@ function more(ev: MouseEvent) {
|
|||
|
||||
&.topBanner {
|
||||
top: 0;
|
||||
height: 100%;
|
||||
height: 150%;
|
||||
-webkit-mask-image: linear-gradient(0deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 100%);
|
||||
mask-image: linear-gradient(0deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 100%);
|
||||
}
|
||||
|
||||
&.bottomBanner {
|
||||
bottom: 0;
|
||||
height: 80%;
|
||||
background-position-y: -10px;
|
||||
height: 100%;
|
||||
background-position-y: 20px;
|
||||
-webkit-mask-image: linear-gradient(0deg,rgba(0,0,0,.75) 15%,rgba(0,0,0,0) 80%);
|
||||
mask-image: linear-gradient(0deg,rgba(0,0,0,.75) 15%,rgba(0,0,0,0) 80%);
|
||||
}
|
||||
|
|
|
@ -106,15 +106,15 @@ function openProfile() {
|
|||
|
||||
&.topBanner {
|
||||
top: 0;
|
||||
height: 100%;
|
||||
height: 150%;
|
||||
-webkit-mask-image: linear-gradient(0deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 100%);
|
||||
mask-image: linear-gradient(0deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 100%);
|
||||
}
|
||||
|
||||
&.bottomBanner {
|
||||
bottom: 0;
|
||||
height: 80%;
|
||||
background-position-y: -10px;
|
||||
height: 100%;
|
||||
background-position-y: 20px;
|
||||
-webkit-mask-image: linear-gradient(0deg,rgba(0,0,0,.75) 15%,rgba(0,0,0,0) 80%);
|
||||
mask-image: linear-gradient(0deg,rgba(0,0,0,.75) 15%,rgba(0,0,0,0) 80%);
|
||||
}
|
||||
|
|
|
@ -161,15 +161,15 @@ function openProfile() {
|
|||
|
||||
&.topBanner {
|
||||
top: 0;
|
||||
height: 100%;
|
||||
height: 150%;
|
||||
-webkit-mask-image: linear-gradient(0deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 100%);
|
||||
mask-image: linear-gradient(0deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 100%);
|
||||
}
|
||||
|
||||
&.bottomBanner {
|
||||
bottom: 0;
|
||||
height: 80%;
|
||||
background-position-y: -10px;
|
||||
height: 100%;
|
||||
background-position-y: 20px;
|
||||
-webkit-mask-image: linear-gradient(0deg,rgba(0,0,0,.75) 15%,rgba(0,0,0,0) 80%);
|
||||
mask-image: linear-gradient(0deg,rgba(0,0,0,.75) 15%,rgba(0,0,0,0) 80%);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue