2.6.0

Author: gabrielakhanna

dist/saratoga.css

@@ -146,15 +146,16 @@ li {
 
 .kicker {
   color: var(--secondary-text-color);
-  font-size: 0.667rem;
+  font: 0.667rem/1em var(--sans);
   font-weight: bold;
   text-transform: uppercase;
+  line-height: 1em;
 }
 
 time, .time, .byline {
   display: inline-block;
   color: var(--secondary-text-color);
-  font: 0.778rem/1.1em var(--sans);
+  font: 0.778rem/1em var(--sans);
 }
 
 .byline a {
@@ -1647,7 +1648,7 @@ footer {
  */
 .story-body {
   display: flow-root;
-  font: var(--story-font, 18px/2em var(--serif));
+  font-family: var(--story-font, var(--serif));
   color: var(--story-text-color, var(--text-color));
   background-color: var(--story-background-color, var(--paper-color));
   --header-family: var(--story-subhead-family, var(--sans));
@@ -2477,6 +2478,63 @@ footer {
     justify-self: end;
   }
 }
+/**
+ * Author byline
+ */
+.author-byline {
+  display: grid;
+  gap: var(--byline-gap, 5px);
+  font-size: var(--byline-font-size, 14px);
+  font-family: var(--header-family);
+  color: var(--byline-color, var(--darkgray));
+}
+
+.author-name,
+.article-details .viafoura {
+  font-weight: bold;
+}
+
+.article-details {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  overflow: hidden;
+  gap: 5px var(--space);
+  --link-color: var(--darkgray);
+  --line-offset: calc(var(--gap) / 2);
+  --line-thickness: 1px;
+  --line-color: #d9d9d9;
+}
+
+.article-details > * {
+  position: relative;
+  line-height: normal;
+}
+
+.article-details > *::before {
+  content: "";
+  position: absolute;
+  background-color: var(--line-color);
+  inline-size: var(--line-thickness);
+  block-size: 100vh;
+  inset-block-start: 0;
+  inset-inline-start: calc(var(--line-offset) * -1);
+  z-index: 1;
+}
+
+.article-details .comments {
+  display: inline-flex;
+  gap: 5px;
+}
+
+.article-details .comments > svg {
+  display: inline-block;
+  align-self: center;
+  height: 1em;
+  padding-top: 2px;
+  --fill-color: var(--byline-color);
+}
+
 /**
  * Timeline
  */
@@ -3307,9 +3365,7 @@ custom-digest {
  */
 .viafoura {
   --dark-text-on-default-color: #0F1521;
-  color: #0F1521;
   font-family: "Noto Sans", sans-serif;
-  font-size: 16px;
 }
 
 .viafoura p,

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "saratoga-design-system",
-  "version": "2.5.7",
+  "version": "2.6.0",
   "scripts": {
     "build": "npx sass --no-source-map builds:dist",
     "version": "npm run build && git add -A dist",