Making the code more idiomatic.
There were misc tabs and spaces. Turned all to spaces (2 for each identation)

diff --git a/src/braziljs-light.html b/src/braziljs-light.html
index 41d33a8..fec44fc 100644
--- a/src/braziljs-light.html
+++ b/src/braziljs-light.html
@@ -1,68 +1,68 @@
 <polymer-element name="braziljs-light">
-	<template>
-		<div id="container">
-		  <span>&lt;</span>
-		  <span>B</span>
-		  <span>R</span>
-		  <span>A</span>
-		  <span>Z</span>
-		  <span>I</span>
-		  <span>L</span>
-		  <span>J</span>
-		  <span>S</span>
-		  <span>&gt;</span>
-		</div>
+  <template>
+    <div id="container">
+      <span>&lt;</span>
+      <span>B</span>
+      <span>R</span>
+      <span>A</span>
+      <span>Z</span>
+      <span>I</span>
+      <span>L</span>
+      <span>J</span>
+      <span>S</span>
+      <span>&gt;</span>
+    </div>

-		<style>
-		#container {
-		  position: absolute;
-		  top: 0;
-		  bottom: 0;
-		  width: 100%;
-		  height: 1em;
-		  margin: auto;
-		  display: block;
-		}
-		#container span{
-		  display: inline-block;
-		  color: #FFF;
-		  text-shadow: 0 0 15px;
-		}
-		.on span:nth-child(odd) {
-			-moz-animation: bglow .3s ease infinite;
-		}
-		.on span:nth-child(even) {
-			-moz-animation: rglow .3s ease infinite;
-		}
+    <style>
+    #container {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      width: 100%;
+      height: 1em;
+      margin: auto;
+      display: block;
+    }
+    #container span{
+      display: inline-block;
+      color: #FFF;
+      text-shadow: 0 0 15px;
+    }
+    .on span:nth-child(odd) {
+      -moz-animation: bglow .3s ease infinite;
+    }
+    .on span:nth-child(even) {
+      -moz-animation: rglow .3s ease infinite;
+    }

-		@-moz-keyframes bglow {
-		  0% {
-		    color: rgb(0, 135, 211);
-		    text-shadow: 0 0 15px;
-		  }
-		}
-		@-moz-keyframes rglow {
-		  100% {
-		    color: rgb(233, 54, 40);
-		    text-shadow: 0 0 15px;
-		  }
-		}
-		</style>
-	</template>
-	<script>
-		Polymer('braziljs-light', {
-			created: function() {
-				var that = this;
+    @-moz-keyframes bglow {
+      0% {
+        color: rgb(0, 135, 211);
+        text-shadow: 0 0 15px;
+      }
+    }
+    @-moz-keyframes rglow {
+      100% {
+        color: rgb(233, 54, 40);
+        text-shadow: 0 0 15px;
+      }
+    }
+    </style>
+  </template>
+  <script>
+    Polymer('braziljs-light', {
+      created: function() {
+        var that = this;

-				window.addEventListener('devicelight', function(event) {
-					if (event.value <= 10) {
-						that.$.container.classList.add('on');
-					}
-					else {
-						that.$.container.classList.remove('on');
-					}
-				});
-			}
-		});
-	</script>
-</polymer-element>
\ No newline at end of file
+        window.addEventListener('devicelight', function(event) {
+          if (event.value <= 10) {
+            that.$.container.classList.add('on');
+          }
+          else {
+            that.$.container.classList.remove('on');
+          }
+        });
+      }
+    });
+  </script>
+</polymer-element>
Added support for webkit and prefix-free browsers
Once opera uses blink, and blink doesn't need anymore prefixes, just needs webkit, mozilla and no prefix at all.
This way the code don't need to be updated when webkit supports the feature, or it gets "official".
Fix indentation - Editorconfig defines it as 4 tabs