/var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/scss/import/blocks
Edit: /var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/scss/import/blocks/_block__menu.scss (2871B)
.block__menu {
background: $primary;
position: relative;
z-index: 100;
.inner {
position: relative;
display: flex;
width: 100%;
align-items: center;
padding-left: 150px;
line-height: 56px;
.menu-activator {
position: absolute;
left: 0px;
top: 5px;
display: inline-block;
border-radius: 5px;
height: 46px;
background-color: $white;
span {
color: $dark;
}
// border-top: 2px solid $primary;
cursor: pointer;
span {
padding: 0px 25px;
line-height: 50px;
display: block;
font-weight: 600;
color: $dark;
i {
font-size: 1.75rem;
line-height: 1;
position: relative;
top: 5px;
}
}
&.is-active {
background-color: $white;
height: 60px;
border-radius: 5px 5px 0px 0px;
span {
color: $dark;
}
}
}
.left-links {
display: block;
padding-left: 30px;
a {
svg {
fill: $white;
width: 18px;
height: 18px;
margin-right: 10px;
position: relative;
top: -2px;
}
color: $white;
font-weight: 600;
display: inline-block;
line-height: 2;
margin-right: 20px;
}
}
.right-links {
display: block;
margin-left: auto;
a {
color: $white;
font-weight: 600;
display: inline-block;
line-height: 2;
}
}
.menu {
display: none;
position: absolute;
z-index: 2;
left: 0px;
top: 56px;
background-color: $white;
box-shadow: 0px 0px 16px -8px rgba(0, 0, 0, 0.2);
padding: 15px;
min-width: 320px;
a {
display: block;
font-weight: 600;
font-size: 0.875rem;
color: $dark;
line-height: 2.5;
svg {
width: 24px;
height: 24px;
margin-right: 10px;
position: relative;
top: -1px;
}
}
&.is-active {
display: block;
}
}
}
}