1 files changed, 77 insertions, 0 deletions
diff --git a/src/scss/styles/home/_table.scss b/src/scss/styles/home/_table.scss
new file mode 100644
index 0000000..cb9df6a
--- /dev/null
+++ b/src/scss/styles/home/_table.scss
@@ -0,0 +1,77 @@
+/* ---- ---- Table ---- ---- */
+.table {
+    width: 100%;
+    border-collapse: collapse;
+}
+
+.table caption {
+    margin: 1rem 0;
+    width: 100%;
+}
+
+.table td,.table th {
+    padding: 10px 10px;
+    border: 1px solid var(--s-background);
+    text-align: center;
+}
+
+.table th {
+    background-color: var(--s-background);
+    color: var(--text);
+}
+
+.table tbody tr:nth-child(even) {
+    background-color: var(--s-focus);
+}
+
+.table tbody tr:nth-child(2n+1) {
+    background-color: var(--p-background);
+}
+
+.table thead tr th:nth-last-child(1) {
+    padding: 0;
+}
+
+.table tbody tr td:nth-last-child(1) > button {
+    color: var(--text);
+    width: 40px;
+    height: 30px;
+    background-color: var(--s-background);
+    border: 1px solid var(--s-background);
+    cursor: pointer;
+}
+
+.table tbody tr td:nth-last-child(1) > a {
+    color: var(--text);
+    cursor: pointer;
+    padding: 2px 10px;
+}
+
+/* ---- ---- End table ---- ---- */
+
+/* ---- Table responsive ---- */
+@media (max-width: 580px) {
+    .table thead {
+        display: none;
+    }
+
+    .table tr{
+        margin-bottom:15px;
+    }
+
+    .table,
+    .table tbody,
+    .table caption,
+    .table tr,
+    .table td {
+        display: block;
+        width: auto;
+        text-align: justify;
+    }
+
+    .table td::before {
+        content: attr(data-label) ": ";
+        font-weight: bold;
+    }
+}
+/* End table responsive */