This repository has been archived on 2024-06-26. You can view files and clone it, but cannot push or open issues or pull requests.
sakura/resources/assets/less/aitemu/bem/banner.less

26 lines
556 B
Text
Raw Normal View History

.banner {
height: 150px;
margin-top: @general-spacing;
background: no-repeat center center / cover @grey-2;
box-shadow: 0 @global-shadow-distance @global-shadow-size fade(@grey-1, @global-shadow-opacity);
2016-08-04 15:34:25 +00:00
display: flex;
flex-flow: column-reverse;
&--large {
height: 250px;
}
&--insane {
height: 400px;
}
2016-08-04 15:34:25 +00:00
&__bottom {
height: 60px;
background: fade(@grey-0, 80%);
display: inline-flex;
flex-flow: row;
align-items: center;
line-height: 1;
}
}