Make SVG clickable in a-tag and with image fallback

Clickable svg in a-tag

/**
 * Make SVG clickable in a-tag and with image fallback (perfect for logotypes)
 *
 * HTML:
 *  <a href="http://dystonia-europe.org" target="_blank" class="u--svg-inside">
 *    <object data="svg-image.svg" type="image/svg+xml"> <img src="fallback-image.png" /> </object>
 *  </a>
 *
 */

.u--svg-inside {
	position: relative;
	display: inline-block;
	
	&:after {
		content: ""; 
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
  	}
  	
  	object {
		width: 100%; // Optional
  	}
}