refactor(Shared): Move designa to shared

See last bullet point in #25 (comment)

.postcssrc

@@ -5,7 +5,7 @@
     "postcss-import-url": { "modernBrowser": true },
     "postcss-url": { "url": "rebase" },
     "postcss-mixins": {
-      "mixinsDir": "src/designa/mixins"
+      "mixinsDir": "src/shared/styles/mixins"
     },
     "postcss-custom-selectors": {
       "importFrom": "src/selectors.css"

src/designa/mixins/list-separated.css → src/shared/styles/mixins/list-separated.css

@@ -2,7 +2,7 @@
   Display a `<ol>` or `<ul>` as an inline list of items
   separated by some content `$separator`
 */
-@define-mixin list-separated $separator: ', ' {
+@define-mixin list-inline $separator: ', ' {
   display: inline;
   list-style: none;
   margin: 0;

src/designa/Article.css → src/shared/styles/types/Article.css

@@ -2,7 +2,7 @@
 @import './Person.css';
 
 :--Article {
-  @mixin CreativeWork;
+  @extend: --CreativeWork;
 
   max-width: var(--article-content-max-width);
   margin-left: auto;

src/designa/mixins/CreativeWork.css → src/shared/styles/types/CreativeWork.css

@@ -1,12 +1,9 @@
-/*
-  A mixin for nodes that extend `CreativeWork` (e.g. `Article`, `Figure`).
-*/
-@define-mixin CreativeWork {
+:--CreativeWork {
   /*
    `authors` property: a comma separated list of authors
   */
   :--authors {
-    @mixin list-separated;
+    @mixin list-inline;
   }
 
   :--references > :--CreativeWork {

src/designa/Person.css → src/shared/styles/types/Person.css

@@ -35,7 +35,7 @@
     the email address/es (leave that to web component).
   */
   :--emails {
-    @mixin list-separated;
+    @mixin list-inline;
 
     order: 2;
 
@@ -56,7 +56,7 @@
     of integer links.
   */
   :--affiliations {
-    @mixin list-separated;
+    @mixin list-inline;
 
     order: 3;
 

src/themes/nature/styles.css

@@ -1,4 +1,5 @@
 @import '../../shared/styles/shared.css';
+@import '../../shared/styles/types/Person.css';
 @import 'prismjs/themes/prism.css';
 @import '../../shared/fonts/lora/lora.css';
 @import '../../shared/fonts/sourceSansPro/sourceSansPro.css';
@@ -422,10 +423,6 @@ blockquote {
   }
 }
 
-/* Microdata-based Styles */
-@import '../../designa/Entity.css';
-@import '../../designa/Person.css';
-
 :--Article {
   > :--headline {
     padding-left: 50px;
@@ -440,13 +437,13 @@ blockquote {
 
     :--authors,
     :--organizations {
-      @mixin list-separated;
+      @mixin list-inline;
 
       display: block;
     }
 
     :--organizations {
-      @mixin list-separated '; ';
+      @mixin list-inline '; ';
 
       :--Organization > * {
         display: inline;

src/themes/plos/styles.css

@@ -1,6 +1,7 @@
 @import '../../shared/styles/shared.css';
 @import 'prismjs/themes/prism.css';
 @import '../../shared/fonts/openSans/openSans.css';
+@import '../../shared/styles/types/Person.css';
 
 :root {
   --max-width: 650px;
@@ -19,10 +20,6 @@
   --bg-color: #fff;
 }
 
-/* Microdata-based Styles */
-@import '../../designa/Entity.css';
-@import '../../designa/Person.css';
-
 :--Article {
   > :--headline + div {
     max-width: var(--max-width);
@@ -32,11 +29,11 @@
     line-height: normal;
 
     :--authors {
-      @mixin list-separated;
+      @mixin list-inline;
     }
 
     :--organizations {
-      @mixin list-separated '; ';
+      @mixin list-inline '; ';
 
       margin-top: 1.25rem;
       display: block;