Skip to content

L
landing_pages
Commit b0989fc7 by Iren
Options

add style option

parent e1ab4d1e
Pipeline #3607 canceled with stage
    Showing with 68 additions and 28 deletions
    css/styles.css
    ......@@ -503,14 +503,14 @@ h1 {
    }
    @media (max-width: 768px) {
    .header-btn {
    width: 220px;
    font-size: 16px;
    width: 120px;
    font-size: 10px;
    }
    }
    @media (max-width: 576px) {
    .header-btn {
    margin-bottom: 20px;
    width: 230px;
    width: 180px;
    height: 48px;
    font-size: 16px;
    line-height: 30px;
    ......@@ -552,15 +552,15 @@ h1 {
    }
    @media (max-width: 768px) {
    .header-btn-background {
    width: 220px;
    font-size: 16px;
    width: 120px;
    font-size: 10px;
    }
    }
    @media (max-width: 576px) {
    .header-btn-background {
    width: 230px;
    width: 180px;
    height: 48px;
    font-size: 16px;
    font-size: 12px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 0.16px;
    ......@@ -1359,9 +1359,9 @@ video {
    min-height: 70px;
    width: 405px;
    }
    @media (min-width: 1240px) {
    @media (min-width: 1270px) {
    .option-text {
    padding-left: 45px;
    padding-left: 40px;
    }
    }
    @media (max-width: 992px) {
    ......@@ -2279,7 +2279,6 @@ video {
    font-family: SFUIDisplay-Light;
    text-transform: uppercase;
    color: #303a81;
    font-size: 24px;
    margin-bottom: 11px;
    }
    @media (max-width: 1250px) {
    ......@@ -2289,7 +2288,7 @@ video {
    }
    @media (max-width: 992px) {
    .price-active p.price-user p {
    font-size: 30px;
    font-size: 20px;
    }
    }
    @media (max-width: 768px) {
    ......@@ -2301,7 +2300,6 @@ video {
    font-family: SFUIDisplay-Light;
    text-transform: uppercase;
    color: #303a81;
    font-size: 24px;
    margin-bottom: 11px;
    }
    @media (max-width: 1250px) {
    ......@@ -2311,7 +2309,7 @@ video {
    }
    @media (max-width: 992px) {
    .price p.price-user p {
    font-size: 30px;
    font-size: 20px;
    }
    }
    @media (max-width: 768px) {
    ......@@ -2350,13 +2348,31 @@ video {
    @media (max-width: 768px) {
    .price p,
    .price-active p {
    font-size: 10px;
    font-size: 20px;
    }
    }
    .price span,
    .price-active span {
    font-size: 30px;
    }
    @media (max-width: 1250px) {
    .price span,
    .price-active span {
    font-size: 30px;
    }
    }
    @media (max-width: 992px) {
    .price span,
    .price-active span {
    font-size: 18px;
    }
    }
    @media (max-width: 768px) {
    .price span,
    .price-active span {
    font-size: 10px;
    }
    }
    .price-active .price-user {
    font-size: 20px;
    text-transform: uppercase;
    ......@@ -2413,6 +2429,16 @@ p.price-p {
    letter-spacing: 0;
    color: #303a81;
    }
    @media (max-width: 992px) {
    p.price-p {
    font-size: 20px;
    }
    }
    @media (max-width: 768px) {
    p.price-p {
    font-size: 10px;
    }
    }
    .price-p-margin {
    line-height: 40px;
    margin-top: 50px;
    ......
    css/styles.less
    ......@@ -418,12 +418,12 @@ h1 {
    margin-top: 5px;
    }
    @media (max-width: 768px) {
    width: 220px;
    font-size: 16px;
    width: 120px;
    font-size: 10px;
    }
    @media (max-width: 576px) {
    margin-bottom: 20px;
    width: 230px;
    width: 180px;
    height: 48px;
    font-size: 16px;
    line-height: 30px;
    ......@@ -459,13 +459,13 @@ h1 {
    margin-top: 5px;
    }
    @media (max-width: 768px) {
    width: 220px;
    font-size: 16px;
    width: 120px;
    font-size: 10px;
    }
    @media (max-width: 576px) {
    width: 230px;
    width: 180px;
    height: 48px;
    font-size: 16px;
    font-size: 12px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 0.16px;
    ......@@ -1108,8 +1108,8 @@ video {
    .option-text {
    min-height: 70px;
    width: 405px;
    @media(min-width: 1240px){
    padding-left: 45px;
    @media(min-width: 1270px){
    padding-left: 40px;
    }
    @media (max-width: 992px) {
    width: 260px;
    ......@@ -1839,14 +1839,13 @@ padding-left: 45px;
    font-family: SFUIDisplay-Light;
    text-transform: uppercase;
    color: #303a81;
    font-size: 24px;
    margin-bottom: 11px;
    p {
    @media (max-width: 1250px) {
    font-size: 40px;
    }
    @media (max-width: 992px) {
    font-size: 30px;
    font-size: 20px;
    }
    @media (max-width: 768px) {
    font-size: 10px;
    ......@@ -1857,14 +1856,14 @@ padding-left: 45px;
    font-family: SFUIDisplay-Light;
    text-transform: uppercase;
    color: #303a81;
    font-size: 24px;
    margin-bottom: 11px;
    p {
    @media (max-width: 1250px) {
    font-size: 40px;
    }
    @media (max-width: 992px) {
    font-size: 30px;
    font-size: 20px;
    }
    @media (max-width: 768px) {
    font-size: 10px;
    ......@@ -1890,11 +1889,20 @@ padding-left: 45px;
    font-size: 30px;
    }
    @media (max-width: 768px) {
    font-size: 10px;
    font-size: 20px;
    }
    }
    span {
    font-size: 30px;
    @media (max-width: 1250px) {
    font-size: 30px;
    }
    @media (max-width: 992px) {
    font-size: 18px;
    }
    @media (max-width: 768px) {
    font-size: 10px;
    }
    }
    }
    .price-active .price-user {
    ......@@ -1942,6 +1950,12 @@ p.price-p {
    line-height: 24px;
    letter-spacing: 0;
    color: #303a81;
    @media(max-width: 992px){
    font-size: 20px;
    }
    @media(max-width: 768px){
    font-size: 10px;
    }
    }
    .price-p-margin {
    line-height: 40px;
    ......
    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