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/_page-header.scss (1169B)

.page-header {
  background-color: $thm-black;
  position: relative;

&__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

.container {
    position: relative;
    z-index: 10;
    padding-top: 120px;
    padding-bottom: 120px;
    @media(max-width: 480px) {
      padding-top: 80px;
      padding-bottom: 80px;
    }

h2 {
      margin: 0;
      line-height: 1;
      color: #fff;
      font-size: 60px;
      font-weight: 400;
      margin-top: 10px;
      @media(max-width: 480px) {
        font-size: 32px;
      }
    }
  }
}

.thm-breadcrumb {
  display: flex;
  margin-bottom: 0;
  li {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    display: flex;
    align-items: center;

&:not(:last-of-type) {
      margin-right: 10px;
    }

a {
      opacity: 0.6;
      padding-bottom: 3px;
      color: inherit;
    }

span {
      border-bottom: 1px solid #fff;
      padding-bottom: 3px;
      display: block;
      line-height: 1;
    }
  }
}

.page-header { background-color: $thm-black; position: relative; &__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; } .container { position: relative; z-index: 10; padding-top: 120px; padding-bottom: 120px; @media(max-width: 480px) { padding-top: 80px; padding-bottom: 80px; } h2 { margin: 0; line-height: 1; color: #fff; font-size: 60px; font-weight: 400; margin-top: 10px; @media(max-width: 480px) { font-size: 32px; } } } } .thm-breadcrumb { display: flex; margin-bottom: 0; li { font-weight: 400; font-size: 16px; color: #fff; line-height: 1; display: flex; align-items: center; &:not(:last-of-type) { margin-right: 10px; } a { opacity: 0.6; padding-bottom: 3px; color: inherit; } span { border-bottom: 1px solid #fff; padding-bottom: 3px; display: block; line-height: 1; } } }