bigbluebutton-Github/bigbluebutton-html5/imports/ui/stylesheets/mixins/_indicators.scss
2021-04-07 09:17:34 -03:00

39 lines
780 B
SCSS

@mixin presenterIndicator() {
&:before {
opacity: 1;
top: var(--user-indicators-offset);
left: var(--user-indicators-offset);
bottom: auto;
right: auto;
border-radius: 5px;
background-color: var(--color-primary);
[dir="rtl"] & {
left: auto;
right: var(--user-indicators-offset);
letter-spacing: -.33rem;
}
}
:global(.browser-chrome) &:before,
:global(.browser-firefox) &:before,
:global(.browser-edge) &:before {
padding: var(--indicator-padding);
}
}
@mixin indicatorStyles() {
&:after {
opacity: 1;
width: 1.2rem;
height: 1.2rem;
}
}
@mixin highContrastOutline() {
/* Visible in Windows high-contrast themes */
outline: transparent;
outline-style: dotted;
outline-width: 2px;
}