@zhsz/cool-design-dv
Version:
56 lines (47 loc) • 903 B
CSS
/* BEM support Func
-------------------------- */
/* Break-points
-------------------------- */
/* Scrollbar
-------------------------- */
/* Placeholder
-------------------------- */
/* BEM
-------------------------- */
.my-dv-box {
position: absolute;
text-align: inherit;
display: inline-block;
}
.my-dv-box.is-shadow {
box-shadow: 0 2px 4px rgba(11, 116, 210, 0.2), 0 0 6px rgba(148, 245, 233, 0.1);
}
.my-dv-box.is-left {
left: 0;
}
.my-dv-box.is-right {
right: 0;
}
.my-dv-box.is-center {
transform: translateX(-50%);
left: 50%;
}
.my-dv-box.is-top {
top: 0;
}
.my-dv-box.is-bottom {
bottom: 0;
}
.my-dv-box.is-middle {
transform: translateY(-50%);
top: 50%;
}
.my-dv-box.is-center-middle {
transform: translate(-50%, -50%) ;
}
.my-dv-box.is-content-align-right {
text-align: right;
}
.my-dv-box.is-content-align-center {
text-align: center;
}