Sha256: d3e166bf0366b62d48c5f7a262bd72f14f7d73000cff4064ac93ece150b63b55
Contents?: true
Size: 1.99 KB
Versions: 22
Compression:
Stored size: 1.99 KB
Contents
.linkmap_audio_player_controls {
position: relative;
height: 100%;
width: 100%;
top: 0;
left: 0;
.pause {
display: none;
}
.play, .pause {
position: absolute;
z-index: 1;
}
.progress {
display: none;
}
.progress, .audio_inline_progress {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.current_time {
display: none;
}
.progress_inner {
position: absolute;
top: 50%;
left: 50%;
width: 95%;
height: 95%;
@include transform(translate(-50%,-50%));
}
.left_circle, .right_circle, .audio_inline_loading_spinner {
position: absolute;
height: 100%;
width: 50%;
top: 0;
left: 0;
overflow: hidden;
.circle_inner {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
overflow: hidden;
@include transform(rotate(0));
.circle_innerst {
position: absolute;
height: 100%;
width: 200%;
top: 0;
left: 0;
border: 3px solid green;
box-sizing: border-box;
border-radius: 50%;
}
}
}
.left_circle {
.circle_inner {
left: 100%;
@include transform-origin(center left);
.circle_innerst {
left: auto;
right: 0;
}
}
}
.right_circle {
left: 50%;
.circle_inner {
left: auto;
right: 100%;
@include transform-origin(center right);
}
}
.audio_inline_loading_spinner {
@include inline-loading-spinner;
}
}
.hover_area.loading {
.progress,
.audio_inline_loading_spinner {
display: block;
}
.left_circle,
.right_circle {
display: none;
}
}
.hover_area.playing {
.linkmap_audio_player_controls {
.play {
display: none;
}
.pause {
display: block;
}
.progress, .current_time {
display: block;
}
}
}
.hover_area.small {
.linkmap_audio_player_controls {
.current_time {
display: none;
}
}
}
Version data entries
22 entries across 22 versions & 1 rubygems