Merge pull request #10 from IgnaceMaes/remove-styleguide

deps: remove ember-styleguide
IgnaceMaes · Jan 28, 2024 · eef7707 · eef7707
2 parents bba1ab9 + bd89f44
commit eef7707
Show file tree

Hide file tree

Showing 5 changed files with 554 additions and 856 deletions.
diff --git a/.changeset/dirty-carrots-smell.md b/.changeset/dirty-carrots-smell.md
@@ -0,0 +1,5 @@
+---
+"ember-showdown-shikiji": minor
+---
+
+refactor: remove ember-styleguide dependency
diff --git a/ember-showdown-shikiji/package.json b/ember-showdown-shikiji/package.json
@@ -110,7 +110,6 @@
     "typescript": "^5.3.3"
   },
   "peerDependencies": {
-    "ember-styleguide": "^8.3.0",
     "showdown": ">1.0.0"
   },
   "publishConfig": {

diff --git a/ember-showdown-shikiji/src/styles/shikiji.css b/ember-showdown-shikiji/src/styles/shikiji.css
@@ -1,32 +1,38 @@
 :root {
   --code-background-color: #1e1e1e;
   --code-line-numbers-color: rgb(115 138 148 / 60%);
-  --spacing-1_5: 0.75rem;
-  --ribbon-indent: var(--spacing-1);
+  --ribbon-indent: 0.5rem;
 }
 
 pre.shiki {
-  border-radius: var(--radius-lg);
+  border-radius: 0.625rem;
 }
 
 .shiki code {
   overflow-x: auto;
   display: block;
-  padding: var(--spacing-1_5) 0;
+  padding: 0.75rem 0;
+  font-size: 1rem;
+  line-height: 1.6;
 }
 
 .shiki .line {
-  padding: 0 var(--spacing-2);
+  padding: 0 1rem;
 }
 
 .filename {
   position: relative;
-  padding: var(--spacing-1_5) var(--spacing-2);
+  padding: 0.75rem 1rem;
   background-color: var(--code-background-color);
-  color: var(--color-gray-300);
-  border-top-right-radius: var(--radius-lg);
-  border-top-left-radius: var(--radius-lg);
-  font-family: var(--font-family-mono);
+  color: #dce0e6;
+  border-top-right-radius: 0.625rem;
+  border-top-left-radius: 0.625rem;
+  font-family:
+    SFMono-Regular,
+    Consolas,
+    Liberation Mono,
+    Menlo,
+    monospace;
   border-bottom: 1px solid var(--code-line-numbers-color);
 }
 
@@ -45,7 +51,7 @@ code.line-numbers .line::before {
   content: counter(step);
   counter-increment: step;
   width: 1em;
-  margin-right: var(--spacing-2);
+  margin-right: 1rem;
   display: inline-block;
   text-align: right;
   color: var(--code-line-numbers-color);
@@ -66,14 +72,14 @@ code.line-numbers .line::before {
   display: flex;
   align-items: center;
   justify-content: center;
-  top: var(--radius-lg);
-  bottom: var(--radius-lg);
+  top: 0.625rem;
+  bottom: 0.625rem;
   right: 0;
-  padding-left: var(--spacing-3);
-  padding-right: var(--spacing-2);
+  padding-left: 1.5rem;
+  padding-right: 1rem;
   color: var(--code-background-color);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-3);
+  font-size: 0.875rem;
+  font-weight: 600;
   clip-path: polygon(
     0 0,
     100% 0,