style: add @divider-orientation-margin less (#24877)

* style: add `@divider-text-left-width` less * fix: name
ant-design · Jun 10, 2020 · d380a8d · d380a8d
1 parent 6619c14
commit d380a8d
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 9 deletions.
diff --git a/components/divider/style/index.less b/components/divider/style/index.less
@@ -2,7 +2,6 @@
 @import '../../style/mixins/index';
 
 @divider-prefix-cls: ~'@{ant-prefix}-divider';
-@divider-text-padding: 1em;
 
 .@{divider-prefix-cls} {
   .reset-component;
@@ -51,22 +50,22 @@
   &-horizontal&-with-text-left {
     &::before {
       top: 50%;
-      width: 5%;
+      width: @divider-orientation-margin;
     }
     &::after {
       top: 50%;
-      width: 95%;
+      width: 100% - @divider-orientation-margin;
     }
   }
 
   &-horizontal&-with-text-right {
     &::before {
       top: 50%;
-      width: 95%;
+      width: 100% - @divider-orientation-margin;
     }
     &::after {
       top: 50%;
-      width: 5%;
+      width: @divider-orientation-margin;
     }
   }
 

diff --git a/components/divider/style/rtl.less b/components/divider/style/rtl.less
@@ -11,25 +11,25 @@
   &-horizontal&-with-text-left {
     &::before {
       .@{divider-prefix-cls}-rtl& {
-        width: 95%;
+        width: 100% - @divider-orientation-margin;
       }
     }
     &::after {
       .@{divider-prefix-cls}-rtl& {
-        width: 5%;
+        width: @divider-orientation-margin;
       }
     }
   }
 
   &-horizontal&-with-text-right {
     &::before {
       .@{divider-prefix-cls}-rtl& {
-        width: 5%;
+        width: @divider-orientation-margin;
       }
     }
     &::after {
       .@{divider-prefix-cls}-rtl& {
-        width: 95%;
+        width: 100% - @divider-orientation-margin;
       }
     }
   }

diff --git a/components/style/themes/default.less b/components/style/themes/default.less
@@ -241,6 +241,10 @@
 @descriptions-item-label-colon-margin-right: 8px;
 @descriptions-item-label-colon-margin-left: 2px;
 
+// Divider
+@divider-text-padding: 1em;
+@divider-orientation-margin: 5%;
+
 // Dropdown
 @dropdown-selected-color: @primary-color;
 @dropdown-menu-submenu-disabled-bg: @component-background;