bugsyAlexander

/**
 * A mixin which helps you to add depth to elements according to the Google Material Design spec:
 * http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality
 *
 * Please note that the values given in the specification cannot be used as is. To create the same visual experience
 * the blur parameter has to be doubled.
 *
 * Adapted from a LESS version at https://medium.com/@Florian/freebie-google-material-design-shadow-helper-2a0501295a2d
 *
 * Original Author: Florian Kutschera (@gefangenimnetz), Conceptboard GmbH (@conceptboardapp)

bugsyAlexander

(function () {
  var doc = document,
      btnBtn = doc.getElementById("btnWrapper");
        btnBtn.addEventListener("click", clickHandler, false);

  function clickHandler(e) {
    var target = e.target;

    if (target.nodeName === "BUTTON") {
      target.setAttribute("class", "animated " + target.innerHTML);

bugsyAlexander

[].forEach.call($$("*"),function(a){
  a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16)
})

bugsyAlexander

document.addEventListener("DOMContentLoaded", function () {
	"use strict";
	document.getElementById("tab-group").className = "ready";

	var headerClass = "tab-header",
		contentClass = "tab-content";

	document.getElementById("tab-group").addEventListener("click", function (evt) {
		var myHeader = evt.target;

bugsyAlexander

"use strict";
document.addEventListener("DOMContentLoaded", drawMap);

var map, google;

function drawMap() {
	var storeLocation = {
		lat: 34.1032104,
		lng: -118.326293
	};

bugsyAlexander

open -a Google\ Chrome --args --disable-web-security -–allow-file-access-from-files

bugsyAlexander

# Compiled source #
###################
*.com
*.class
*.dll
*.exe
*.o
*.so

# Packages #

bugsyAlexander

/* ========== animate =========== */
div.animate {
  width: 200px;
  height: 200px;
  margin-top: 1rem;
  background-color: coral;
  -webkit-animation: square-to-circle 2s .5s infinite cubic-bezier(1,.015,.295,1.225) alternate;
  -moz-animation: square-to-circle 2s .5s infinite cubic-bezier(1,.015,.295,1.225) alternate;
  -ms-animation: square-to-circle 2s .5s infinite cubic-bezier(1,.015,.295,1.225) alternate;
  -o-animation: square-to-circle 2s .5s infinite cubic-bezier(1,.015,.295,1.225) alternate;

bugsyAlexander

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

bugsyAlexander

/* ===== Global styles =====*/
html{
		background: #b1b1b1;
}
body{
	font: 100% Georgia, "Times New Roman", Times, serif;
	line-height: 1.4;
	width: 70%;
	margin: 0 auto;
}