:root {
  --clearfix: {
    &::before,
    &::after {
      content: "";
      display: table;
    }

    &::after {
      clear: both;
    }
  };
  --border-top: {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1px; /* no */
    background-color: var(--color-line-split);
    transform-origin: 0 0;
    transform: scaleY(0.5);
  };
  --border-right: {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 1px; /* no */
    background-color: var(--color-line-split);
    transform-origin: 100% 0;
    transform: scaleX(0.5);
  };
  --border-bottom: {
    content: '';
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px; /* no */
    background-color: var(--color-line-split);
    transform-origin: 0 100%;
    transform: scaleY(0.5);
  };
  --border-left: {
    content: '';
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    width: 1px; /* no */
    background-color: var(--color-line-split);
    transform-origin: 0 0;
    transform: scaleX(0.5);
  };
}
