From e70546fb56ce4ed7383793bd077961c9c1b3b4d1 Mon Sep 17 00:00:00 2001
From: Adhityaa Chandrasekar <adtac@adtac.in>
Date: Wed, 13 Feb 2019 00:58:01 -0500
Subject: [PATCH] commento-oauth.scss: move oauth button styling to file

---
 frontend/sass/commento-input.scss | 40 -------------------------------
 frontend/sass/commento-oauth.scss | 27 +++++++++++++++++++++
 frontend/sass/commento.scss       |  1 +
 3 files changed, 28 insertions(+), 40 deletions(-)
 create mode 100644 frontend/sass/commento-oauth.scss

diff --git a/frontend/sass/commento-input.scss b/frontend/sass/commento-input.scss
index 03c9f3a..6f4c6f8 100644
--- a/frontend/sass/commento-input.scss
+++ b/frontend/sass/commento-input.scss
@@ -48,46 +48,6 @@ textarea {
   }
 }
 
-.commento-oauth-buttons-container {
-  display: flex;
-  justify-content: center;
-}
-
-.commento-oauth-buttons {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  position: absolute;
-  z-index: 1;
-}
-
-.commento-oauth-buttons {
-  display: contents;
-}
-
-.commento-google-button {
-  background: #dd4b39;
-  text-transform: uppercase;
-  font-size: 13px;
-}
-
-.commento-github-button {
-  background: #000000;
-  text-transform: uppercase;
-  font-size: 13px;
-}
-
-.commento-anonymous-button {
-  display: block;
-  color: $blue-6;
-  font-weight: 700;
-  margin-top: 12px;
-  font-size: 12px;
-  cursor: pointer;
-  text-align: center;
-  text-transform: uppercase;
-}
-
 .commento-blurred-textarea {
   list-style: none;
   display: flex;
diff --git a/frontend/sass/commento-oauth.scss b/frontend/sass/commento-oauth.scss
new file mode 100644
index 0000000..60751a8
--- /dev/null
+++ b/frontend/sass/commento-oauth.scss
@@ -0,0 +1,27 @@
+@import "colors-main.scss";
+
+.commento-oauth-buttons-container {
+  display: flex;
+  justify-content: center;
+
+  .commento-oauth-buttons {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    position: absolute;
+    z-index: 1;
+    display: contents;
+
+    .commento-google-button {
+      background: #dd4b39;
+      text-transform: uppercase;
+      font-size: 13px;
+    }
+
+    .commento-github-button {
+      background: #000000;
+      text-transform: uppercase;
+      font-size: 13px;
+    }
+  }
+}
diff --git a/frontend/sass/commento.scss b/frontend/sass/commento.scss
index dc84cb2..4d13480 100644
--- a/frontend/sass/commento.scss
+++ b/frontend/sass/commento.scss
@@ -20,6 +20,7 @@
   @import "commento-common.scss";
   @import "commento-logged.scss";  // Logged in as <name>
   @import "commento-input.scss";   // Textarea decorations
+  @import "commento-oauth.scss";   // OAuth buttons
   @import "commento-card.scss";    // Each comment card
   @import "commento-login.scss";   // Popup box when logging in
   @import "commento-footer.scss";  // Powered by Commento