FM / sass

/home/techb158/l2hypotheques.com/wp-content/themes/pylon/assets/sass/

/home/techb158/l2hypotheques.com/wp-content/themes/pylon/assets/sass

Name	Size	Mode	Actions
utility/	-	0755	rm
variables/	-	0755	rm
main.scss	5786	0644	edit dl rm
_about.scss	9014	0644	edit dl rm
_animations.scss	1831	0644	edit dl rm
_blog-details.scss	3298	0644	edit dl rm
_blog-sidebar.scss	1989	0644	edit dl rm
_call-to-action.scss	1441	0644	edit dl rm
_client-carousel.scss	468	0644	edit dl rm
_common.scss	6117	0644	edit dl rm
_contact.scss	2527	0644	edit dl rm
_credit-card.scss	2046	0644	edit dl rm
_faq.scss	2978	0644	edit dl rm
_features.scss	7038	0644	edit dl rm
_footer.scss	4469	0644	edit dl rm
_forms.scss	1114	0644	edit dl rm
_fun-fact.scss	1859	0644	edit dl rm
_google-map.scss	187	0644	edit dl rm
_how-works.scss	779	0644	edit dl rm
_mobile-nav.scss	4207	0644	edit dl rm
_navigation.scss	7786	0644	edit dl rm
_page-header.scss	1169	0644	edit dl rm
_search-popup.scss	1424	0644	edit dl rm
_services.scss	10854	0644	edit dl rm
_slider.scss	4486	0644	edit dl rm
_team.scss	6282	0644	edit dl rm
_testimonials.scss	2274	0644	edit dl rm
_trusted-company.scss	2450	0644	edit dl rm
_video.scss	2708	0644	edit dl rm
_why-choose.scss	3503	0644	edit dl rm

Edit: /home/techb158/l2hypotheques.com/wp-content/themes/pylon/assets/sass/_call-to-action.scss (1441B)

.call-to-action {
  background-color: $thm-primary;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  position: relative;
  padding-top: 110px;
  padding-bottom: 120px;
  background-blend-mode: hard-light;
  &::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: $thm-primary;
    opacity: 0.9;
  }
  .container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    @media (max-width: 991px) {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
    }
  }
  .left-content {
    p {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      margin-bottom: 0;
      font-size: 18px;
      color: #ffffff;
      @media (max-width: 991px) {
        justify-content: center;
      }
      span:not(:first-of-type) {
        &::before {
          content: "/";
          margin-left: 10px;
          margin-right: 10px;
        }
      }
    }
    h3 {
      margin: 0;
      font-size: 50px;
      color: #fff;
      margin-bottom: 0;
      @media(max-width: 1199px) {
        font-size: 40px;
      }
    }
  }
  .right-content {
    @media (max-width: 991px) {
      margin-top: 30px;
    }
  }
}

.call-to-action { background-color: $thm-primary; background-size: cover; background-position: center center; background-attachment: fixed; position: relative; padding-top: 110px; padding-bottom: 120px; background-blend-mode: hard-light; &::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: $thm-primary; opacity: 0.9; } .container { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; @media (max-width: 991px) { flex-direction: column; justify-content: center; align-items: center; text-align: center; } } .left-content { p { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 0; font-size: 18px; color: #ffffff; @media (max-width: 991px) { justify-content: center; } span:not(:first-of-type) { &::before { content: "/"; margin-left: 10px; margin-right: 10px; } } } h3 { margin: 0; font-size: 50px; color: #fff; margin-bottom: 0; @media(max-width: 1199px) { font-size: 40px; } } } .right-content { @media (max-width: 991px) { margin-top: 30px; } } }