Files
TechRadarAJR/styles/components/branding.css
2017-03-08 21:01:38 +01:00

29 lines
409 B
CSS

.branding {
margin: 40px 0;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 60px;
transition: opacity 450ms cubic-bezier(0.24, 1.12, 0.71, 0.98);
opacity: 1;
&__backlink {
flex: 0 0 auto;
}
&__logo {
flex: 0 0 200px;
& img {
display: inline-block;
}
}
&__content {
flex: 0 1 auto;
}
&.is-hidden {
opacity: 0;
}
}