mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 22:36:31 +08:00
Code Issues Actions 26 Packages Projects Releases Wiki Activity

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

Browse Source 
* style: add `@divider-text-left-width` less

* fix: name
This commit is contained in:
xrkffgg 2020-06-10 09:37:48 +08:00 committed by GitHub
parent 6619c14579
commit d380a8d3e4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/divider/style/index.less
View File

@ -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;
}
}

8
components/divider/style/rtl.less
View File

@ -11,12 +11,12 @@
&-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;
}
}
}
@ -24,12 +24,12 @@
&-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;
}
}
}

4
components/style/themes/default.less
View File

@ -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;