@import "variables"; .stream-column { width: $stream-column-width; height: calc(100%); background-color: #0f111a; margin: 0 0 0 $stream-column-separator; &__stream-header { width: calc(100%); height: 30px; background-color: black; border-bottom: 1px solid black; & h1 { color: whitesmoke; font-size: 0.8em; font-weight: normal; margin: 0; padding: 8px 0 0 10px; } } } .stream-toots { height: calc(100% - 30px); width: 320px; overflow: auto; &__status:not(:last-child) { border: solid #06070b; border-width: 0 0 1px 0; } } .flexcroll { scrollbar-face-color: #08090d; scrollbar-shadow-color: #08090d; scrollbar-highlight-color: #08090d; scrollbar-3dlight-color: #08090d; scrollbar-darkshadow-color: #08090d; scrollbar-track-color: #08090d; scrollbar-arrow-color: #08090d; &::-webkit-scrollbar { width: 7px; } &::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; border-radius: 0px; background: #08090d; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5); } }