added blend mode to nav bar for better visibility
This commit is contained in:
parent
750ac8a798
commit
977c27aca1
1 changed files with 3 additions and 2 deletions
|
@ -1497,12 +1497,13 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 0px 6px;
|
padding: 0px 6px;
|
||||||
z-index: 2;
|
z-index: 7;
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
backdrop-filter: blur(16px) saturate(180%);
|
backdrop-filter: blur(16px) saturate(180%);
|
||||||
box-shadow: 0px 1px 0px rgb(185 185 185 / 8%);
|
box-shadow: 0px 1px 0px rgba(185, 185, 185, 0.08);
|
||||||
|
mix-blend-mode: hard-light;
|
||||||
.nav-item {
|
.nav-item {
|
||||||
appearance: none;
|
appearance: none;
|
||||||
border: 0px;
|
border: 0px;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue