super-ui-plus
Version:
Page level components developed based on Element Plus.
64 lines • 1.18 kB
CSS
.super-header {
position: relative;
display: block;
width: 100%;
display: flex;
align-items: center;
}
.super-header.border {
border-bottom: 1px solid var(--el-border-color);
}
.super-header-text {
background-color: #fff;
padding: 0 10px;
font-weight: 500;
left: 0;
font-size: 16px;
font-weight: 500;
color: var(--el-color-primary);
}
.super-header-text.full {
flex: 1;
}
.super-header-right {
margin-left: 15px;
}
.super-header__block {
width: 4px;
height: 16px;
background: var(--el-color-primary);
z-index: 2;
}
.super-header__divider {
position: relative;
overflow: hidden;
flex: 1;
height: 1px;
}
.super-header__divider::before {
content: "";
background-color: var(--el-border-color);
height: 1px;
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
}
.super-header__medium {
padding: 11px 0;
}
.super-header__medium .super-header-text {
font-size: 18px;
}
.super-header__medium .super-header__block {
height: 18px;
}
.super-header__small {
padding: 10px 0;
}
.super-header__small .super-header-text {
font-size: 16px;
}
.super-header__small .super-header__block {
height: 16px;
}