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/_fun-fact.scss (1859B)

.funfact-one {
    position: relative;
    padding: 121px 0;
    background-color: $thm-base;
    @media(max-width: 991px) {
        padding-bottom: 90px;
    }
    &__bg {
        position: absolute;
        background-color: $thm-base;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0.1;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        background-blend-mode: hard-light;
        background-position: center center;
    }
    .container{
        position: relative;
        [class*=col-]:not(:first-of-type) {
            position: relative;
            &::before {
                content: '';
                width: 3px;
                height: 43px;
                background-color: #fff;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                border-radius: $border-radius;
            @media(max-width: 991px) {
                display: none;
            }
            }
        }
        [class*=col-]:nth-child(3n) {
            @media(max-width: 991px) {
                &::before {
                    display: none;
                }
            }
        }
    }
    &__box {
        text-align: center;
        position: relative;
        @media(max-width: 991px) {
            margin-bottom: 30px;
        }

h3 {
            font-size: 50px;
            font-weight: 300;
            line-height: 1;
            color: #fff;
            margin: 0;
            margin-bottom: 15px;
            display: inline-flex;
            align-items: center;
        }
        p {
            margin: 0;
            line-height: 1;
            color: #fff;
        }
    }
}

.funfact-one { position: relative; padding: 121px 0; background-color: $thm-base; @media(max-width: 991px) { padding-bottom: 90px; } &__bg { position: absolute; background-color: $thm-base; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.1; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-blend-mode: hard-light; background-position: center center; } .container{ position: relative; [class*=col-]:not(:first-of-type) { position: relative; &::before { content: ''; width: 3px; height: 43px; background-color: #fff; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-radius: $border-radius; @media(max-width: 991px) { display: none; } } } [class*=col-]:nth-child(3n) { @media(max-width: 991px) { &::before { display: none; } } } } &__box { text-align: center; position: relative; @media(max-width: 991px) { margin-bottom: 30px; } h3 { font-size: 50px; font-weight: 300; line-height: 1; color: #fff; margin: 0; margin-bottom: 15px; display: inline-flex; align-items: center; } p { margin: 0; line-height: 1; color: #fff; } } }