From c23ffffb36150a9456fce47a93bda596bed311d2 Mon Sep 17 00:00:00 2001
From: Joe <33972521+hnb-ku@users.noreply.github.com>
Date: Sun, 6 May 2018 13:54:10 +0800
Subject: [PATCH] Update common.scss

---
 common/common.scss | 49 +++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 44 insertions(+), 5 deletions(-)

diff --git a/common/common.scss b/common/common.scss
index 0bb46fd..5256c71 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -1,8 +1,47 @@
 //use Roboto font
 html {
-    font-family: "Roboto", sans-serif;
-    font-weight: 400;
+  font-family: "Roboto", sans-serif;
+  font-weight: 400;
+}
+
+body input,
+body button,
+body select,
+body textarea {
+  font-family: "Roboto", Helvetica, Arial, sans-serif;
+}
+
+@mixin boxShadow {
+  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12);
+}
+
+@mixin buttonShadow {
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
+}
+
+//raise and round buttons
+.btn {
+  border-radius: 2px;
+  @include boxShadow;
+}
+
+//remove shadow from a few buttons
+.d-editor-button-bar .btn,
+.bulk-select-all,
+.bulk-clear-all,
+.period-chooser-header,
+.topic-map .btn.no-text,
+.badge-section .btn,
+#revision .btn,
+#new-account-link,
+#login-link {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+//No more image cropping
+#reply-control .d-editor-preview img:not(.thumbnail):not(.emoji),
+.cooked img:not(.thumbnail):not(.emoji) {
+  max-width: 100% !important;
+  height: auto;
 }
-body input, body button, body select, body textarea {
-    font-family: "Roboto", Helvetica, Arial, sans-serif;
-}
\ No newline at end of file