Sha256: 820c66cfd7e45a73bd35a2916ee95c764832541e197ecbe8248f577e2a5dfc67
Contents?: true
Size: 1.51 KB
Versions: 9
Compression:
Stored size: 1.51 KB
Contents
.menu_item {
position: relative;
list-style: none;
height: 10%;
min-height: 63px;
max-height: 70px;
p,
.label {
text-align: center;
color: $basic-text-color;
font-size: 11px;
display: block;
padding: 0;
}
a {
@include hover {
p,
.label {
color: $main-color;
}
}
&.active {
p,
.label {
color: $main-color;
}
}
&.deactivated {
pointer-events: none;
opacity: 0.4;
.label {
color: $basic-text-color;
}
}
}
@include small-height {
.label {
display: none;
}
}
.menu_box {
position: absolute;
right: 70px;
z-index: 4;
visibility: hidden;
background-color: $outline-navigation-bar-menu-box-background-color;
padding: 15px;
p {
color: $outline-navigation-bar-menu-box-color;
}
&:after {
content: "";
position: absolute;
top: 0;
right: -5px;
width: 5px;
height: 100%;
}
.menu_item {
display: inline-block;
}
}
@include hover {
.menu_box {
visibility: visible;
}
}
&:focus,
&.open,
&.focused {
.menu_box {
visibility: visible;
}
}
}
@mixin menu-item-shadow {
.button:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
box-shadow: 0 0 20px 12px rgba(0, 0, 0, 0.4);
z-index: -1;
}
}
@mixin menu-item-shadow-off {
.button:after {
display: none;
}
}
Version data entries
9 entries across 9 versions & 1 rubygems