marker table moved to css

pages/_app.tsx

@@ -1,5 +1,6 @@
 import 'src/style.css'
 import 'src/style/content.css'
+import 'src/style/marker/marker-table.css'
 import 'src/style/kazimir/image.css'
 import 'src/style/kazimir/video.css'
 import 'src/style/style.scss'

src/style/marker/MarkerTable.scss

@@ -1,39 +0,0 @@
-.MarkerTable {
-  width: 100%;
-  margin-bottom: var(--double-margin);
-
-  border-spacing: 0;
-  border-collapse: separate;
-
-  thead {
-    height: 64px;
-  }
-
-  th {
-    text-align: left;
-
-    padding: 5px;
-
-    &:last-child {
-      text-align: right;
-    }
-  }
-
-  tr td:last-child {
-    text-align: right;
-  }
-
-  tr {
-    line-height: 32px;
-  }
-
-  td {
-    min-width: 32px;
-
-    padding: 5px;
-  }
-
-  tr:nth-child(5n) {
-    background: #e9eaec;
-  }
-}

src/style/marker/marker-table.css

@@ -0,0 +1,39 @@
+.MarkerTable {
+    width: 100%;
+    margin-bottom: var(--double-margin);
+
+    border-spacing: 0;
+    border-collapse: separate;
+}
+
+.MarkerTable thead {
+    height: 64px;
+}
+
+.MarkerTable th {
+    text-align: left;
+
+    padding: 5px;
+}
+
+.MarkerTable th:last-child {
+    text-align: right;
+}
+
+.MarkerTable tr td:last-child {
+    text-align: right;
+}
+
+.MarkerTable tr {
+    line-height: 32px;
+}
+
+.MarkerTable tr:nth-child(5n) {
+    background: #e9eaec;
+}
+
+.MarkerTable td {
+    min-width: 32px;
+
+    padding: 5px;
+}

src/style/style.scss

@@ -1,5 +1,3 @@
 @import "components/document";
 @import "components/document-row";
 @import "components/Article";
-
-@import "marker/MarkerTable";