vuesax
Version:
Framework Components for Vue js
35 lines (31 loc) • 757 B
text/stylus
.vs-divider
width: 100%;
position: relative;
display: block;
margin: 15px 0px;
clear: both;
display: flex;
align-items: center;
justify-content: center;
.after,.before
position: relative;
display: block;
width: 100%;
.vs-divider--text
cursor: default;
user-select: none;
position: relative;
white-space: nowrap;
background: rgb(255, 255, 255);
padding-left: 12px;
padding-right: 12px;
font-size: 0.9375em;
.vs-divider--icon
font-size: 1.25em;
for colorx, i in $vs-colors
.vs-divider-border-{colorx}
border-top-color: getColor(colorx, 1)
.vs-divider-text-{colorx}
color: getColor(colorx, 1)
.vs-divider-background-{colorx}
background: getColor(colorx, 1)