From 12cfa809fb4e411458373571f7cda79d82bb5280 Mon Sep 17 00:00:00 2001 From: Tixie Date: Sat, 29 Feb 2020 16:46:59 +0100 Subject: [PATCH] style(mini player): Adapt for smaller screens --- src/assets/scss/8-rwd/_rwd-xsmall.scss | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/src/assets/scss/8-rwd/_rwd-xsmall.scss b/src/assets/scss/8-rwd/_rwd-xsmall.scss index a808596..74d1955 100755 --- 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; + } }