@geekity/cms 0.27.0 → 0.29.0

package/themes/default/static/style.css

@@ -66,6 +66,7 @@
     --radius-xs: .125rem;
     --radius-sm: .25rem;
     --radius-md: .375rem;
+    --aspect-video: 16 / 9;
     --default-transition-duration: .15s;
     --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     --default-font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
@@ -840,6 +841,13 @@
     height: auto;
   }
 
+  :is(.e-content, .page-body) .video-embed iframe {
+    aspect-ratio: var(--aspect-video);
+    border-radius: var(--radius-md);
+    width: 100%;
+    height: auto;
+  }
+
   :is(.e-content, .page-body) figcaption {
     margin-top: calc(var(--spacing) * 2);
     font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
@@ -1611,6 +1619,50 @@
     display: inline-flex;
   }
 
+  .backlinks {
+    margin-top: calc(var(--spacing) * 12);
+    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));
+  }
+
+  .backlinks-title {
+    margin-bottom: calc(var(--spacing) * 2);
+    --tw-font-weight: var(--font-weight-normal);
+    font-size: .72rem;
+    font-weight: var(--font-weight-normal);
+    --tw-tracking: .14em;
+    letter-spacing: .14em;
+    color: var(--color-muted);
+    text-transform: uppercase;
+  }
+
+  .backlinks ol {
+    list-style-type: none;
+  }
+
+  :where(.backlinks ol > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
+    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
+  }
+
+  .backlinks ol {
+    padding: 0;
+  }
+
+  .backlinks a {
+    align-items: center;
+    min-block-size: 24px;
+    min-inline-size: 24px;
+    display: inline-flex;
+  }
+
+  .backlinks time {
+    color: var(--color-muted);
+    margin-inline-start: var(--spacing);
+  }
+
   .pagination {
     margin-top: calc(var(--spacing) * 12);
     gap: calc(var(--spacing) * 4);
@@ -2020,6 +2072,29 @@
     font-style: italic;
   }
 
+  .comment-thread {
+    margin-bottom: calc(var(--spacing) * 8);
+  }
+
+  .comment-step > .comment-step {
+    margin-bottom: calc(var(--spacing) * 4);
+  }
+
+  .comment-withheld {
+    font-style: italic;
+  }
+
+  .comment-page .comments-area {
+    margin-top: calc(var(--spacing) * 10);
+  }
+
+  .comment-back {
+    margin-top: calc(var(--spacing) * 10);
+    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));
+  }
+
   .comment-respond {
     margin-top: calc(var(--spacing) * 12);
     border-top-style: var(--tw-border-style);