60 lines
1.1 KiB
SCSS
60 lines
1.1 KiB
SCSS
@import "variables";
|
|
@import "mixins";
|
|
|
|
|
|
.floating-column {
|
|
width: calc(100%);
|
|
width: $floating-column-size;
|
|
|
|
background-color: $color-secondary;
|
|
overflow: hidden;
|
|
z-index: 200;
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: $stream-selector-height;
|
|
padding: 0;
|
|
|
|
white-space: normal;
|
|
|
|
// &__header {
|
|
|
|
// }
|
|
}
|
|
|
|
.stream-overlay {
|
|
position: absolute;
|
|
z-index: 50;
|
|
width: $floating-column-size;
|
|
height: calc(100%);
|
|
}
|
|
|
|
.close-button {
|
|
display: block;
|
|
float: right;
|
|
font-size: 14px;
|
|
color: white;
|
|
margin: 10px 16px 0 0;
|
|
|
|
// display: inline-block;
|
|
// background-color: $color-primary;
|
|
// color: darken(white, 30);
|
|
// border-radius: 999px;
|
|
// width: 26px;
|
|
// height: 26px;
|
|
// text-align: center;
|
|
// text-decoration: none;
|
|
// padding: 1px;
|
|
|
|
// z-index: 9999;
|
|
// float: right;
|
|
// margin: 10px;
|
|
|
|
// transition: all .2s;
|
|
|
|
// &:hover {
|
|
// background-color: lighten($color-primary, 20);
|
|
// color: white;
|
|
// // transform: scale(1.2);
|
|
// }
|
|
|
|
} |