Retina 1px Less functions

retina.less

@grey: #ccc;

.retina-border-left(@color : @grey){
  background-image: linear-gradient(90deg, @color, @color 50%, transparent 50%);
  background-size: 1px 100%;
  background-repeat: no-repeat;
  background-position: left;
}
.retina-border-right(@color : @grey){
  background-image: linear-gradient(90deg, transparent 50%, @color 50%, @color);
  background-size: 1px 100%;
  background-repeat: no-repeat;
  background-position: right;
}
.retina-border-bottom(@color : @grey){
  background-image: linear-gradient(0deg, @color, @color 50%, transparent 50%);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: bottom;
}
.retina-border-top(@color : @grey){
  background-image: linear-gradient(0deg, transparent 50%, transparent 50%, @color 50%);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: top;
}

zreadme.md

#Retina 1px Border

because

border: 0.5px solid #ccc;

doesn't work (^_-)

zzlicense.txt

           DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
                   Version 2, December 2004

Copyright (C) 2004 Sam Hocevar <[email protected]>

Everyone is permitted to copy and distribute verbatim or modified
copies of this license document, and changing it is allowed as long
as the name is changed.

           DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
  TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION

 0. You just DO WHAT THE FUCK YOU WANT TO.