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/_blog-details.scss (3298B)

&__bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e6eaef;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  &__tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    @media(max-width: 480px) {
      margin-bottom: 15px;
    }
    span {
      color: $thm-black;
      font-weight: 500;
      font-size: 18px;
    }
    a {
      color: $thm-color;
      font-size: 16px;
      margin-left: 7px;
      transition: all 500ms ease;
      &:hover {
        color: $thm-base;
      }
    }
  }
  &__author {
    margin-bottom: 60px;
    display: flex;
    padding: 60px;
    border-radius: $border-radius;
    background-color: #fff;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
    @media (max-width: 1199px) {
      padding: 30px;
      flex-direction: column;
    }
    > img {
      flex-shrink: 0;
      margin-right: 40px;
      border-radius: $border-radius;
      @media (max-width: 1199px) {
        margin-right: 0px;
        margin-bottom: 30px;
        width: 170px;
      }
    }
    h3 {
      margin: 0;
      font-size: 20px;
      color: $thm-black;
      line-height: 1;
      font-weight: 400;
      margin-bottom: 35px;
      @media (max-width: 1199px) {
        margin-bottom: 20px;
      }
    }
    p {
      margin: 0;
      color: $thm-color;
    }
  }
  &__box-title {
    margin: 0;
    font-size: 34px;
    color: $thm-black;
    font-weight: 400;
    margin-bottom: 50px;
  }
}

.blog-comment {
  &__box {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #e6eaef;
    margin-bottom: 60px;
    padding-bottom: 50px;
    @media (max-width: 767px) {
      flex-direction: column;
    }
    > img {
      flex-shrink: 0;
      margin-right: 40px;
      border-radius: 50%;
      @media (max-width: 767px) {
        margin-right: 0;
        margin-bottom: 40px;
      }
    }
    p {
      margin: 0;
    }
    &-top {
      display: flex;
      align-items: flex-start;
      margin-bottom: 24px;
      @media (max-width: 375px) {
        flex-direction: column;
      }
      h3 {
        margin: 0;
        line-height: 1;
        color: $thm-black;
        font-size: 20px;
        font-weight: 400;
      }
      span {
        font-size: 14px;
        font-weight: 500;
        color: $thm-primary;
        margin-left: 10px;
        @media (max-width: 375px) {
          margin-left: 0;
          margin-top: 5px;
        }
      }
      .thm-btn {
        padding: 7.5px 19.5px;
        margin-left: auto;
        @media (max-width: 375px) {
          margin-left: 0;
          margin-top: 10px;
        }
        &:hover {
          background-color: $thm-black;
          color: #fff;
        }
      }
    }
  }
}

.blog-details { .blog-card__image { margin-bottom: 40px; } &__content { margin-top: 10px; h3 { margin: 0; font-size: 34px; font-weight: 500; color: $thm-black; margin-bottom: 25px; } p { margin: 0; + p { margin-top: 30px; } } } &__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-top: 1px solid #e6eaef; margin-top: 30px; padding-top: 30px; padding-bottom: 30px; } &__tags { display: flex; align-items: center; flex-wrap: wrap; @media(max-width: 480px) { margin-bottom: 15px; } span { color: $thm-black; font-weight: 500; font-size: 18px; } a { color: $thm-color; font-size: 16px; margin-left: 7px; transition: all 500ms ease; &:hover { color: $thm-base; } } } &__author { margin-bottom: 60px; display: flex; padding: 60px; border-radius: $border-radius; background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); @media (max-width: 1199px) { padding: 30px; flex-direction: column; } > img { flex-shrink: 0; margin-right: 40px; border-radius: $border-radius; @media (max-width: 1199px) { margin-right: 0px; margin-bottom: 30px; width: 170px; } } h3 { margin: 0; font-size: 20px; color: $thm-black; line-height: 1; font-weight: 400; margin-bottom: 35px; @media (max-width: 1199px) { margin-bottom: 20px; } } p { margin: 0; color: $thm-color; } } &__box-title { margin: 0; font-size: 34px; color: $thm-black; font-weight: 400; margin-bottom: 50px; } } .blog-comment { &__box { display: flex; align-items: flex-start; border-bottom: 1px solid #e6eaef; margin-bottom: 60px; padding-bottom: 50px; @media (max-width: 767px) { flex-direction: column; } > img { flex-shrink: 0; margin-right: 40px; border-radius: 50%; @media (max-width: 767px) { margin-right: 0; margin-bottom: 40px; } } p { margin: 0; } &-top { display: flex; align-items: flex-start; margin-bottom: 24px; @media (max-width: 375px) { flex-direction: column; } h3 { margin: 0; line-height: 1; color: $thm-black; font-size: 20px; font-weight: 400; } span { font-size: 14px; font-weight: 500; color: $thm-primary; margin-left: 10px; @media (max-width: 375px) { margin-left: 0; margin-top: 5px; } } .thm-btn { padding: 7.5px 19.5px; margin-left: auto; @media (max-width: 375px) { margin-left: 0; margin-top: 10px; } &:hover { background-color: $thm-black; color: #fff; } } } } }