Move styles from ember-hacks.css in Ghost to here

core/client/assets/sass/modules/animations.scss

@@ -28,7 +28,7 @@
    TODO: Make the fadeIn keyframe name hyphenated, not camelCase
    ========================================================================== */
 
-@include keyframes(fadeIn) {
+@include keyframes(fade-in) {
     from {
         opacity: 0;
     }
@@ -36,6 +36,12 @@
         opacity: 1;
     }
 }
+.fade-in {
+    -o-animation: fade-in 0.5s;
+    -moz-animation: fade-in 0.5s;
+    -webkit-animation: fade-in 0.5s;
+    animation: fade-in 0.5s;
+}
 
 /* ==========================================================================
    Fade Out
@@ -49,4 +55,10 @@
     to {
         opacity: 0;
     }
+}
+.fade-out {
+    -o-animation: fade-out 0.5s;
+    -moz-animation: fade-out 0.5s;
+    -webkit-animation: fade-out 0.5s;
+    animation: fade-out 0.5s;
 }

core/client/assets/sass/modules/buttons.scss

@@ -88,9 +88,15 @@
 
 }
 
+button {
+    border: 0;
+    padding: 0;
+    background: transparent;
+}
+
 // This is the default button style
 .button,
-button,
+// button,
 input[type="button"] {
     @extend %btn;
     color:#777;

core/client/assets/sass/modules/dropdowns.scss

@@ -4,6 +4,7 @@
  * Table of Contents
  *
  * Dropdowns
+ * Dropdown Show & Hide
  * Menu
  * Menu Positioning Options
  * Post Settings
@@ -27,6 +28,27 @@
 
 } // .dropdown
 
+a.dropdown,
+button.dropdown {
+    cursor: pointer;
+}
+
+
+ /* ==========================================================================
+   Dropdown Show & Hide
+   ---
+   Sadly !important is needed, to counteract the stringer selectors applying
+   a display property.
+   ========================================================================== */
+
+.ghost-popover {
+    display: none !important;
+}
+
+.ghost-popover.open {
+    display: block !important;
+}
+
 
  /* ==========================================================================
    Menu