From b4bf9733ad555fc72542d73a70933bacef60c338 Mon Sep 17 00:00:00 2001
From: Scott Nonnenberg <scott@signal.org>
Date: Tue, 8 May 2018 09:51:19 -0700
Subject: [PATCH] Move CSS to remove button styling into mixins.scss

---
 stylesheets/_conversation.scss | 16 ++--------------
 stylesheets/_mixins.scss       | 10 ++++++++++
 2 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/stylesheets/_conversation.scss b/stylesheets/_conversation.scss
index a311c4f101cc..b3a8784bc9d6 100644
--- a/stylesheets/_conversation.scss
+++ b/stylesheets/_conversation.scss
@@ -751,13 +751,7 @@ span.status {
   cursor: pointer;
 
   button {
-    background: none;
-    color: inherit;
-    border: none;
-    padding: 0;
-    font: inherit;
-    cursor: pointer;
-    outline: inherit;
+    @include remove-button-styles;
   }
 
   .first-line {
@@ -875,13 +869,7 @@ span.status {
   margin-right: auto;
 
   button {
-    background: none;
-    color: inherit;
-    border: none;
-    padding: 0;
-    font: inherit;
-    cursor: pointer;
-    outline: inherit;
+    @include remove-button-styles;
   }
 
   .image-container {
diff --git a/stylesheets/_mixins.scss b/stylesheets/_mixins.scss
index 4cf24e68e87f..0b032d86ceb3 100644
--- a/stylesheets/_mixins.scss
+++ b/stylesheets/_mixins.scss
@@ -1,3 +1,13 @@
+@mixin remove-button-styles() {
+  background: none;
+  color: inherit;
+  border: none;
+  padding: 0;
+  font: inherit;
+  cursor: pointer;
+  outline: inherit;
+}
+
 @mixin color-svg($svg, $color) {
   -webkit-mask: url($svg) no-repeat center;
   -webkit-mask-size: 100%;