SiteWebAstrolabe/src/scss/components/_intro.scss
2020-07-17 13:33:39 +02:00

73 lines
1.0 KiB
SCSS

.intro {
margin-top: 8rem;
.wrapper {
display: flex;
flex-wrap: wrap;
}
&__summary {
--flow-space: #{get-size(500)};
font-size: get-size(500);
a {
color: currentColor;
&:hover {
text-decoration: none;
}
}
}
&__heading {
max-width: 44rem;
color: var(--color-text);
font-size: 2.5rem;
display: inline-block;
&::after {
display: none;
}
+ svg {
margin-left: auto;
margin-right: 8rem;
vertical-align: middle;
max-width: 8rem;
}
}
.btn-grp {
margin-top: -3.5rem;
}
}
@media (max-width: 575.98px) {
.intro {
margin-top: 3rem;
&__heading {
font-size: 1.75rem;
+ svg {
margin: 2rem auto 0;
max-width: 7rem;
}
}
.btn-grp {
margin-top: 0;
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
margin-top: 2rem;
.btn + .btn {
margin-left: 0;
margin-top: 1.5rem;
}
}
}
}