@charset "UTF-8";
// Morten Mitchell Larød 2019

.ver3-0 { //mvp
    .article-list article .text-container .titles .streamer,
    .article-list article .text-container .meta .top-label,
    .article-list article ul.tools li.create-bundle,
    .article-list article .teaser-info .info-icons .conversions,
    .article-list .sort,
    #edit-teaser .content .two-cols .preview-col,
    .layout-toggles,
    .page-header.grid-container .publish-undo,
    .show-info-images,
    .article-list article .teaser-content .text-container .meta .subscription,

    .menu-item-co,
    .menu-item-bundle,
    .menu-item-scheduled,
    .menu-item-not-published,
    
    .field-toplabel,
    .field-streamer,
    .field-emphasis { 
        display: none !important;
        content: '' !important;
    } 
    .article-list li.article::before {
        border-bottom: none !important; 
    }
    #edit-teaser .content .two-cols {
        grid-template-columns: 1fr;
    }
    #edit-teaser {
        width: 30%;
        min-width: 450px;
    }
    #edit-teaser .content .two-cols .edit-col {
        padding: 0;
    }
    .aside-nav,
    .main-nav {
        ul {
            li {
                a {
                    cursor: default;
                    &:hover {
                        border-bottom: none;
                    }
                }
                &:last-child {
                    margin-right: 0;
                }
                &.active {
                    a {
                        border-bottom: none;
                    }
                }
            }
        }
    }   
}

.ver3-0-1 { //compact teaser view
    .article-list article .text-container .titles .streamer,
    .article-list article .text-container .meta .top-label,
    .article-list article ul.tools li.create-bundle,
    .article-list article .teaser-info .info-icons .conversions,
    .article-list .sort,
    #edit-teaser .content .two-cols .preview-col,
    .page-header.grid-container .publish-undo,
    .article-list article .teaser-content .text-container .meta .subscription,

    .menu-item-co,
    .menu-item-bundle,
    .menu-item-scheduled,
    .menu-item-not-published,
    
    .field-toplabel,
    .field-streamer,
    .field-emphasis { 
        display: none !important;
        content: '' !important;
    } 
    .article-list li.article::before {
        border-bottom: none !important; 
    }
    #edit-teaser .content .two-cols {
        grid-template-columns: 1fr;
    }
    #edit-teaser {
        width: 30%;
        min-width: 450px;
    }
    #edit-teaser .content .two-cols .edit-col {
        padding: 0;
    }
    .aside-nav,
    .main-nav {
        ul {
            li {
                a {
                    cursor: default;
                    &:hover {
                        border-bottom: none;
                    }
                }
                &:last-child {
                    margin-right: 0;
                }
                &.active {
                    a {
                        border-bottom: none;
                    }
                }
            }
        }
    }   
}

.ver3-1 { // content overview
    .article-list article .text-container .titles .streamer,
    .article-list article .text-container .meta .top-label,
    .article-list article ul.tools li.create-bundle,
    .article-list article .teaser-info .info-icons .conversions,
    .article-list .sort,
    #edit-teaser .content .two-cols .preview-col,
    .page-header.grid-container .publish-undo,
    .article-list article .teaser-content .text-container .meta .subscription,

    .menu-item-bundle,
    .menu-item-scheduled,
    .menu-item-not-published,

    .field-emphasis,
    .field-streamer,
    .field-toplabel { 
        display: none !important;
        content: '' !important;
    } 
    .article-list li.article::before {
        border-bottom: none !important; 
    }
    #edit-teaser .content .two-cols {
        grid-template-columns: 1fr;
    }
    #edit-teaser {
        width: 30%;
        min-width: 450px;
    }
    #edit-teaser .content .two-cols .edit-col {
        padding: 0;
    }
    .edit-lock {
        &:before {
            content: "Bernard Shaw is editing...";
            position: absolute;
            top: -2px;
            left: -2px;
            font-size: 13px;
            padding: $gap-tiny $gap-default;
            border-radius: 4px;
            background-color: $sand-yellow-400;
            border: 2px solid $sand-yellow-400;
            z-index: 2;
        }
        &:after {
            content: "";
            position: absolute;
            top: -2px;
            right: -2px;
            bottom: -2px;
            left: -2px;
            border-radius: 5px;
            background-color: rgba(255, 255, 255, 0.7);
            border: 2px solid $sand-yellow-400;
            z-index: 1;
        }
    }
    .aside-nav {
        ul {
            li {
                a {
                    cursor: default;
                    &:hover {
                        border-bottom: none;
                    }
                }
                &:last-child {
                    margin-right: 0;
                }
                &.active {
                    a {
                        border-bottom: none;
                    }
                }
            }
        }
    }
}



