bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/fullscreen-button/styles.scss
2019-09-17 15:25:28 -03:00

79 lines
1.0 KiB
SCSS

@import '/imports/ui/stylesheets/variables/_all';
:root {
::-webkit-media-controls {
display: none !important;
}
}
.wrapper {
position: absolute;
right: 0;
left: auto;
background-color: var(--color-transparent);
cursor: pointer;
border: 0;
border-radius: 5px;
z-index: 2;
[dir="rtl"] & {
right: auto;
left :0;
}
[class*="presentationZoomControls"] & {
position: relative !important;
}
}
.button {
&,
&:active,
&:hover,
&:focus {
background-color: var(--color-transparent) !important;
border: none !important;
i {
border: none !important;
background-color: var(--color-transparent) !important;
}
}
}
.light {
background-color: var(--color-transparent);
}
.light .button i {
color: var(--color-black);
}
.dark {
background-color: rgba(0,0,0,.3);
}
.dark .button i {
color: var(--color-white);
}
.top{
top: 0;
}
.bottom{
bottom: 0;
}
.fullScreenButton {
padding: 5px;
&:hover {
border: 0;
}
i {
font-size: 1rem;
}
}