Responsive for other sections.

This commit is contained in:
Will O'Beirne 2019-02-26 16:36:07 -05:00
parent 39102f6164
commit c7186ca567
No known key found for this signature in database
GPG Key ID: 44C190DB5DEAF9F6
3 changed files with 70 additions and 1 deletions

View File

@ -42,4 +42,26 @@
}
}
}
@media @tablet-query {
padding-left: 1.5rem;
padding-right: 1.5rem;
&-title {
margin-bottom: 2.4rem;
font-size: 1.8rem;
}
&-buttons {
flex-direction: column;
&-button {
width: 100%;
max-width: 280px;
margin: 0 0 1rem;
height: 3.4rem;
font-size: 1.1rem;
}
}
}
}

View File

@ -18,6 +18,10 @@
font-size: 2.8rem;
color: #FFF;
text-align: center;
@media @tablet-query {
font-size: 2.4rem;
}
}
&-items {
@ -55,6 +59,19 @@
}
}
}
@media @tablet-query {
&-icon {
width: 6rem;
margin: 0 0 0 2rem;
}
&:nth-child(odd) {
.HomeGuide-items-item-icon {
margin: 0 2rem 0 0;
}
}
}
}
}
}

View File

@ -1,3 +1,5 @@
@import '~styles/variables.less';
.HomeRequests {
display: flex;
justify-content: center;
@ -8,10 +10,18 @@
margin: 0 auto 6rem;
position: relative;
@media @thin-query {
flex-direction: column;
}
&-divider {
width: 100%;
margin-bottom: 5rem;
border-bottom: 1px solid rgba(#000, 0.08);
@media @thin-query {
margin-bottom: 2rem;
}
}
&-text {
@ -20,7 +30,7 @@
border-right: 1px solid rgba(#000, 0.08);
&-title {
font-size: 2rem;
font-size: 1.8rem;
margin-bottom: 1rem;
}
@ -28,6 +38,21 @@
font-size: 1.1rem;
opacity: 0.8;
}
@media @thin-query {
width: auto;
padding: 0 0 2rem 0;
border-right: none;
border-bottom: 1px solid rgba(#000, 0.08);
&-title {
font-size: 1.6rem;
}
&-description {
font-size: 1rem;
}
}
}
&-content {
@ -38,5 +63,10 @@
.RFPItem {
margin-bottom: 0.5rem;
}
@media @thin-query {
width: 100%;
padding: 2rem 0 0;
}
}
}