fix: tokenisation & prose cleanup finish (#510)

* ProseOl * ProseStrong * ProseTable * ProseTd * ProseUl
nuxt-themes · Jun 24, 2021 · 41924b6 · 41924b6 · vercel · Jun 24, 2021
1 parent a014c6d
commit 41924b6
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 48 deletions.
diff --git a/src/defaultTheme/components/atoms/prose/ProseOl.vue b/src/defaultTheme/components/atoms/prose/ProseOl.vue
@@ -35,17 +35,10 @@ ol[type='1'] {
 }
 
 ol {
-  margin-left: 0px;
-  margin-right: 0px;
-  padding: 0px;
-  margin-top: 1.25em;
-  margin-bottom: 1.25em;
-  list-style-type: none;
-
+  @apply mx-0 p-0 my-[1.25em] list-none;
   ul,
   ol {
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
+    @apply my-[0.5em];
   }
 }
 </style>
diff --git a/src/defaultTheme/components/atoms/prose/ProseStrong.vue b/src/defaultTheme/components/atoms/prose/ProseStrong.vue
@@ -6,19 +6,9 @@
 
 <style lang="postcss" scoped>
 strong {
-  /* color: theme('colors.gray.900'); */
-  font-weight: theme('fontWeight.semibold');
+  @apply font-semibold;
 }
 a strong {
-  color: inherit;
-}
-
-.dark {
-  /* strong {
-    color: theme('colors.gray.100');
-  } */
-  a strong {
-    color: inherit;
-  }
+  @apply text-current;
 }
 </style>
diff --git a/src/defaultTheme/components/atoms/prose/ProseTable.vue b/src/defaultTheme/components/atoms/prose/ProseTable.vue
@@ -8,11 +8,6 @@
 
 <style lang="postcss" scoped>
 table {
-  /* TODO */
-  @apply leading-5;
-  font-size: 0.875rem;
-  width: 100%;
-  table-layout: auto;
-  text-align: left;
+  @apply leading-5 text-sm w-full table-auto text-left;
 }
 </style>
diff --git a/src/defaultTheme/components/atoms/prose/ProseTd.vue b/src/defaultTheme/components/atoms/prose/ProseTd.vue
@@ -5,18 +5,7 @@
 </template>
 
 <style lang="postcss" scoped>
-/* TODO */
 tbody td {
-  vertical-align: top;
-  padding-top: 0.5714286em;
-  padding-right: 0.5714286em;
-  padding-bottom: 0.5714286em;
-  padding-left: 0.5714286em;
-  &:first-child {
-    padding-left: 0;
-  }
-  &:last-child {
-    padding-right: 0;
-  }
+  @apply align-top first:pl-0 last:pr-0 p-[0.5em];
 }
 </style>
diff --git a/src/defaultTheme/components/atoms/prose/ProseUl.vue b/src/defaultTheme/components/atoms/prose/ProseUl.vue
@@ -6,17 +6,10 @@
 
 <style lang="postcss" scoped>
 ul {
-  margin-left: 0px;
-  margin-right: 0px;
-  padding: 0px;
-  margin-top: 1.25em;
-  margin-bottom: 1.25em;
-  list-style-type: none;
-
+  @apply list-none mx-0 p-0 my-[1.25em];
   ul,
   ol {
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
+    @apply my-[0.5em];
   }
 }
 </style>