feat(Numeric in-text citations): Split out into separate extension fo…

…r reuse
stencila · Feb 15, 2021 · d6e496a · d6e496a
1 parent 5a30430
commit d6e496a
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 31 deletions.
diff --git a/src/extensions/cite-numeric/README.md b/src/extensions/cite-numeric/README.md
@@ -0,0 +1,3 @@
+# Cite-numeric extension
+
+CSS styles to support numeric in-text citations (e.g. Vancouver, IEEE citation styles).
diff --git a/src/extensions/cite-numeric/styles.css b/src/extensions/cite-numeric/styles.css
@@ -0,0 +1,29 @@
+:--CiteGroup {
+  &::before {
+    content: '[';
+  }
+
+  &::after {
+    content: ']';
+  }
+
+  :--Cite {
+    &:not(:last-child)::after {
+      content: ',\00a0';
+      order: 100;
+    }
+  }
+
+  :--Cite > a > :first-child {
+    display: inline;
+  }
+
+  :--Cite > a > :last-child {
+    display: none;
+  }
+
+  /* Ensure that at least one citation format is visible */
+  :--Cite > a > :only-child {
+    display: inline;
+  }
+}
diff --git a/src/themes/giga/styles.css b/src/themes/giga/styles.css
@@ -1,4 +1,5 @@
 @import '../skeleton/styles.css';
+@import '../../extensions/cite-numeric/styles.css';
 
 :--root {
   --max-width: 800px;
@@ -153,37 +154,6 @@
     color: var(--color-primary-100);
   }
 
-  /* Default to numeric citation format for cite group fallback text */
-  :--CiteGroup {
-    &::before {
-      content: '[';
-    }
-
-    &::after {
-      content: ']';
-    }
-
-    :--Cite {
-      &:not(:last-child)::after {
-        content: ',\00a0';
-        order: 100;
-      }
-    }
-
-    :--Cite > a > :first-child {
-      display: inline;
-    }
-
-    :--Cite > a > :last-child {
-      display: none;
-    }
-
-    /* Ensure that at least one citation format is visible */
-    :--Cite > a > :only-child {
-      display: inline;
-    }
-  }
-
   :--Figure,
   :--Table caption {
     background: #ecf5e3;