bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/fullscreen-button/styles.scss
2020-08-05 17:01:56 +00:00

73 lines
945 B
SCSS

@import '/imports/ui/stylesheets/variables/_all';
.wrapper {
position: absolute;
right: 0;
left: auto;
background-color: var(--color-transparent);
cursor: pointer;
border: 0;
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;
}
}