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-11 08:49:25 +00:00
parent e3179f4cde
commit 4e488ca0bb
2 changed files with 15 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
public/logo.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 7.0 KiB

36
src/index.ts
View File

@ -87,7 +87,8 @@ export default function killTheNewsletter(
monospace; monospace;
} }
a { a,
button {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
transition: color 0.2s; transition: color 0.2s;
@ -102,7 +103,7 @@ export default function killTheNewsletter(
} }
footer { footer {
font-size: 0.875em; font-size: 0.857em;
} }
input, input,
@ -114,17 +115,17 @@ export default function killTheNewsletter(
line-height: 1.5; line-height: 1.5;
color: inherit; color: inherit;
background-color: transparent; background-color: transparent;
padding: 0.2em 1em;
border: 1px solid darkgray;
border-radius: 10px;
margin: 0; margin: 0;
outline: none; outline: none;
box-shadow: inset 0px 1px #ffffff22, 0px 1px #00000022;
} }
input { input {
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
padding: 0.2em 1em;
border: 1px solid darkgray;
border-radius: 10px;
box-shadow: inset 0px 1px #ffffff22, 0px 1px #00000022;
-webkit-appearance: none; -webkit-appearance: none;
transition: border-color 0.2s; transition: border-color 0.2s;
@ -134,27 +135,10 @@ export default function killTheNewsletter(
} }
button { button {
color: #ffffffd4; font-weight: bold;
background-color: #83769c; padding: 0;
border-color: #83769c; border: none;
transition-property: color, background-color, border-color;
transition-duration: 0.2s;
cursor: pointer; cursor: pointer;
@media (prefers-color-scheme: dark) {
background-color: #584f69;
border-color: #584f69;
}
&:hover {
color: #ffffffd4;
background-color: #6e6382;
}
&:active {
color: #ffffffd4;
background-color: #584f69;
}
} }
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {