@ohu-mobile/core
Version:
66 lines • 1.38 kB
CSS
.ohu-divider {
text-align: center;
border-style: solid;
border-width: 0;
border-color: #eee;
flex-shrink: 0;
flex-grow: 0;
}
.ohu-divider.is-horizontal {
min-height: 1Px;
position: relative;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
}
.ohu-divider.is-horizontal > span {
position: relative;
background-color: #fff;
z-index: 2;
font-size: 0.37333rem;
padding-right: 0.26667rem;
padding-left: 0.26667rem;
}
.ohu-divider.is-horizontal::before {
content: "";
box-sizing: border-box;
position: absolute;
z-index: 1;
pointer-events: none;
border-style: inherit;
border-width: 1Px 0 0;
right: 0;
left: 0;
border-color: inherit;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
.ohu-divider.is-horizontal::before {
transform: scaleY(0.5);
transform-origin: center top;
}
}
.ohu-divider.is-vertical {
min-width: 1Px;
position: relative;
}
.ohu-divider.is-vertical::before {
content: "";
box-sizing: border-box;
position: absolute;
z-index: 1;
pointer-events: none;
border-style: inherit;
border-width: 0;
border-left-width: 1Px;
top: 0;
bottom: 0;
left: 0;
border-color: inherit;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
.ohu-divider.is-vertical::before {
transform: scaleX(0.5);
transform-origin: left center;
}
}