style(mini player): Adapt for smaller screens

2020-02-29 16:46:59 +01:00
parent c39314abca
commit 12cfa809fb
1 changed files with 17 additions and 0 deletions
--- a/src/assets/scss/8-rwd/_rwd-xsmall.scss
+++ b/src/assets/scss/8-rwd/_rwd-xsmall.scss
@@ -3,4 +3,21 @@
 /* ----------------------------------------------------------- */

@media (max-width: $xsmall) {
+  /* Player
+    -------------------------------------------------------------- */
+
+  .player {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .playerMini {
+    align-self: center;
+    margin-bottom: 2rem;
+    width: 16rem;
+  }
+
+  .track--active::before {
+    display: none;
+  }
 }