@geekity/cms 0.22.0 → 0.24.0

package/themes/default/src/style.css

@@ -672,6 +672,14 @@
     clip-path: polygon(0 0, 100% 50%, 0 100%);
   }
 
+  .cite-avatar {
+    @apply me-1 inline-block size-5 rounded-full object-cover align-[-0.3em];
+  }
+
+  .cite-handle {
+    @apply text-muted;
+  }
+
   .cite-photo {
     @apply mt-2 block;
   }
@@ -728,6 +736,18 @@
     @apply text-[1.3rem] leading-[1.55];
   }
 
+  .event-details {
+    @apply mt-4 grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 font-sans text-sm;
+  }
+
+  .event-details dt {
+    @apply font-semibold text-muted;
+  }
+
+  .event-details dd {
+    @apply m-0;
+  }
+
   .entry-meta,
   .page-meta {
     @apply mt-8 flex flex-wrap items-center gap-x-2 font-sans text-sm text-muted;

package/themes/default/static/style.css

@@ -1209,6 +1209,20 @@
     inset: 0;
   }
 
+  .cite-avatar {
+    width: calc(var(--spacing) * 5);
+    height: calc(var(--spacing) * 5);
+    object-fit: cover;
+    vertical-align: -.3em;
+    border-radius: 3.40282e38px;
+    margin-inline-end: var(--spacing);
+    display: inline-block;
+  }
+
+  .cite-handle {
+    color: var(--color-muted);
+  }
+
   .cite-photo {
     margin-top: calc(var(--spacing) * 2);
     display: block;
@@ -1298,6 +1312,27 @@
     line-height: 1.55;
   }
 
+  .event-details {
+    margin-top: calc(var(--spacing) * 4);
+    column-gap: calc(var(--spacing) * 4);
+    row-gap: var(--spacing);
+    font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+    grid-template-columns: auto 1fr;
+    display: grid;
+  }
+
+  .event-details dt {
+    --tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
+    color: var(--color-muted);
+  }
+
+  .event-details dd {
+    margin: 0;
+  }
+
   .entry-meta, .page-meta {
     margin-top: calc(var(--spacing) * 8);
     align-items: center;