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/_contact.scss (2527B)

.contact-one {
  padding-top: 120px;
  padding-bottom: 120px;
  .block-title {
    margin-bottom: 75px;
    @media (max-width: 480px) {
      margin-bottom: 40px;
    }
  }
  &__content {
    @media (max-width: 991px) {
      margin-bottom: 60px;
    }
    > p {
      margin: 0;
      margin-bottom: 45px;
    }
  }
  &__box + &__box {
    border-top: 1px solid #e6eaef;
    margin-top: 30px;
    padding-top: 30px;
  }
  &__box {
    display: flex;
    align-items: center;
    @media (min-width: 1200px) {
      margin-right: 30px;
    }
    &:hover {
      > i {
        background-color: $thm-primary;
      }
    }
    > i {
      width: 65px;
      height: 65px;
      background-color: $thm-base;
      color: #fff;
      font-size: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      transition: all 500ms ease;
      border-radius: 50%;
    }
    &-content {
      margin-left: 20px;
      h4 {
        margin: 0;
        font-size: 16px;
        font-weight: 400;
        color: $thm-black;
        line-height: 1;
        margin-bottom: 10px;
      }
      a {
        margin: 0;
        font-size: 20px;
        line-height: 1;
        display: block;
        color: $thm-color;
        transition: all 500ms ease;
        &:hover {
          color: $thm-primary;
        }
      }
    }
  }
  &__form {
    .low-gutters {
      margin-left: -10px;
      margin-right: -10px;
      > [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
      }
    }
    textarea,
    input[type="text"] {
      width: 100%;
      display: block;
      border: none;
      outline: none;
      background-color: #eff2f6;
      color: $thm-color;
      margin-bottom: 20px;
      height: 67px;
      padding-left: 30px;
      padding-right: 30px;
      border-radius: $border-radius;
      font-size: 15px;
    }
    textarea {
      height: 225px;
      padding-top: 20px;
    }
    .thm-btn {
      &:hover {
        background-color: $thm-black;
        color: #fff;
      }
    }
  }
}

.contact-two {
  padding-top: 120px;
  padding-bottom: 120px;
  .about-one__form {
    margin-top: 0;
    @media (max-width: 991px) {
      margin-top: 60px;
    }
  }

.contact-one__form {
    > p {
      margin: 0;
      margin-top: -10px;
      margin-bottom: 35px;
    }
    textarea {
      height: 185px;
    }
  }
}

.contact-one { padding-top: 120px; padding-bottom: 120px; .block-title { margin-bottom: 75px; @media (max-width: 480px) { margin-bottom: 40px; } } &__content { @media (max-width: 991px) { margin-bottom: 60px; } > p { margin: 0; margin-bottom: 45px; } } &__box + &__box { border-top: 1px solid #e6eaef; margin-top: 30px; padding-top: 30px; } &__box { display: flex; align-items: center; @media (min-width: 1200px) { margin-right: 30px; } &:hover { > i { background-color: $thm-primary; } } > i { width: 65px; height: 65px; background-color: $thm-base; color: #fff; font-size: 18px; display: flex; align-items: center; justify-content: center; text-align: center; transition: all 500ms ease; border-radius: 50%; } &-content { margin-left: 20px; h4 { margin: 0; font-size: 16px; font-weight: 400; color: $thm-black; line-height: 1; margin-bottom: 10px; } a { margin: 0; font-size: 20px; line-height: 1; display: block; color: $thm-color; transition: all 500ms ease; &:hover { color: $thm-primary; } } } } &__form { .low-gutters { margin-left: -10px; margin-right: -10px; > [class*="col-"] { padding-left: 10px; padding-right: 10px; } } textarea, input[type="text"] { width: 100%; display: block; border: none; outline: none; background-color: #eff2f6; color: $thm-color; margin-bottom: 20px; height: 67px; padding-left: 30px; padding-right: 30px; border-radius: $border-radius; font-size: 15px; } textarea { height: 225px; padding-top: 20px; } .thm-btn { &:hover { background-color: $thm-black; color: #fff; } } } } .contact-two { padding-top: 120px; padding-bottom: 120px; .about-one__form { margin-top: 0; @media (max-width: 991px) { margin-top: 60px; } } .contact-one__form { > p { margin: 0; margin-top: -10px; margin-bottom: 35px; } textarea { height: 185px; } } }