commento-oauth.scss: move oauth button styling to file

2019-02-13 00:58:01 -05:00
parent 4ceb85ae51
commit e70546fb56
3 changed files with 28 additions and 40 deletions
--- a/frontend/sass/commento-oauth.scss
+++ 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;
+    }
+  }
+}