From bb5eaa86330749e55d589747fbcecb19def83b81 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Thu, 27 Nov 2014 13:42:03 +0100
Subject: [PATCH] Markdown help SCSS refactor

---
 app/styles/components/markdown-help.scss | 18 ++++++++++++++++++
 app/styles/layout/us-detail.scss         | 18 ------------------
 app/styles/layout/wiki.scss              | 18 ++----------------
 app/styles/modules/common/history.scss   | 18 +-----------------
 main-sass.js                             |  1 +
 5 files changed, 22 insertions(+), 51 deletions(-)
 create mode 100644 app/styles/components/markdown-help.scss

diff --git a/app/styles/components/markdown-help.scss b/app/styles/components/markdown-help.scss
new file mode 100644
index 00000000..270a7e38
--- /dev/null
+++ b/app/styles/components/markdown-help.scss
@@ -0,0 +1,18 @@
+a.help-markdown {
+    @extend %small;
+    color: $gray-light;
+    &:hover {
+        span {
+            @include transition(color .2s linear);
+            color: $grayer;
+        }
+        .icon {
+            @include transition(color .2s linear);
+            color: $fresh-taiga;
+        }
+    }
+    .icon {
+        color: $gray-light;
+        margin-right: .2rem;
+    }
+}
diff --git a/app/styles/layout/us-detail.scss b/app/styles/layout/us-detail.scss
index db453178..f93c8199 100644
--- a/app/styles/layout/us-detail.scss
+++ b/app/styles/layout/us-detail.scss
@@ -216,24 +216,6 @@
             right: 2.5rem;
             top: .4rem;
         }
-        .help-markdown {
-            @extend %small;
-            color: $gray-light;
-            &:hover {
-                span {
-                    @include transition(color .2s linear);
-                    color: $grayer;
-                }
-                .icon {
-                    @include transition(color .2s linear);
-                    color: $fresh-taiga;
-                }
-            }
-            .icon {
-                color: $gray-light;
-                margin-right: .2rem;
-            }
-        }
     }
 }
 
diff --git a/app/styles/layout/wiki.scss b/app/styles/layout/wiki.scss
index 03215f2b..05ead45c 100644
--- a/app/styles/layout/wiki.scss
+++ b/app/styles/layout/wiki.scss
@@ -1,6 +1,5 @@
 .wiki {
-    .remove,
-    .help-markdown {
+    .remove {
         @extend %small;
         color: $gray-light;
         &:hover {
@@ -10,6 +9,7 @@
             }
             .icon {
                 @include transition(color .2s linear);
+                color: $red;
             }
         }
         .icon {
@@ -17,20 +17,6 @@
             margin-right: .2rem;
         }
     }
-    .remove {
-        &:hover {
-            .icon {
-                color: $red;
-            }
-        }
-    }
-    .help-markdown {
-        &:hover {
-            .icon {
-                color: $fresh-taiga;
-            }
-        }
-    }
 }
 
 .wiki-content {
diff --git a/app/styles/modules/common/history.scss b/app/styles/modules/common/history.scss
index e383fd55..62a43676 100644
--- a/app/styles/modules/common/history.scss
+++ b/app/styles/modules/common/history.scss
@@ -85,28 +85,12 @@
     }
     textarea {
         background: $white;
-        margin-bottom: .5rem;
         height: 5rem;
+        margin-bottom: .5rem;
         min-height: 41px;
     }
     .help-markdown {
-        @extend %small;
-        color: $gray-light;
         opacity: 0;
-        &:hover {
-            span {
-                @include transition(color .2s linear);
-                color: $grayer;
-            }
-            .icon {
-                @include transition(color .2s linear);
-                color: $fresh-taiga;
-            }
-        }
-        .icon {
-            color: $gray-light;
-            margin-right: .2rem;
-        }
     }
     .save-comment {
         color: $white;
diff --git a/main-sass.js b/main-sass.js
index af5a6cda..2693462e 100644
--- a/main-sass.js
+++ b/main-sass.js
@@ -54,6 +54,7 @@ exports.files = function () {
         'components/help-notion-button',
         'components/beta',
         'components/markitup',
+        'components/markdown-help',
 
 
         //#################################################