Sha256: 39ce581f5368540438701258cf6642b3e600be75d07784d030731411fbdfefa6
Contents?: true
Size: 1.86 KB
Versions: 16
Compression:
Stored size: 1.86 KB
Contents
$breadcrumb-separator-gap: 8px;
$avatar-size: 40px;
.mu-navbar {
@include display-flex(row, space-between, center);
height: 80px;
border: none;
a {
color: $mu-color-link;
}
.mu-navbar-breadcrumb {
ul {
list-style-type: none;
padding: 0;
margin: 0;
}
@include display-flex(row, flex-start, center);
margin: 0;
padding: 0;
overflow: hidden;
white-space: nowrap;
.mu-breadcrumb-list {
@include display-flex(row, flex-start, center);
.mu-breadcrumb-list-item {
padding-top: 19px;
&:before {
content: '/';
margin: 0 $breadcrumb-separator-gap;
color: $mu-color-disabled;
}
&.brand {
padding-top: 2px;
padding-left: 3px;
font-size: 38px;
&:before {
content: '';
margin: 0;
}
a {
color: $mu-color-primary;
&:active { color: darken($mu-color-primary, 10%) }
&:hover {
color: darken($mu-color-primary, 5%);
text-decoration: none;
}
}
}
&.last {
@extend .mu-disabled;
a { color: $mu-color-disabled }
}
}
}
}
.mu-navbar-avatar {
@include display-flex;
.notifications-box {
.fa {
color: $mu-color-primary;
}
.badge-notifications {
position: absolute;
right: 15px;
font-size: .55em;
width: inherit;
padding: 2px 4px;
text-align: right;
top: 2px;
background-color: $mu-color-complementary;
border: 1px solid #FFF;
}
}
img {
&.mu-profile-avatar {
width: $avatar-size;
height: $avatar-size;
border-radius: 50%;
object-fit: cover;
cursor: pointer;
}
}
}
}
Version data entries
16 entries across 16 versions & 1 rubygems