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

47 lines
626 B
SCSS
Raw Normal View History

@import "/imports/ui/stylesheets/variables/_all";
2017-04-06 00:20:32 +08:00
.actionsbar,
.left,
.center {
display: flex;
flex-direction: row;
}
.left,
.center {
flex: 1;
2018-01-13 00:32:33 +08:00
justify-content: center;
2017-04-06 00:20:32 +08:00
> * {
margin: 0 $sm-padding-x;
@include mq($small-only) {
margin: 0 $sm-padding-y;
}
2017-04-06 00:20:32 +08:00
}
}
.left {
2017-04-06 00:20:32 +08:00
position: absolute;
@include mq($small-only) {
bottom: $sm-padding-x;
left: $sm-padding-x;
}
2017-04-06 00:20:32 +08:00
}
.centerWithActions {
@include mq($xsmall-only) {
justify-content: flex-end;
}
2017-04-06 00:20:32 +08:00
}
2017-11-13 20:24:06 +08:00
.button {
&:focus {
outline: none !important;
}
span:first-child {
box-shadow: 0 2px 5px 0 rgb(0, 0, 0);
}
}