bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/modal/simple/styles.scss
2018-09-25 17:29:54 -03:00

46 lines
810 B
SCSS

@import "/imports/ui/stylesheets/variables/_all";
@import "../base/styles";
.modal {
display: flex;
flex-direction: column;
padding: ($line-height-computed / 2) $line-height-computed;
box-shadow : 0px 0px 15px rgba(0, 0, 0, 0.5);
}
.content {
overflow: auto;
color: $color-text;
font-weight: normal;
padding: $line-height-computed 0;
}
.header {
display: flex;
padding: ($line-height-computed / 2) 0;
border-bottom: $border-size solid $color-gray-lighter;
flex-shrink: 0;
}
.title {
@extend %text-elipsis;
flex: 1;
margin: 0;
font-weight: 400;
}
.dismiss {
flex: 0;
> span:first-child {
border-color: transparent;
background-color: transparent;
> i { color: $color-text; }
}
}
.overlay {
@extend .overlay;
background-color: rgba(6, 23, 42, 0.75);
}