From 021e9af22717f48fec01213d03f3574f2a80b296 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BF=A1=E9=91=AB-King?= <45808948@qq.com> Date: Fri, 23 Aug 2019 22:19:04 +0800 Subject: [PATCH] feat: less vars for select and anchor (#18444) --- components/anchor/style/index.less | 2 +- components/select/style/index.less | 6 +++--- components/style/themes/default.less | 7 +++++++ 3 files changed, 11 insertions(+), 4 deletions(-) diff --git a/components/anchor/style/index.less b/components/anchor/style/index.less index ce82041718..bb75ac9ce3 100644 --- a/components/anchor/style/index.less +++ b/components/anchor/style/index.less @@ -27,7 +27,7 @@ width: @anchor-border-width; height: 100%; margin: 0 auto; - background-color: @border-color-split; + background-color: @anchor-border-color; content: ' '; } &-ball { diff --git a/components/select/style/index.less b/components/select/style/index.less index b8ae9d5b1d..199c057f54 100644 --- a/components/select/style/index.less +++ b/components/select/style/index.less @@ -443,7 +443,7 @@ // https://github.com/ant-design/ant-design/issues/11456 // https://github.com/ant-design/ant-design/issues/11843 font-variant: initial; - background-color: @component-background; + background-color: @select-dropdown-bg; border-radius: @border-radius-base; outline: none; box-shadow: @box-shadow-base; @@ -528,7 +528,7 @@ &-selected { color: @text-color; font-weight: @select-item-selected-font-weight; - background-color: @background-color-light; + background-color: @select-item-selected-bg; } &-disabled { @@ -542,7 +542,7 @@ } &-active:not(&-disabled) { - background-color: @item-active-bg; + background-color: @select-item-active-bg; } &-divider { diff --git a/components/style/themes/default.less b/components/style/themes/default.less index e25173eeb5..dc3cb1734b 100644 --- a/components/style/themes/default.less +++ b/components/style/themes/default.less @@ -326,6 +326,13 @@ // --- @select-border-color: @border-color-base; @select-item-selected-font-weight: 600; +@select-dropdown-bg: @component-background; +@select-item-selected-bg: @background-color-light; +@select-item-active-bg: @item-active-bg; + +// Anchor +// --- +@anchor-border-color: @border-color-split; // Tooltip // ---