Separate css & js into text variants

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

assets/css/common/author.css

@@ -29,7 +29,7 @@
   margin-left: 0.8rem;
 }
 
-@media (min-width: 768px) and (max-width: 991px) {
+@media (min-width: 768px) and (max-width: 1321px) {
   .gh-author-meta {
     flex-direction: row;
     align-items: center;

assets/css/common/pagehead.css

@@ -27,13 +27,13 @@
   }
 }
 
-@media (min-width: 768px) and (max-width: 991px) {
+@media (min-width: 768px) and (max-width: 1321px) {
   .gh-pagehead {
     margin-bottom: 8rem;
   }
 }
 
-@media (max-width: 991px) {
+@media (max-width: 1321px) {
   .gh-pagehead {
     position: static;
     grid-column: main-start / main-end;

assets/css/common/root.css

@@ -0,0 +1,7 @@
+:root {
+  --font-sans: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
+  --font-serif: Lora, Times, serif;
+  --color-primary-text: var(--color-black);
+  --color-darker-gray: var(--color-black);
+  --head-nav-gap: 3.2rem;
+}

assets/css/main.css

@@ -1,23 +0,0 @@
-@import "@tryghost/shared-theme-assets/assets/css/v1/screen.css";
-
-@import "main/article.css";
-@import "main/author.css";
-@import "main/card.css";
-@import "main/gscan.css";
-@import "main/head.css";
-@import "main/navigation.css";
-@import "main/pagehead.css";
-@import "main/section.css";
-@import "main/tag.css";
-
-@import "lib/prism.css";
-@import "lib/commento.css";
-@import "lib/tocbot.css";
-
-:root {
-  --font-sans: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
-  --font-serif: Lora, Times, serif;
-  --color-primary-text: var(--color-black);
-  --color-darker-gray: var(--color-black);
-  --head-nav-gap: 3.2rem;
-}

assets/css/text/main.css

@@ -0,0 +1,17 @@
+@import "@tryghost/shared-theme-assets/assets/css/v1/screen.css";
+
+@import "../common/article.css";
+@import "../common/author.css";
+@import "../common/gscan.css";
+@import "../common/head.css";
+@import "../common/pagehead.css";
+@import "../common/root.css";
+@import "../common/section.css";
+@import "../common/tag.css";
+
+@import "../lib/prism.css";
+@import "../lib/commento.css";
+@import "../lib/tocbot.css";
+
+@import "card.css";
+@import "navigation.css";