Files
awx/awx/ui/static/js/main-menu/main-menu.block.less
2015-05-29 08:57:39 -04:00

57 lines
932 B
Plaintext

/** @define MainMenu */
.MainMenu {
@menu-breakpoint: 871px;
display: flex;
background-color: white;
margin: 0;
@media screen and (max-width: @menu-breakpoint) {
position: relative;
transition: height 0.5s ease-out;
justify-content: flex-start;
flex-direction: column;
height: 58px;
overflow: hidden;
&.Menu--open {
height: 523px !important;
// border-bottom: solid thin black;
}
&--portal.Menu--open {
height: 290px !important;
}
}
@media screen and (min-width: (@menu-breakpoint + 1px)) {
padding: 0 1rem;
}
&-menuContainer {
display: flex;
}
&-toggle {
display: flex;
@media screen and (min-width: (@menu-breakpoint + 1px)) {
display: none;
}
margin-left: auto;
}
&--fixedTop {
width: 100%;
z-index: 1040;
position: fixed;
right: 0;
left: 0;
top: 0;
}
}