Skip to content

L
landing_pages
Commit 51022323 by Iren
Options

add style for option

parent db2354f0
Showing with 32 additions and 13 deletions
css/styles.css
...@@ -813,7 +813,7 @@ video { ...@@ -813,7 +813,7 @@ video {
align-items: stretch; align-items: stretch;
width: 33%; width: 33%;
margin-top: 10px; margin-top: 10px;
padding-right: 10%; padding-right: 4%;
height: auto; height: auto;
} }
@media (max-width: 576px) { @media (max-width: 576px) {
...@@ -838,7 +838,7 @@ video { ...@@ -838,7 +838,7 @@ video {
} }
} }
.main-card-text { .main-card-text {
height: 141px; height: 147px;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.main-card-text { .main-card-text {
...@@ -872,6 +872,9 @@ video { ...@@ -872,6 +872,9 @@ video {
letter-spacing: 0.14px; letter-spacing: 0.14px;
} }
} }
.main-btn-margin {
margin-top: 6px!important;
}
@media (max-width: 992px) { @media (max-width: 992px) {
.main-btn-margin { .main-btn-margin {
margin-top: 130px; margin-top: 130px;
...@@ -1353,7 +1356,17 @@ video { ...@@ -1353,7 +1356,17 @@ video {
} }
.option-text { .option-text {
min-height: 70px; min-height: 70px;
width: 385px; width: 405px;
}
@media (min-width: 1240px) {
.option-text {
padding-left: 45px;
}
}
@media (max-width: 992px) {
.option-text {
width: 260px;
}
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.option-text { .option-text {
...@@ -1370,10 +1383,10 @@ video { ...@@ -1370,10 +1383,10 @@ video {
} }
.option-text p { .option-text p {
font-family: SFUIDisplay-Light; font-family: SFUIDisplay-Light;
font-size: 14px; font-size: 16px;
font-weight: 300; font-weight: 300;
line-height: 18px; line-height: 24px;
letter-spacing: 0.14px; letter-spacing: 0.16px;
color: #303a81; color: #303a81;
} }
@media (max-width: 576px) { @media (max-width: 576px) {
......
css/styles.less
...@@ -680,7 +680,7 @@ video { ...@@ -680,7 +680,7 @@ video {
align-items: stretch; align-items: stretch;
width: 33%; width: 33%;
margin-top: 10px; margin-top: 10px;
padding-right: 10%; padding-right: 4%;
height: auto; height: auto;
@media (max-width: 576px) { @media (max-width: 576px) {
...@@ -704,7 +704,7 @@ video { ...@@ -704,7 +704,7 @@ video {
} }
} }
.main-card-text { .main-card-text {
height: 141px; height: 147px;
@media (max-width: 768px) { @media (max-width: 768px) {
height: 170px; height: 170px;
margin-bottom: 10px; margin-bottom: 10px;
...@@ -732,6 +732,7 @@ video { ...@@ -732,6 +732,7 @@ video {
} }
} }
.main-btn-margin { .main-btn-margin {
margin-top: 6px!important;
@media (max-width: 992px) { @media (max-width: 992px) {
margin-top: 130px; margin-top: 130px;
} }
...@@ -1106,8 +1107,13 @@ video { ...@@ -1106,8 +1107,13 @@ video {
} }
.option-text { .option-text {
min-height: 70px; min-height: 70px;
width: 385px; width: 405px;
@media(min-width: 1240px){
padding-left: 45px;
}
@media (max-width: 992px) {
width: 260px;
}
@media (max-width: 768px) { @media (max-width: 768px) {
margin: 0 auto; margin: 0 auto;
height: 45px; height: 45px;
...@@ -1119,10 +1125,10 @@ video { ...@@ -1119,10 +1125,10 @@ video {
} }
p { p {
font-family: SFUIDisplay-Light; font-family: SFUIDisplay-Light;
font-size: 14px; font-size: 16px;
font-weight: 300; font-weight: 300;
line-height: 18px; line-height: 24px;
letter-spacing: 0.14px; letter-spacing: 0.16px;
color: #303a81; color: #303a81;
@media (max-width: 576px) { @media (max-width: 576px) {
font-size: 13px; font-size: 13px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment