```css .css-1px, .css-1px-t, .css-1px-b, .css-1px-tb, .css-1px-l, .css-1px-r { position: relative; } .setLine(@c: #C7C7C7) { content: " "; position: absolute; left: 0; top: 0; width: 200%; border: 1px solid @c; color: @c; height: 200%; transform-origin: left top; transform: scale(0.5); } .vux-1px { &:before { .setLine(); } } .setTopLine(@c: #C7C7C7) { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid @c; color: @c; transform-origin: 0 0; transform: scaleY(0.5); } .setBottomLine(@c: #C7C7C7) { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid @c; color: @c; transform-origin: 0 100%; transform: scaleY(0.5); } .setLeftLine(@c: #C7C7C7) { content: " "; position: absolute; left: 0; top: 0; width: 1px; bottom: 0; border-left: 1px solid @c; color: @c; transform-origin: 0 0; transform: scaleX(0.5); } .setRightLine(@c: #C7C7C7) { content: " "; position: absolute; right: 0; top: 0; width: 1px; bottom: 0; border-right: 1px solid @c; color: @c; transform-origin: 100% 0; transform: scaleX(0.5); } .css-1px-t { &:before { .setTopLine(); } } .css-1px-b { &:after { .setBottomLine(); } } .css-1px-tb { &:before { .setTopLine(); } &:after { .setBottomLine(); } } .css-1px-l { &:before { .setLeftLine(); } } .css-1px-r { &:after { .setRightLine(); } } } ```