leeleoo/index.html

## index.html

<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
</head>
<body>
  <div id='div'></div>
</body>
</html>

## pmzbne.markdown

      
    Raw
  

              pmzbne.markdown
            
          
    PmzBNe

A Pen by Lee on CodePen.
License.

  
## style.sass
@mixin onePxBorder($padding)
  position: relative
  &:after
    content: ''
    position: absolute
    left: -50%
    top: -50%
    width: 200%
    height: 200%
    transform: scale(.5) translate3d(-$padding ,-$padding,0)
    padding: $padding / 2
    @content

#div
  height: 300px
  width: 300px
  background: #33e
  @include onePxBorder(1rem)
    border-top: 1px solid #333

	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	</head>
	<body>
	<div id='div'></div>
	</body>
	</html>
	@mixin onePxBorder($padding)
	position: relative
	&:after
	content: ''
	position: absolute
	left: -50%
	top: -50%
	width: 200%
	height: 200%
	transform: scale(.5) translate3d(-$padding ,-$padding,0)
	padding: $padding / 2
	@content

	#div
	height: 300px
	width: 300px
	background: #33e
	@include onePxBorder(1rem)
	border-top: 1px solid #333