Merge pull request #136 from picturepan2/hotfix/fixes v0.1.32

Hotfix/fixes

1 files changed, 13 insertions, 4 deletions

diff --git a/src/variables.less b/src/variables.less
index 2298e32..55b9d21 100644
--- a/src/variables.less
+++ b/src/variables.less
@@ -6,12 +6,16 @@
 @body-bg: #fff;
 @body-font-color: #333;
 @body-font-size: 1.4rem;
-// https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/
-@body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", Meiryo, "Malgun Gothic", "Helvetica Neue", sans-serif;
+// Credit: https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/
+@base-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto;
+@fallback-font-family: "Helvetica Neue", sans-serif;
+@cjk-font-family: @base-font-family, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", Meiryo, "Malgun Gothic", @fallback-font-family;
+@body-font-family: @base-font-family, @fallback-font-family;
 
 // Sizes
 @layout-gutter: 1rem;
 @control-min-width: 18rem;
+@border-radius: .2rem;
 
 // Colors
 @core-color: #5764c6;
@@ -43,14 +47,19 @@
     display: table;
   }
 }
+.control-shadow() {
+  box-shadow: 0 0 .4rem fade(@core-color, 25%);
+}
+.control-transition() {
+  transition: all .15s ease;
+}
 .toast-variant(@color) {
   background: fade(@color, 90%);
   border-color: @color;
 }
 .label-base() {
   border-radius: .2rem;
-  display: inline;
-  font-size: 1em;
+  font-size: .95em;
   padding: .1em .3em;
   vertical-align: baseline;
 }