1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-11-01 15:55:36 +01:00
site/_src/_assets/styles/bigchain/_menus.scss

51 lines
692 B
SCSS

.menu {
}
.menu__link {
display: inline-block;
padding: $spacer
}
.menu__logo {
display: block;
svg {
@extend .transition;
fill: #fff;
opacity: .8;
}
&:hover svg,
&:focus svg {
opacity: 1;
}
}
//
// Main menu overlaying a dark background image
// in front page hero or page headers
//
.menu--main {
position: absolute;;
left: 0;
right: 0;
top: 0;
width: 100%;
z-index: 2;
border-bottom: 1px solid rgba(#fff, .2);
height: 60px;
.menu__link {
color: #fff;
opacity: .8;
&:hover,
&:focus { opacity: 1 }
}
}
.menu--footer {
@extend .text-center;
}