Mercurial > code > home > repos > front-door-display
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 `; |