70 lines
1.3 KiB
SCSS
Executable File
70 lines
1.3 KiB
SCSS
Executable File
@import "/imports/ui/stylesheets/variables/_all";
|
|
@import "/imports/ui/components/actions-bar/styles.scss";
|
|
|
|
.container {
|
|
display: flex;
|
|
flex-flow: row;
|
|
|
|
.muteToggle {
|
|
margin-right: var(--sm-padding-x);
|
|
margin-left: 0;
|
|
|
|
@include mq($small-only) {
|
|
margin-right: var(--sm-padding-y);
|
|
}
|
|
|
|
[dir="rtl"] & {
|
|
margin-left: var(--sm-padding-x);
|
|
margin-right: 0;
|
|
|
|
@include mq($small-only) {
|
|
margin-left: var(--sm-padding-y);
|
|
}
|
|
}
|
|
}
|
|
|
|
> :last-child {
|
|
margin-left: var(--sm-padding-x);
|
|
margin-right: 0;
|
|
|
|
@include mq($small-only) {
|
|
margin-left: var(--sm-padding-y);
|
|
}
|
|
|
|
[dir="rtl"] & {
|
|
margin-left: 0;
|
|
margin-right: var(--sm-padding-x);
|
|
|
|
@include mq($small-only) {
|
|
margin-right: var(--sm-padding-y);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.glow {
|
|
border-radius: 50%;
|
|
|
|
:global(.animationsEnabled) & {
|
|
animation: pulse 1s infinite ease-in;
|
|
}
|
|
|
|
:global(.animationsDisabled) & span {
|
|
content: '';
|
|
outline: none !important;
|
|
background-clip: padding-box;
|
|
box-shadow: 0 0 0 4px rgba(255,255,255,.5);
|
|
}
|
|
}
|
|
|
|
@keyframes pulse {
|
|
0% {
|
|
box-shadow: 0 0 0 0 white;
|
|
}
|
|
70% {
|
|
box-shadow: 0 0 0 0.5625rem transparent;
|
|
}
|
|
100% {
|
|
box-shadow: 0 0 0 0 transparent;
|
|
}
|
|
} |