bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss
Oswaldo Acauan f71d32a464 Move from SCSS variables to CSS custom properties (variables) and add custom parameters for theming/skinning
WIP

wip

wip

format

wip

Move from SCSS variables to CSS custom properties (variables) and add custom parameters for theming/skinning
2018-10-23 14:21:58 -02:00

47 lines
650 B
SCSS

@import "/imports/ui/stylesheets/variables/_all";
.actionsbar,
.left,
.center {
display: flex;
flex-direction: row;
}
.left,
.center {
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);
}
}
.centerWithActions {
@include mq($xsmall-only) {
justify-content: flex-end;
}
}
.button {
&:focus {
outline: none !important;
}
span:first-child {
box-shadow: 0 2px 5px 0 rgb(0, 0, 0);
}
}