chore: more less variables (#34746)

ant-design · Mar 28, 2022 · 96ddf2e · 96ddf2e
1 parent 9c7c424
commit 96ddf2e
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 2 deletions.
diff --git a/components/style/mixins/rounded-arrow.less b/components/style/mixins/rounded-arrow.less
@@ -3,7 +3,7 @@
 
   @width-without-unit: unit(@width);
   @outer-radius-without-unit: unit(@outer-radius);
-  @inner-radius-without-unit: unit(@border-radius-base);
+  @inner-radius-without-unit: unit(@arrow-border-radius);
 
   @a-x: @width-without-unit - @corner-height;
   @a-y: 2 * @width-without-unit + @corner-height;

diff --git a/components/style/themes/default.less b/components/style/themes/default.less
@@ -111,6 +111,9 @@
 // control border
 @control-border-radius: @border-radius-base;
 
+// arrow border
+@arrow-border-radius: @border-radius-sm;
+
 // vertical paddings
 @padding-lg: 24px; // containers
 @padding-md: 16px; // small containers and buttons
@@ -524,6 +527,7 @@
 @tooltip-distance: @tooltip-arrow-width - 1px + 4px;
 // Tooltip arrow color
 @tooltip-arrow-color: @tooltip-bg;
+@tooltip-border-radius: @border-radius-base;
 
 // Popover
 // ---

diff --git a/components/style/themes/variable.less b/components/style/themes/variable.less
@@ -166,6 +166,9 @@ html {
 // control border
 @control-border-radius: @border-radius-base;
 
+// arrow border
+@arrow-border-radius: @border-radius-sm;
+
 // vertical paddings
 @padding-lg: 24px; // containers
 @padding-md: 16px; // small containers and buttons
@@ -579,6 +582,7 @@ html {
 @tooltip-distance: @tooltip-arrow-width - 1px + 4px;
 // Tooltip arrow color
 @tooltip-arrow-color: @tooltip-bg;
+@tooltip-border-radius: @border-radius-base;
 
 // Popover
 // ---

diff --git a/components/tooltip/style/index.less b/components/tooltip/style/index.less
@@ -61,7 +61,7 @@
     text-decoration: none;
     word-wrap: break-word;
     background-color: @tooltip-bg;
-    border-radius: @border-radius-base;
+    border-radius: @tooltip-border-radius;
     box-shadow: @box-shadow-base;
   }