bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/video-preview/styles.scss

80 lines
959 B
SCSS

@import "/imports/ui/stylesheets/variables/_all";
@import '/imports/ui/stylesheets/mixins/focus';
@import "/imports/ui/components/modal/simple/styles";
.actions {
margin-left: auto;
}
.closeBtn {
i {
color: var(--color-gray-light);
}
margin-left: auto;
}
.col {
display: flex;
width: 30%;
height: 100%;
margin-right: 1.5rem;
}
.content {
display: flex;
flex: 3;
}
.footer {
display: flex;
}
.header {
display: flex;
border: none;
}
.label {
font-size: 0.85rem;
font-weight: bold;
color: var(--color-gray-label);
}
.modal {
padding: 1rem;
@extend .modal;
}
.overlay {
@extend .overlay;
}
.preview {
border-radius: 5px;
width: 100%;
height: 8rem;
}
.row {
display: flex;
}
.select {
margin-top: 0.4rem;
width: 100%;
height: 1.6rem;
color: var(--color-gray-label);
border-radius: 0.3rem;
background-color: var(--color-white);
}
.title {
font-size: 1.4rem;
text-align: center;
}