Sha256: 59f5d7e430ba269463d7879c4c4aab356c9316f8aea514859d9773a8f93977bc
Contents?: true
Size: 1.81 KB
Versions: 2
Compression:
Stored size: 1.81 KB
Contents
$background-media-unmute-button-color: rgba(53, 53, 53, 0.9);
$background-media-unmute-button-shadow-color: #ccc;
$background-media-unmute-button-icon-color: #ddd;
$background-media-unmute-button-icon-size: 24px;
$background-media-unmute-button-size: 34px;
$background-media-unmute-button-margin: 10px;
.background_media_unmute_button {
position: absolute;
top: 26px;
right: 25px;
width: $background-media-unmute-button-size + $background-media-unmute-button-margin;
height: $background-media-unmute-button-size + $background-media-unmute-button-margin;
@extend %pageflow_widget_margin_right_max !optional;
@extend %pageflow_widget_margin_top !optional;
@include mobile {
top: 70px;
right: 11px;
}
&:before {
z-index: 2;
}
&:after {
content: "";
display: block;
position: absolute;
top: 6px;
left: 6px;
width: $background-media-unmute-button-size;
height: $background-media-unmute-button-size;
border-radius: $background-media-unmute-button-size / 2;
background-color: $background-media-unmute-button-color;
@include box-shadow(0 0 7px $background-media-unmute-button-shadow-color);
z-index: 1;
}
a {
display: block;
width: 100%;
height: 100%;
z-index: 2;
position: relative;
@include background-icon-center($color: $background-media-unmute-button-icon-color,
$font-size: $background-media-unmute-button-icon-size);
@include fa-volume-down-icon;
&:after {
content: "";
display: block;
position: absolute;
width: 25px;
left: 22px;
top: 22px;
border-top: solid 2px $background-media-unmute-button-icon-color;
border-bottom: solid 1px $background-media-unmute-button-color;
@include transform(translate(-50%, -50%) rotate(45deg));
}
}
}
Version data entries
2 entries across 2 versions & 1 rubygems