Bhasher/kill-the-newsletter
Bhasher
/
kill-the-newsletter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

This commit is contained in:
Leandro Facchinetti 2021-03-18 21:05:53 +00:00
parent bba0a43002
commit 386b256b1a
1 changed files with 11 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/index.ts
View File

@ -100,12 +100,19 @@ export default function killTheNewsletter(
font-family: --apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
"Helvetica Neue", sans-serif;
color: #000000d4;
background-color: white;
-webkit-text-size-adjust: 100%;
max-width: 450px;
padding: 0 1rem;
margin: 1rem auto;
text-align: center;
overflow-wrap: break-word;
@media (prefers-color-scheme: dark) {
color: #ffffffd4;
background-color: #1e1e1e;
}
}
code {
@ -138,8 +145,8 @@ export default function killTheNewsletter(
input,
button {
all: unset;
border-style: solid;
border-color: gainsboro;
padding: 0.1rem 1rem;
border: 1px solid gainsboro;
border-radius: 5px;
box-shadow: inset 0px 1px 1px #ffffff10, 0px 1px 3px #00000010;
@ -149,8 +156,6 @@ export default function killTheNewsletter(
}
input {
padding: 0.1rem 1rem;
border-width: 1px;
transition: border-color 0.2s;
&:focus {
@ -159,9 +164,7 @@ export default function killTheNewsletter(
}
button {
font-size: 0.75rem;
padding: 0.2rem 1rem;
border-width: 0.1px;
background-color: white;
@media (prefers-color-scheme: dark) {
background-color: #5a5a5a;
@ -173,19 +176,6 @@ export default function killTheNewsletter(
border-color: #29adff;
}
}
@media (prefers-color-scheme: light) {
body {
color: #000000d4;
}
}
@media (prefers-color-scheme: dark) {
body {
color: #ffffffd4;
background-color: #1e1e1e;
}
}
}
`}"
>
@ -266,8 +256,8 @@ export default function killTheNewsletter(
autocomplete="off"
autofocus
/>
<button>Create Inbox</button>
</p>
<p><button>Create Inbox</button></p>
</form>
`)
);