Files
web2.0-frontend/src/components/HeroAsideSection/HeroAsideSection.scss
T
2019-07-02 21:22:52 +03:00

44 lines
663 B
SCSS

@import "../../assets/scss/globals";
.hero-aside-section {
display: flex;
flex-flow: column nowrap;
align-items: flex-start;
justify-content: center;
flex: 4;
@media screen and (max-width: 800px - 1px) {
align-items: center;
}
text-align: left;
padding: 3rem 1rem 2rem;
&.dark-blue {
background-color: color(dark-blue);
h2 {
color: color(light-blue);
}
p {
font-weight: 100;
color: color(white);
}
}
&.light-turquoise {
background-color: color(light-turquoise);
h2,
p {
color: color(dark-blue);
}
}
&.light-blue {
background-color: color(light-blue);
}
}