Refactoring add normalize.css

Author: accgit

readme.md

@@ -1,3 +1,3 @@
 ## Table
 
-Simple table styles, based on CSS UI.
+Simple table styles.

src/css/style.css

@@ -2,15 +2,15 @@
 /*
     import css styles
 */
-@import url(https://css-ui.github.io/css/css.ui.min.css);
+@import url(https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css);
+@import url(https://css-ui.github.io/css/cssui.min.css);
 @import url(style.tables.css);
 
 /*
     elements
 */
 body {
-    background-color: #f4f4f4;
-         font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
+    background-color: #f2f2f2;
 	     padding: 10px 10px 0;
 }
 

src/css/style.tables.css

@@ -72,21 +72,21 @@ table tr.success:nth-child(odd) td  {
 }
 
 /*
-    danger
+    warning
 */
-table tr.danger th {
+table tr.warning th {
     border-color: #d46a6a;
 }
 
-table tr.danger td {
+table tr.warning td {
     border-color: #d46a6a;
            color: #542121;
 }
 
-table tr.danger:nth-child(even) td {
+table tr.warning:nth-child(even) td {
     background-color: #f19f9f;
 }
 
-table tr.danger:nth-child(odd) td  {
+table tr.warning:nth-child(odd) td  {
     background-color: #e37b7b;
 }

src/index.html

@@ -101,24 +101,24 @@ <h4>Table success style</h4>
 	<!-- container -->
 	<div class="container">
 		<div class="wrapping box">
-			<h4>Table danger style</h4>
+			<h4>Table warning style</h4>
 			<table class="full width">
-				<tr class="danger">
+				<tr class="warning">
 					<th>#</th>
 					<th>Username</th>
 					<th>Email</th>
 				</tr>
-				<tr class="danger">
+				<tr class="warning">
 					<td>1</td>
 					<td>Root</td>
 					<td>root@domain.com</td>
 				</tr>
-				<tr class="danger">
+				<tr class="warning">
 					<td>2</td>
 					<td>Admin</td>
 					<td>admin@domain.com</td>
 				</tr>
-				<tr class="danger">
+				<tr class="warning">
 					<td>3</td>
 					<td>User</td>
 					<td>user@domain.com</td>