%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/_page-saved-articles.scss

.page-saved-articles--title {
    padding-top: calc-rem(97);
    padding-bottom: calc-rem(20);

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

    P {
        font-size: clc-rem(15);
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: calc-rem(1.5);
        margin-bottom: calc-rem(7);
    }

    h1 {
        font-size: calc-rem(42);
        font-weight: 600;
        color: #292929;
        margin-bottom: 0;
        color: $primary;
        
        @include media-breakpoint-down(md) {
            font-size: calc-rem(28);
        }
    }
}

.page-saved-articles--content {
    margin-bottom: calc-rem(65);
    @include media-breakpoint-down(md) {
        margin-bottom: calc-rem(30);
    }
    .page-saved-articles--content--inner {
        max-width: calc-rem(950);
        font-size: calc-rem(20);
        line-height: calc-lh(20,33);

        @include media-breakpoint-down(md) {
            font-size: calc-rem(17);
            line-height: calc-lh(17,26);
        }

        p {
            margin-bottom: calc-rem(30);
            
        }
    }
}

.page-saved-articles--list {
    margin-bottom: calc-rem(70);

    #saved-articles {
        > * {
            margin-bottom: calc-rem(40);
        }
    }
    
    .article-item {
        padding: calc-rem(20);
        border: solid 1px rgba($color: #000000, $alpha: 0.2);
        height: 100%;

        @include media-breakpoint-down(md) {
            flex-wrap: wrap;
        }

        .article-item--thumbnail,
        .article-item--info {
            margin-bottom: 0;
        }

        .article-item--info {
            flex: 1 1;
        }

        .article-item--saved {
            border-left: solid 1px rgba($color: #000000, $alpha: 0.2);
            
            @include media-breakpoint-down(md) {
                width: 100%;
                border-top: solid 1px rgba($color: #000000, $alpha: 0.2);
                border-left: 0;
            }
        }

        .article-save-btn {
            i {
                margin-left: 0;
            }
        }
    }
}

Zerion Mini Shell 1.0