Summary Files Commits Branches @commit @diff @stats
path: root / src / variables.less
diff options
context:
space:
mode:
Commitef7586bdc6f8f3eb4ea76193001c5bb6d28ffe08 (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-07-01 21:16:47 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2017-07-01 21:16:47 +0800
Files9f05944a927ae3c2a200eb5acd07b6448c485f30 /src/variables.less
Spectre-Dark-Gruvbox-ef7586bdc6f8f3eb4ea76193001c5bb6d28ffe08.tar
Spectre-Dark-Gruvbox-ef7586bdc6f8f3eb4ea76193001c5bb6d28ffe08.tar.gz
Spectre-Dark-Gruvbox-ef7586bdc6f8f3eb4ea76193001c5bb6d28ffe08.zip
Parent78de8f1a1f423a86c05f361e87012a8ea1f1211b (diff)
Add Buttons and Forms variables
1 files changed, 9 insertions, 1 deletions
-rw-r--r--src/variables.less10
diff --git a/src/variables.less b/src/variables.less
index 42eec35..cf50809 100644
--- a/src/variables.less
+++ b/src/variables.less
@@ -14,8 +14,8 @@
// 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-jp-font-family: @base-font-family, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, Meiryo, @fallback-font-family;
@cjk-zh-font-family: @base-font-family, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", @fallback-font-family;
+@cjk-jp-font-family: @base-font-family, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, Meiryo, @fallback-font-family;
@cjk-ko-font-family: @base-font-family, "Malgun Gothic", @fallback-font-family;
@body-font-family: @base-font-family, @fallback-font-family;
@@ -39,6 +39,14 @@
@layout-spacing: 10px;
@layout-spacing-sm: 5px;
@layout-spacing-lg: 15px;
+@control-size: @unit-8;
+@control-size-sm: @unit-6;
+@control-size-lg: @unit-10;
+@control-padding-h: @unit-2;
+@control-padding-v: (@control-size - @line-height) / 2 - @border-width;
+@control-padding-v-sm: (@control-size-sm - @line-height) / 2 - @border-width;
+@control-padding-v-lg: (@control-size-lg - @line-height) / 2 - @border-width;
+@control-icon-size: 14px;
@control-min-width: 180px;
@control-max-width: 320px;
@border-radius: 2px;