Merge pull request #37 from awikkerink/fix-reset-css

Fun fact: reset.css overrides the table's border-collapse property

d2l-table-style.html

@@ -19,7 +19,7 @@
 		<style include="d2l-colors">
 			:host {
 				background-color: transparent;
-				border-collapse: separate;
+				border-collapse: separate !important;
 				border-spacing: 0;
 				display: table;
 				width: 100%;

demo/reset.html

@@ -0,0 +1,52 @@
+<link rel="import" href="../../polymer/polymer.html">
+<dom-module id="reset">
+	<template>
+		<style>
+		html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend {
+margin: 0;
+padding: 0;
+border: 0;
+outline: 0;
+font-size: 100%;
+background: transparent;
+}
+body {
+line-height: 1;
+}
+ul {
+list-style: none;
+}
+blockquote, q {
+quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+content: '';
+content: none;
+}
+:focus {
+outline: 0;
+}
+table {
+border-collapse: collapse;
+}
+sub {
+vertical-align: sub;
+}
+sup {
+vertical-align: super;
+}
+a, a:hover, a:visited {
+color: #000000;
+text-decoration: none;
+}
+</style>
+</template>
+</dom-module>

demo/simple-demo.html

@@ -1,9 +1,10 @@
 <link rel="import" href="../../polymer/polymer.html">
 <link rel="import" href="../d2l-table.html">
+<link rel="import" href="reset.html">
 
 <dom-module id="simple-demo">
 	<template>
-		<style>
+		<style include="reset">
 			:host {
 				display: block;
 			}