Mercurial > code > home > repos > front-door-display

diff src/shared.ts @ 17:472003015880

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
restyle using css grid
author drewp@bigasterisk.com
date Fri, 07 Jun 2024 21:22:37 -0700
parents deb0c25655eb
children
line wrap: on
line diff
--- a/src/shared.ts	Thu Jun 06 17:52:46 2024 -0700
+++ b/src/shared.ts	Fri Jun 07 21:22:37 2024 -0700
@@ -1,34 +1,26 @@
 import { css } from "lit";
 
 export const shared = css`
-  @import url("https://fonts.googleapis.com/css2?family=Acme&family=Oswald&display=swap");
+  :host {
+    display: inline-block;
+  }
 
   h1 {
-    margin: -11px 6px;
+    margin: -4px 0 -16px 0;
     font-family: "Acme", sans-serif !important;
-  }
-  h1 {
-    order: 2;
-    color: #fde9ff;
-    text-shadow: 3px 1px 1px #4af7ff, 2px 2px 1px #165bfb, 4px 2px 1px #4af7ff, 3px 3px 1px #165bfb, 5px 3px 1px #4af7ff, 4px 4px 1px #165bfb,
-      6px 4px 1px #4af7ff, 5px 5px 1px #165bfb, 7px 5px 1px #4af7ff, 6px 6px 1px #165bfb, 8px 6px 1px #4af7ff, 7px 7px 1px #165bfb, 9px 7px 1px #4af7ff;
-  }
-  h1 {
-    display: block;
-    position: relative;
+    font-size:30px;
+    color: #00fbff;
+    text-shadow: 1px 3px 1px #726262;
   }
-  h1:before {
-    content: attr(data-text);
-    position: absolute;
-    text-shadow: 2px 2px 1px #e94aa1, -1px -1px 1px #c736f9, -2px 2px 1px #e94aa1, 1px -1px 1px #f736f9;
-    z-index: 1;
+  ol {
+    list-style: none;
+    font-size: 16px;
+    padding-inline-start: 5px;
   }
-  h1:nth-child(1) {
-    padding-right: 2.25rem;
+  span.d {
+    opacity: 0.5;
   }
-  h1:nth-child(2) {
-    padding-left: 2.25rem;
-  }
+
   span.t {
     color: #50fa7b;
   }