import { StyleSheet } from "aphrodite";

export default StyleSheet.create({
  "mini-player": {
    position: "fixed",
    maxHeight: "50px",
    opacity: ".95",
    zIndex: "101",
    // account for border on light version of nav
    // marginBottom: "52px",
    marginBottom: "50px",
  },

  "mini-album-cover": {
    width: "32px",
  },

  "mini-player-stop": {
    position: "fixed",
    height: "50px",
    zIndex: "101",
    marginBottom: "50px",
  },

  "mini-player-stop-h6": {
    marginTop: "6px",
  },

  "mini-player-stop-h6-icon": {
    fontSize: "1.2em",
    ":before": {
      verticalAlign: "middle",
    },
  },

  "mini-player-transition": {
    WebkitTransition: "left 300ms",
    transition: "left 300ms",
  },

  "mini-player-fade": {
    WebkitTransition: "opacity 300ms",
    transition: "opacity 300ms",
    opacity: 0,
  },
});

@@ -494,17 +494,17 @@
 inTop: %22
-6
+3
 px%22,%0A  %7D
@@ -565,63 +565,8 @@
 m%22,%0A
-    %22:before%22: %7B%0A      verticalAlign: %22middle%22,%0A    %7D,%0A
   %7D,

update positioning of icon and text for dismissing audio player