Template:Archetype banner/styles.css
Jump to navigation
Jump to search
.arch-banner {
display: flex;
flex-direction: column;
align-items: center;
}
.arch-banner .arch-banner__gradient {
display: flex;
flex-direction: column;
background-size: 0 0;
text-align: center;
}
.arch-banner .arch-banner__name {
font-size: 2em;
font-weight: bold;
text-transform: uppercase;
line-height: 1;
}
.arch-banner .arch-banner__short-desc {
font-size: 1.2em
}
.arch-banner .arch-banner__desc {
font-size: 1.1em
}
@media only screen and (min-width: 900px) {
.arch-banner {
flex-direction: row;
}
.arch-banner .arch-banner__img {
background: radial-gradient(#161616, transparent 80%)
}
.arch-banner .arch-banner__gradient {
background-size: initial;
text-align: left;
padding: 20px 20px 20px 120px;
margin-left: -100px;
z-index: -1;
}
}