WIBUHAX0R1337

- WIBUHAX0R1337 -

/home/coludnqa/xtrasolutionsco.com/wp-content/themes/insurez/assets/scss/layout/blog/ [ Home ]

Create Folder Create File

@use '../../utils' as *;

/*----------------------------------------*/
/*  5.1 Postbox css
/*----------------------------------------*/
// postbox css start
.blog-banner-title {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    padding: 60px 50px;
    color: #fff;
    font-size: 24px;

@media #{$lg} {
        padding: 43px 34px;
    }

@media #{$sm} {
        padding: 79px 76px;
    }

@media #{$xs} {
        padding: 40px 26px;
    }
}

.postbox {
    &__meta {
        & span {
            & a {
                font-size: 14px;
                color: var(--tp-text-body);
                text-transform: capitalize;
                font-weight: 500;
                & i {
                    font-size: 14px;
                    color: var(--tp-theme-1);
                    margin-right: 5px;
                  }
                }
        }
    }
    &__thumb {
        margin-bottom: 20px;
    }
    &__comment-text {
        padding-bottom: 70px;
    }
    &__comment-box {
        padding-bottom: 14px;
    }
    &-nav {
        & button {
            height: 50px;
            width: 50px;
            line-height: 50px;
            background-color: var(--tp-common-white);
            color: var(--tp-common-black);
            text-align: center;
            font-size: 18px;
        }
    }
    &-slider-button-prev {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        z-index: 9;
    }
    &-slider-button-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        z-index: 9;
    }
    &__comment-avater {
        & img {
            width: 100px;
            // height: 60px;
            display: inline-block;
            border-radius: 50%;
        }
    }
    &__thumb {
        & iframe {
            width: 100%;
        }
    }
    &__play-btn {
        & a {
            height: 85px;
            width: 85px;
            line-height: 85px;
            background-color: var(--tp-common-white);
            color: var(--tp-theme-1);
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            border-radius: 50%;
            animation: pulse 2s infinite;
        }
    }
    &__area {
        padding-top: 57px;
    }
    &__thumb {
        & img {
            width: 100%;
            height: auto;
        }
    }
    &__wrapper {
        @media #{$xs} {
            padding-right: 0px;
        }
    }

&__comment-avater {
        @media #{$xs} {
            height: 50px;
            width: 54px;
            margin-right: 15px;
        }
    }

&__comment-text {
        & p {
            font-size: 16px;
            margin-top: 11px;
        }
    }

&__banner-img {
        @media #{$sm, $xs} {
            margin-bottom: 30px;
        }
    }
}

.blog-banner-title-black {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    padding: 60px 50px;
    color: var(--tp-heading-primary);
    font-size: 24px;

@media #{$lg} {
        padding: 43px 34px;
    }

@media #{$sm} {
        padding: 75px 68px;
    }

@media #{$xs} {
        padding: 40px 26px;
    }

}
.blog-sidebar__wrapper {
	@media #{$lg, $md, $xs, $sm} {
        padding-left: 0px;
    }

}

Nama File / Folder	Size	Action
_postbox.scss	3.318KB	Edit File Delete File Rename
_recent-post.scss	2.317KB	Edit File Delete File Rename
_sidebar.scss	12.153KB	Edit File Delete File Rename
index.scss	0.075KB	Edit File Delete File Rename