.divider-index { display: block; height: initial; } @import "../common/index.acss"; .divider-index .van-divider { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin: 16px 0; margin: var(--divider-margin, 16px 0); color: #969799; color: var(--divider-text-color, #969799); font-size: 14px; font-size: var(--divider-font-size, 14px); line-height: 24px; line-height: var(--divider-line-height, 24px); border: 0 solid #ebedf0; border-color: var(--divider-border-color, #ebedf0); } .divider-index .van-divider:after, .divider-index .van-divider:before { display: block; -webkit-flex: 1; flex: 1; box-sizing: border-box; height: 1px; border-color: inherit; border-style: inherit; border-width: 1px 0 0; } .divider-index .van-divider:before { content: ""; } .divider-index .van-divider--hairline:after, .divider-index .van-divider--hairline:before { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .divider-index .van-divider--dashed { border-style: dashed; } .divider-index .van-divider--center:before, .divider-index .van-divider--left:before, .divider-index .van-divider--right:before { margin-right: 16px; margin-right: var(--divider-content-padding, 16px); } .divider-index .van-divider--center:after, .divider-index .van-divider--left:after, .divider-index .van-divider--right:after { content: ""; margin-left: 16px; margin-left: var(--divider-content-padding, 16px); } .divider-index .van-divider--left:before { max-width: 10%; max-width: var(--divider-content-left-width, 10%); } .divider-index .van-divider--right:after { max-width: 10%; max-width: var(--divider-content-right-width, 10%); }