bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss

59 lines
854 B
SCSS
Executable File

@import "/imports/ui/stylesheets/variables/_all";
.actionsbar,
.left,
.center,
.right {
display: flex;
flex-direction: row;
}
.left,
.center,
.right {
flex: 1;
justify-content: center;
> * {
margin: 0 var(--sm-padding-x);
@include mq($small-only) {
margin: 0 var(--sm-padding-y);
}
}
}
.left {
position: absolute;
@include mq($small-only) {
bottom: var(--sm-padding-x);
left: var(--sm-padding-x);
}
}
.right {
position: absolute;
bottom: var(--sm-padding-x);
right: var(--sm-padding-x);
}
.centerWithActions {
@include mq($xsmall-only) {
justify-content: flex-end;
}
}
.button {
span:first-child {
box-shadow: 0 2px 5px 0 rgb(0, 0, 0);
}
}
.btn {
span {
box-shadow: none;
background-color: transparent !important;
border-color: var(--color-white) !important;
}
}