%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/businessmultisite/wp-content/themes/stripes_weekly/src/scss/
Upload File :
Create Path :
Current File : /var/www/businessmultisite/wp-content/themes/stripes_weekly/src/scss/_additional-responsive.scss

.single-articles,
.single-chronicle {
    article {
        @include media-breakpoint-down(md) {
            padding-top: calc-rem(27);
            padding-left: 0;
            padding-right: 0;
        }

        &.article--serie,
        &.post-type-chronicle {
            @include media-breakpoint-down(md) {
                padding-left: calc-rem(5);
            }

            .featured-image {
                @include media-breakpoint-down(md) {
                    margin-left: calc-rem(-20);
                }
            }
        }
        
        .article-labels--before-titles {
            @include media-breakpoint-down(md) {
                flex-wrap: nowrap;
                margin-bottom: calc-rem(18) !important;
            }

            .article-item--category {
                @include media-breakpoint-down(md) {
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
            }

            .article-save-btn {
                @include media-breakpoint-down(md) {
                    margin-left: auto;
                }
            }
        }

        .article-labels--after-featured-image {
            @include media-breakpoint-down(md) {
                border-top: solid 1px #D6D6D6;
                position: relative;
                min-height: calc-rem(70);
                padding-top: calc-rem(13);
                padding-bottom: calc-rem(13);
                padding-right: calc-rem(170);
                margin-bottom: calc-rem(23) !important;
            }

            .article-item--company,
            .article-author {
                @include media-breakpoint-down(md) {
                    margin-bottom: calc-rem(0);
                    margin-top: calc-rem(0);
                }
            }

            .article-item--company {
                @include media-breakpoint-down(md) {
                    order: 1;
                }
            }

            .article-author {
                @include media-breakpoint-down(md) {
                    order: 2;
                }
            }

            .article-item--sponsored {
                @include media-breakpoint-down(md) {
                    position: absolute;
                    right: 0;
                    top: 0;
                    transform: translateY(-50%);
                    margin-right: 0;
                }
            }

            .share-btn--wrapper {
                @include media-breakpoint-down(md) {
                    position: absolute;
                    right: 0;
                    top: 50%;
                    transform: translateY(-50%);
                }
            }
        }

        &.post-type-articles {
            h1 {
                @include media-breakpoint-down(md) {
                    margin-bottom: calc-rem(20);
                }
            }
        }

        .featured-image {
            @include media-breakpoint-down(md) {
                margin-left: calc-rem(-25);
                margin-right: calc-rem(-20);
            }

            figcaption {
                @include media-breakpoint-down(md) {
                    position: relative;
                    background: none;
                    color: #6C6C6C;
                    padding-left: calc-rem(25);
                    padding-right: calc-rem(20);

                }
            }
        }

        .text_after_featured_image {
            @include media-breakpoint-down(md) {
                font-size: calc-rem(19);
                line-height: calc-lh(19,29);
                padding-bottom: calc-rem(5);
                margin-bottom: calc-rem(20);
            }
        }

        .article-item--serie--list {

            @include media-breakpoint-down(md) {
                margin-bottom: 0;
            }

            .article-item--serie--item img {
                @include media-breakpoint-down(md) {
                    margin-bottom: calc-rem(13);
                }
            }
        }

        .article-labels--end-of-article {
            @include media-breakpoint-down(md) {
                margin-top: calc-rem(28) !important;
            }
        }
    }
}

Zerion Mini Shell 1.0