Responsive for other sections.
This commit is contained in:
parent
39102f6164
commit
c7186ca567
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
|
@ -18,6 +18,10 @@
|
||||||
font-size: 2.8rem;
|
font-size: 2.8rem;
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
|
@media @tablet-query {
|
||||||
|
font-size: 2.4rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-items {
|
&-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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
|
@ -1,3 +1,5 @@
|
||||||
|
@import '~styles/variables.less';
|
||||||
|
|
||||||
.HomeRequests {
|
.HomeRequests {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
@ -8,10 +10,18 @@
|
||||||
margin: 0 auto 6rem;
|
margin: 0 auto 6rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
@media @thin-query {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
&-divider {
|
&-divider {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 5rem;
|
margin-bottom: 5rem;
|
||||||
border-bottom: 1px solid rgba(#000, 0.08);
|
border-bottom: 1px solid rgba(#000, 0.08);
|
||||||
|
|
||||||
|
@media @thin-query {
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-text {
|
&-text {
|
||||||
|
@ -20,7 +30,7 @@
|
||||||
border-right: 1px solid rgba(#000, 0.08);
|
border-right: 1px solid rgba(#000, 0.08);
|
||||||
|
|
||||||
&-title {
|
&-title {
|
||||||
font-size: 2rem;
|
font-size: 1.8rem;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -28,6 +38,21 @@
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
opacity: 0.8;
|
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 {
|
&-content {
|
||||||
|
@ -38,5 +63,10 @@
|
||||||
.RFPItem {
|
.RFPItem {
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media @thin-query {
|
||||||
|
width: 100%;
|
||||||
|
padding: 2rem 0 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue