_sass/scss/_reusable.scss in doccoli-jekyll-1.1.9 vs _sass/scss/_reusable.scss in doccoli-jekyll-1.2.0

@@ -377,9 +377,94 @@
 
 .pointable {
     pointer-events: auto;
 }
 
+
+/*** Table Styles **/
+
+table {
+  background: white;
+  border-radius: 3px;
+  border-collapse: collapse;
+  height: 32vw;
+  margin: 2vw auto;
+  max-width: 100%;
+  padding: 0.5vw;
+  width: 100%;
+  box-shadow: 0 0.5vw 1vw rgba(0, 0, 0, 0.1);
+}
+
+th {
+  color: #D5DDE5;
+  background: #1b1e24;
+  border-bottom: 4px solid #9ea7af;
+  border-right: 1px solid #343a45;
+  font-weight: 100;
+  padding: 2.4vw;
+  text-align: left;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+  vertical-align: middle;
+  &:first-child {
+    border-top-left-radius: 3px;
+  }
+  &:last-child {
+    border-top-right-radius: 3px;
+    border-right: none;
+  }
+}
+
+tr {
+  border-top: 1px solid #C1C3D1;
+  border-bottom-: 1px solid #C1C3D1;
+  color: #666B85;
+  font-weight: normal;
+  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
+  &:first-child {
+    border-top: none;
+  }
+  &:last-child {
+    border-bottom: none;
+  }
+  &:nth-child(odd) td {
+    background: #EBEBEB;
+  }
+  &:last-child td {
+    &:first-child {
+      border-bottom-left-radius: 3px;
+    }
+    &:last-child {
+      border-bottom-right-radius: 3px;
+    }
+  }
+}
+
+td {
+  background: #FFFFFF;
+  padding: 1.5vw;
+  text-align: left;
+  vertical-align: middle;
+  font-weight: 300;
+  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
+  border-right: 1px solid #C1C3D1;
+  &:last-child {
+    border-right: 0px;
+  }
+}
+
+th, td {
+  &.text-left {
+    text-align: left;
+  }
+  &.text-center {
+    text-align: center;
+  }
+  &.text-right {
+    text-align: right;
+  }
+}
+
+
 .ir {
     background-color: transparent;
     border: 0;
     overflow: hidden;
     *text-indent: -9999px;
\ No newline at end of file