comparison src/shared.ts @ 0:d09d690419e0

start
author drewp@bigasterisk.com
date Sat, 18 Mar 2023 19:34:12 -0700
parents
children deb0c25655eb
comparison
equal deleted inserted replaced
-1:000000000000 0:d09d690419e0
1 import { css } from "lit";
2
3 export const shared = css`
4 @import url("https://fonts.googleapis.com/css2?family=Acme&family=Oswald&display=swap");
5
6 h1 {
7 margin: -11px 6px;
8 font-family: "Acme", sans-serif !important;
9 }
10 h1 {
11 order: 2;
12 color: #fde9ff;
13 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,
14 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;
15 }
16 h1 {
17 display: block;
18 position: relative;
19 }
20 h1:before {
21 content: attr(data-text);
22 position: absolute;
23 text-shadow: 2px 2px 1px #e94aa1, -1px -1px 1px #c736f9, -2px 2px 1px #e94aa1, 1px -1px 1px #f736f9;
24 z-index: 1;
25 }
26 h1:nth-child(1) {
27 padding-right: 2.25rem;
28 }
29 h1:nth-child(2) {
30 padding-left: 2.25rem;
31 }
32 `;