Cacher is the code snippet organizer for pro developers

.box{
	position: relative;
	width: 100%;		/* desired width */

  &:before{
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
  }

}