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