diff options
Update label mixin and code mono font family
4 files changed, 4 insertions, 4 deletions
| -rw-r--r-- | src/labels.less | 2 | ||||
| -rw-r--r-- | src/mixins.less | 3 | ||||
| -rw-r--r-- | src/normalize.less | 2 | ||||
| -rw-r--r-- | src/variables.less | 1 |
diff --git a/src/labels.less b/src/labels.less index c9a103d..024f52e 100644 --- a/src/labels.less +++ b/src/labels.less @@ -1,7 +1,9 @@ // Labels .label { + display: inline-block; .label-base(); .label-variant(lighten(@body-font-color, 5%), @bg-color); + line-height: 1; &.label-primary { .label-variant(@light-color, @primary-color); diff --git a/src/mixins.less b/src/mixins.less index 6fd4d6d..00ce143 100644 --- a/src/mixins.less +++ b/src/mixins.less @@ -34,10 +34,7 @@ // Label base style .label-base() { border-radius: @border-radius; - display: inline-block; - line-height: 1.2; padding: .1em .3em; - vertical-align: baseline; } .label-variant(@color: @light-color, @bg-color: @primary-color) { diff --git a/src/normalize.less b/src/normalize.less index d32cd77..5d2fa99 100644 --- a/src/normalize.less +++ b/src/normalize.less @@ -141,7 +141,7 @@ code, kbd, pre, samp { - font-family: monospace, monospace; /* 1 */ + font-family: @mono-font-family; /* 1 (changed) */ font-size: 1em; /* 2 */ } diff --git a/src/variables.less b/src/variables.less index e1352dc..cd530e2 100644 --- a/src/variables.less +++ b/src/variables.less @@ -13,6 +13,7 @@ // Fonts // Credit: https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/ @base-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto; +@mono-font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace; @fallback-font-family: "Helvetica Neue", sans-serif; @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; |