crazyrohila/dabblet.css

## dabblet.css
/**
 * Google Drive icon.
 */

#main {
  position:relative;
  width:250px;
  height: 250px;
  transform:rotate(-60deg);
}
#main > div {
  width:90px;
  height: 34px;
  position:absolute;
}
#main > div:nth-child(1) {
  background: #0ea560;
  transform: rotate(0deg) skew(-30deg);
  left: 30%;
  top: 30%;
}
#main > div:nth-child(2) {
  background: #fdce48;
  transform: rotate(120deg) skew(-30deg);
  left: 46.8%;
  top: 45%;
}
#main > div:nth-child(3) {
  background: #3d81f8;
  transform: rotate(240deg) skew(-30deg);
  top:52%;
  left:25%;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="main">
  <div></div>
  <div></div>
  <div></div>
</div>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Google Drive icon.
	*/

	#main {
	position:relative;
	width:250px;
	height: 250px;
	transform:rotate(-60deg);
	}
	#main > div {
	width:90px;
	height: 34px;
	position:absolute;
	}
	#main > div:nth-child(1) {
	background: #0ea560;
	transform: rotate(0deg) skew(-30deg);
	left: 30%;
	top: 30%;
	}
	#main > div:nth-child(2) {
	background: #fdce48;
	transform: rotate(120deg) skew(-30deg);
	left: 46.8%;
	top: 45%;
	}
	#main > div:nth-child(3) {
	background: #3d81f8;
	transform: rotate(240deg) skew(-30deg);
	top:52%;
	left:25%;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div id="main">
	<div></div>
	<div></div>
	<div></div>
	</div>