framer - Utils.insertStylesheet()

# External stylesheets -------------------------
Utils.insertStylesheet = (url, callback) ->
	styleElement = document.createElement("link")
	styleElement.rel = "stylesheet"
	styleElement.type = "text/css"
	styleElement.href = url
	
	styleElement.addEventListener "load", ->
		callback(url) if callback

	Utils.domComplete ->
		document.body.appendChild(styleElement)

# Console feedback
confirm = (url) -> #optional
	print "successfully added #{url}"

# Insert it
Utils.insertStylesheet("https://fonts.googleapis.com/icon?family=Material+Icons") #hosted
Utils.insertStylesheet("mdl/material.css", confirm) # local

# Test it
layer = new Layer
	width: 128, height: 128
	backgroundColor: ""
	ignoreEvents: false
	html:  '<button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored"> <i class="material-icons">add</i> </button>'
	style:
		padding: '36px'
		
layer.center()