src/modules/app/components/logo/logo.styles.less
@import (reference) '~assets/styles/shared';
.Logo {
align-items: center;
border-right: 0.0625rem solid #553580;
display: flex;
flex-grow: 1;
height: @top-bar-height;
justify-content: center;
position: relative;
width: @top-bar-height;
z-index: @mask-above;
> * {
display: flex;
flex-direction: column;
}
}
.Logo__text {
color: white;
font-weight: 300;
letter-spacing: 1.2px;
line-height: 2.75rem;
margin-left: 0.5rem;
text-transform: uppercase;
vertical-align: top;
}
@media @breakpoint-mobile {
.Logo {
display: none;
}
}