one-element-rules

index.html

<div class="center">
<div class="one-element">
</div>
</div>

one-element-rules.markdown

one-element-rules

#dotCSS presentation by @TimPietrusky http://slides.com/timpietrusky/one-element-rules#/

A Pen by Tankred on CodePen.

License.

style.css

body {font-size:5.1em;
background:#1D1F20;
}
.one-element {position:relative;
  /* [1] */
  border-radius:50%;
  /*
  width:0;
  height:0;
  */
  
  /* [2] */
  width:.25em;
  height:.25em;
  box-shadow:
    0 0 0 1em #c00, /*red*/
    -3em 0 0 1em #0c0, /*green*/
    3em 0 0 1em #00c /*bleu*/
    ;
  /* [3] */
  background:#c00;
}
.center {
  /* [1] */
  position: absolute;
  left: 50%;
  top: 50%;
  
  /* [2] */
 transform: translate(-50%, -50%); 
}