Added tables.scss. Changed nes.css, map and min. Added tables.scss to…

… _index.scss.

index.html

@@ -130,9 +130,9 @@ <h2 class="title">Balloons</h2>
  </div>
  </section>
 
- <section class="table container with-title">
+ <section class="container with-title">
  <h2 class="title">Table</h2>
- <table class="is-bordered is-centered" style="margin:15px 4px 5px 4px">
+ <table class="table is-bordered is-centered" style="margin:15px 4px 5px 4px">
  <thead>
  <tr>
  <th>Table.is-bordered</th>

scss/elements/_index.scss

@@ -5,3 +5,4 @@
 @import "radios.scss";
 @import "checkboxes.scss";
 @import "balloons.scss";
+@import "tables.scss";

scss/elements/tables.scss

@@ -0,0 +1,36 @@
+.table {
+ &.is-centered th {
+ text-align: center;
+ }
+ &.is-bordered {
+ box-shadow: 0 -4px #212529, 0 -8px #fff, 4px 0 #212529, 4px -4px #fff, 8px 0 #fff, 0 4px #212529,
+ 0 8px #fff, -4px 0 #212529, -4px 4px #fff, -8px 0 #fff, -4px -4px #fff, 4px 4px #fff;
+
+ th,
+ td {
+ padding: 8.5px;
+ }
+
+ tr th {
+ box-shadow: 0 -4px #212529, 0 -8px #fff, 0 0 #212529, 4px -4px #fff, 8px 0 #fff, 0 4px #212529,
+ 0 8px #fff, -4px 0 #212529, -4px 4px #fff, -8px 0 #fff, -4px -4px #fff, 4px 4px #fff;
+ }
+
+ tr th:last-child {
+ box-shadow: 0 -4px #212529, 0 -8px #fff, 4px 0 #212529, 4px -4px #fff, 8px 0 #fff,
+ 0 4px #212529, 0 8px #fff, -4px 0 #212529, -4px 4px #fff, -8px 0 #fff, -4px -4px #fff,
+ 4px 4px #fff;
+ }
+
+ tr td {
+ box-shadow: 0 4px #212529, 4px 6px #fff, 1px 0 #212529, 4px 4px #fff, 1px 0 #fff,
+ -4px 4px #212529, 4px 4px #fff, -4px 0 #212529, -2px 8px #fff, 0 4px #fff, 1px 0 #fff,
+ 0 0 #fff;
+ }
+
+ tr td:last-child {
+ box-shadow: 0 0 #212529, 0 -8px #fff, 4px 0 #212527, 4px 0 #fff, 8px 0 #fff, 0 4px #212529,
+ 0 -8px #fff, -4px 0 #212529, 0 4px #fff, -4px 0 #fff, 8px 0 #fff, -4px 0 #fff;
+ }
+ }
+}