12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 |
- .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%);
- }
|