mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 05:05:48 +08:00
Code Issues Actions 43 Packages Projects Releases Wiki Activity

refactor: Use flex of divider (#23849)

Browse Source 
* refactor: Use flex of divider

* fix style lint
This commit is contained in:
二货机器人 2020-05-04 18:14:25 +08:00 committed by GitHub
parent 91f2dc522f
commit 3d2ccd8081
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,41 +7,40 @@
.@{divider-prefix-cls} {
.reset-component;
background: @border-color-split;
border-top: 1px solid @border-color-split;
&-vertical {
position: relative;
top: -0.06em;
display: inline-block;
width: 1px;
height: 0.9em;
margin: 0 8px;
vertical-align: middle;
border-top: 0;
border-left: 1px solid @border-color-split;
}
&-horizontal {
display: block;
display: flex;
clear: both;
width: 100%;
min-width: 100%; // Fix https://github.com/ant-design/ant-design/issues/10914
height: 1px;
margin: 24px 0;
}
&-horizontal&-with-text {
display: table;
display: flex;
margin: 16px 0;
color: @heading-color;
font-weight: 500;
font-size: @font-size-lg;
white-space: nowrap;
text-align: center;
background: transparent;
border-top: 0;
&::before,
&::after {
position: relative;
top: 50%;
display: table-cell;
width: 50%;
border-top: 1px solid @border-color-split;
transform: translateY(50%);