Sengi-Windows-MacOS-Linux/src/app/components/stream/stream.component.scss

@import "variables";
@import "commons";
$stream-header-height: 40px;
.stream-column {
    position: relative;
    width: $stream-column-width;
    height: calc(100%);
    background-color: $column-color;
    margin: 0 0 0 $stream-column-separator;
    &__stream-header {         
        border-bottom: 1px solid #222736;       
    }

    &__stream-selector {
        display: block;
        width: calc(100%);
        height: $stream-header-height;
        background-color: $column-header-background-color;
        
        &:hover {
            text-decoration: none;
        }

        & h1 {
            color: whitesmoke;
            font-size: 0.8em;
            font-weight: normal;
            margin: 0;
            padding: 13px 0 0 10px;
        }
    }
}

.stream-statuses {
    display: block;
    height: calc(100% - #{$stream-header-height});
    width: 320px;
}

// .stream-toots {
//     height: calc(100% - 30px);
//     width: 320px;
//     overflow: auto;
//     &__status:not(:last-child) {
//         border: solid #06070b;
//         border-width: 0 0 1px 0;
//     }
// }
.stream-overlay {
    position: absolute;
    z-index: 50;
    width: $stream-column-width;
    height: calc(100%);
}