.ver3-1-5 { // mullti user
    .article-list article .text-container .titles .streamer,
    .article-list article .text-container .meta .top-label,
    .article-list article ul.tools li.create-bundle,
    .article-list article .teaser-info .info-icons .conversions,
    .article-list .sort,
    #edit-teaser .content .two-cols .preview-col,
    .page-header.grid-container .publish-undo,
    .article-list article .teaser-content .text-container .meta .subscription,

    .menu-item-bundle,
    .menu-item-scheduled,
    .menu-item-not-published,

    .field-emphasis,
    .field-streamer,
    .field-toplabel { 
        display: none !important;
        content: '' !important;
    } 
    .article-list li.article::before {
        border-bottom: none !important; 
    }
    #edit-teaser .content .two-cols {
        grid-template-columns: 1fr;
    }
    #edit-teaser {
        width: 30%;
        min-width: 450px;
    }
    #edit-teaser .content .two-cols .edit-col {
        padding: 0;
    }
    .edit-lock {
        &:before {
            content: "Bernard Shaw is editing...";
            position: absolute;
            top: -2px;
            left: -2px;
            font-size: 13px;
            padding: $gap-tiny $gap-default;
            border-radius: 4px;
            background-color: $sand-yellow-400;
            border: 2px solid $sand-yellow-400;
            z-index: 2;
        }
        &:after {
            content: "";
            position: absolute;
            top: -2px;
            right: -2px;
            bottom: -2px;
            left: -2px;
            border-radius: 5px;
            background-color: rgba(255, 255, 255, 0.7);
            border: 2px solid $sand-yellow-400;
            z-index: 1;
        }
    }
    .grid-main {
        &.locked {
            &:before {
                content: "William Shakespeare is shuffling the cards...";
                position: absolute;
                bottom: 24px;
                left: 80%;
                width: 25%;
                margin: 0px 0 0 -40%;
                text-align: center;
                padding: 12px $gap-default;
                border-radius: 4px;
                background-color: $sand-yellow-400;
                box-shadow: $elevation-04;
                z-index: 4;
            }
            &:after {
                content: "";
                position: absolute;
                top: -24px;
                right: -16px;
                bottom: 0px;
                left: -24px;
                background-color: rgba(255, 255, 255, 0.7);
                z-index: 3;
            }
        }
    }
    .aside-nav {
        ul {
            li {
                a {
                    cursor: default;
                    &:hover {
                        border-bottom: none;
                    }
                }
                &:last-child {
                    margin-right: 0;
                }
                &.active {
                    a {
                        border-bottom: none;
                    }
                }
            }
        }
    }
}

.ver3-2 { // bundles
    .article-list article .text-container .titles .streamer,
    .article-list article .text-container .meta .top-label,
    .article-list article .teaser-info .info-icons .conversions,
    .article-list .sort,
    #edit-teaser .content .two-cols .preview-col,
    .page-header.grid-container .publish-undo,
    .article-list article .teaser-content .text-container .meta .subscription,

    .menu-item-scheduled,
    .menu-item-not-published,
    .field-emphasis,
    .field-streamer,
    .field-toplabel { 
        display: none !important;
        content: '' !important;
    } 
    .article-list li.article::before {
        border-bottom: none !important; 
    }
    #edit-teaser .content .two-cols {
        grid-template-columns: 1fr;
    }
    #edit-teaser {
        width: 30%;
        min-width: 450px;
    }
    #edit-teaser .content .two-cols .edit-col {
        padding: 0;
    }
    .edit-lock {
        &:before {
            content: "William Shakespeare is editing...";
            position: absolute;
            top: -2px;
            left: -2px;
            font-size: 13px;
            padding: $gap-tiny $gap-default;
            border-radius: 4px;
            background-color: $sand-yellow-400;
            z-index: 2;
        }
        &:after {
            content: "";
            position: absolute;
            top: -2px;
            right: -2px;
            bottom: -2px;
            left: -2px;
            border-radius: 5px;
            background-color: rgba(255, 255, 255, 0.7);
            border: 2px solid $sand-yellow-400;
            z-index: 1;
        }
    }
    .aside-nav {
        ul {
            li {
                a {
                    cursor: default;
                    &:hover {
                        border-bottom: none;
                    }
                }
                &:last-child {
                    margin-right: 0;
                }
                &.active {
                    a {
                        border-bottom: none;
                    }
                }
            }
        }
    }
}