100 lines
2.4 KiB
SCSS
100 lines
2.4 KiB
SCSS
|
@media screen and (min-width: 767px) {
|
||
|
|
.navigation-1 {
|
||
|
|
top:0;
|
||
|
|
left:0;
|
||
|
|
width:100%;
|
||
|
|
z-index:10;
|
||
|
|
position:sticky;
|
||
|
|
//margin-bottom: 2rem;
|
||
|
|
backdrop-filter: saturate(180%) blur(20px);
|
||
|
|
|
||
|
|
-webkit-box-shadow: 0 4px 10px rgba(var(--bs-body-color-rgb),0.07),inset 0 -1px 0 rgba(var(--bs-body-color-rgb),0.07);
|
||
|
|
box-shadow: 0 4px 40px rgba(var(--bs-body-color-rgb),0.07),inset 0 -1px 0 rgba(var(--bs-body-color-rgb),0.07);
|
||
|
|
box-shadow: 0 3px 14px rgba(var(--bs-body-color-rgb), 0.07);
|
||
|
|
|
||
|
|
/*
|
||
|
|
&:after {
|
||
|
|
content: '';
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
background-image: linear-gradient(180deg,rgba(var(--bs-body-color-rgb), 0.05) 0%,rgba(var(--bs-body-color-rgb), 0.02) 10%,rgba(var(--bs-body-bg-rgb), 0.05) 80%);
|
||
|
|
//background-image: linear-gradient(180deg,rgba(var(--bs-body-color-rgb),.05) 0%,rgba(var(--bs-body-color-rgb),.025) 20%,rgba(var(--bs-body-bg-rgb),0) 80%);
|
||
|
|
//background-image: linear-gradient(180deg, rgba(var(--bs-body-color-rgb), 0.05) 0%, rgba(var(--bs-body-color-rgb), 0.015) 10%, rgba(var(--bs-body-bg-rgb), 0) 80%);
|
||
|
|
border-top:1px solid rgba(var(--bs-body-color-rgb), 0.05);
|
||
|
|
width: 100%;
|
||
|
|
height: 1.5rem;
|
||
|
|
left: 0;
|
||
|
|
bottom: -1.5rem;
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
|
||
|
|
body.home & {
|
||
|
|
//border:none;
|
||
|
|
&:after {
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
h3 {
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
line-height: 3rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar {
|
||
|
|
padding: 0 1rem;
|
||
|
|
//background: rgba(var(--bs-body-bg-rgb),.85);
|
||
|
|
|
||
|
|
.navbar-nav {
|
||
|
|
|
||
|
|
a.nav-link {
|
||
|
|
font-size: 15px;
|
||
|
|
//font-weight: 500;
|
||
|
|
padding: 2.1rem 1rem 2.1rem;
|
||
|
|
//text-transform:none;
|
||
|
|
//color: var(--bs-navbar-active-color);
|
||
|
|
/*
|
||
|
|
&.active {
|
||
|
|
background-color:rgba(var(--bs-primary-rgb), 0.05);
|
||
|
|
|
||
|
|
&:after {
|
||
|
|
content: '';
|
||
|
|
border-bottom: 2px solid rgba(var(--bs-primary-rgb), 0.5);
|
||
|
|
width: 100%;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
//background-color: rgba(var(--bs-body-color-rgb),.015);
|
||
|
|
//color: var(--bs-blue);
|
||
|
|
color: var(--bs-navbar-hover-color);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-toggle {
|
||
|
|
a.nav-link {
|
||
|
|
padding: 2.1rem 0.5rem 2.1rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
nav.navbar-expand-md {
|
||
|
|
a.nav-link {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
color: rgba(var(--bs-body-color-rgb),.7);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown-toggle::after {
|
||
|
|
font-size:60%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|