@zhsz/cool-design-dv/es/packages/dv-border12/style.css

/* BEM support Func
 -------------------------- */
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* BEM support Func
 -------------------------- */
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.my-dv-border__svg {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.my-dv-border.is-reverse .my-dv-border__svg {
  transform: rotate(180deg);
}

.my-dv-border-12 {
  border: 1px solid transparent;
}
.my-dv-border-12 > svg {
  position: absolute;
}
.my-dv-border-12__c1 {
  left: -1px;
  top: -1px;
}

.my-dv-border-12__c2 {
  right: -1px;
  top: -1px;
  transform: rotate(90deg);
}

.my-dv-border-12__c3 {
  left: -1px;
  bottom: -1px;
  transform: rotate(-90deg);
}

.my-dv-border-12__c4 {
  right: -1px;
  bottom: -1px;
  transform: rotate(180deg);
}