diff options
Diffstat (limited to 'webapp/sass/utils/_mixins.scss')
-rw-r--r-- | webapp/sass/utils/_mixins.scss | 72 |
1 files changed, 71 insertions, 1 deletions
diff --git a/webapp/sass/utils/_mixins.scss b/webapp/sass/utils/_mixins.scss index 6e4488fca..e252086ae 100644 --- a/webapp/sass/utils/_mixins.scss +++ b/webapp/sass/utils/_mixins.scss @@ -26,4 +26,74 @@ @mixin cursor($value) { cursor: -webkit-$value; cursor: zoom-$value; -}
\ No newline at end of file +} + +// Webrtc button +@mixin webrtc-button { + .webrtc__button { + @include border-radius(50px); + display: block; + height: 32px; + width: 32px; + + &.on, + &:hover { + background: darken($button--ready, 5%); + } + + &:hover circle { + fill: darken($button--ready, 5%); + } + + circle { + fill: $button--ready; + + &.offline { + fill: $video-circle-offline; + } + } + + path { + .on { + display: none; + } + + .off { + display: block; + } + } + + &.on { + path { + .on { + display: block; + } + + .off { + display: none; + } + } + + circle { + fill-opacity: 0; + } + } + } + + a { + &[disabled] { + .webrtc__button { + &:hover { + background: none; + box-shadow: none; + } + + &:hover { + circle { + fill: $video-circle-offline; + } + } + } + } + } +} |