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/_credit-card.scss (2046B)

.credit-card {
  padding-top: 120px;
  padding-bottom: 60px;
  &__box {
    margin-bottom: 60px;
    text-align: center;
    &-image {
      border-radius: $border-radius;
      text-align: center;
      transition: all 500ms ease;
      background-color: #eff2f6;
      background-blend-mode: multiply;
      > img {
        max-width: 100%;
        padding: 34px;
      }
    }
    &:hover &-image {
      background-color: #fff;
      box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
    }
    h3 {
      color: $thm-black;
      font-size: 24px;
      margin: 0;
      font-weight: 500;
      margin-top: 30px;
      margin-bottom: 10px;
      a {
        color: inherit;
        transition: all 500ms ease;
      }
    }
    p {
      margin: 0;
      color: $thm-color;
      width: 100%;
      max-width: 291px;
      margin-left: auto;
      margin-right: auto;
    }
  }
  &__link {
    background-color: #fff;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    width: 68px;
    height: 68px;
    font-size: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: $thm-color;
    margin-top: 20px;
    transition: all 500ms ease;
  }
  &__box:hover &__link {
    background-color: $thm-primary;
    color: #fff;
  }
}

.credit-card__details {
    padding-top: 120px;
    padding-bottom: 0;
    .about-two__image {
        display: inline-block;
        &::before {
            width: 100%;
            height: calc(100% - 60px);
            background-color: $thm-primary;
            top: 30px;
            left: -30px;
        }
        > img {
            position: relative;
            z-index: 10;
        }
    }
    .about-two__content .block-title h2 {
        letter-spacing: -.01em;
    }
    .about-two__list {
        li {
            flex: 0 0 100%;
            + li {
                margin-top: 3px;
            }
        }
    }
}

.credit-card { padding-top: 120px; padding-bottom: 60px; &__box { margin-bottom: 60px; text-align: center; &-image { border-radius: $border-radius; text-align: center; transition: all 500ms ease; background-color: #eff2f6; background-blend-mode: multiply; > img { max-width: 100%; padding: 34px; } } &:hover &-image { background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); } h3 { color: $thm-black; font-size: 24px; margin: 0; font-weight: 500; margin-top: 30px; margin-bottom: 10px; a { color: inherit; transition: all 500ms ease; } } p { margin: 0; color: $thm-color; width: 100%; max-width: 291px; margin-left: auto; margin-right: auto; } } &__link { background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); border-radius: 50%; width: 68px; height: 68px; font-size: 32px; display: inline-flex; align-items: center; justify-content: center; text-align: center; color: $thm-color; margin-top: 20px; transition: all 500ms ease; } &__box:hover &__link { background-color: $thm-primary; color: #fff; } } .credit-card__details { padding-top: 120px; padding-bottom: 0; .about-two__image { display: inline-block; &::before { width: 100%; height: calc(100% - 60px); background-color: $thm-primary; top: 30px; left: -30px; } > img { position: relative; z-index: 10; } } .about-two__content .block-title h2 { letter-spacing: -.01em; } .about-two__list { li { flex: 0 0 100%; + li { margin-top: 3px; } } } }