Implemented audio player

2018-03-11 04:45:01 +01:00
parent 8071e18c65
commit 42c16053a9
4 changed files with 96 additions and 7 deletions
--- a/layout/sidebar/audioplayer.scarlet
+++ b/layout/sidebar/audioplayer.scarlet
@ -0,0 +1,36 @@
+#audio-player
+	horizontal
+	default-transition
+	justify-content center
+	align-items center
+	margin 0.8rem 0
+
+.audio-player-play-pause-container
+	position relative
+	width 48px
+	height 48px
+
+#audio-player-play,
+#audio-player-pause
+	position absolute
+	left 0
+	top 0
+	display flex
+	justify-content center
+	align-items center
+	font-size 1.5rem
+	background rgba(0, 0, 0, 0.03)
+	border none
+	border-radius 50%
+	width 100%
+	height 100%
+
+	:hover
+		color button-hover-color
+		background button-hover-background
+
+	&.fade-out
+		pointer-events none
+
+	.icon-play
+		transform translateX(3px)