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 10:47:46 +00:00
parent eadc8277dc
commit ef4b4b1ad5
1 changed files with 28 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/index.ts
View File

@ -121,45 +121,55 @@ export default function killTheNewsletter(
font-size: 0.857em; font-size: 0.857em;
} }
a {
color: inherit;
transition: color 0.2s;
&:hover {
color: #29adff;
}
h1 &,
footer & {
text-decoration: none;
}
}
input, input,
button { button {
all: unset; all: unset;
padding: 0.1em 1em;
border-style: solid;
border-color: gainsboro;
border-radius: 5px;
box-shadow: inset 0px 1px 1px #ffffff10, 0px 1px 3px #00000010;
@media (prefers-color-scheme: dark) {
border-color: dimgray;
}
} }
input { input {
border-bottom: 1px solid gray; border-width: 1px;
transition: border-color 0.2s; transition: border-color 0.2s;
&:focus { &:focus {
border-color: #58a6ff; border-color: #29adff;
} }
} }
button { button {
font-size: 0.857em; font-size: 0.857em;
padding: 0.1em 1em; border-width: 0.1px;
border: 0.1px solid gainsboro;
border-radius: 5px;
box-shadow: inset 0px 1px #ffffff10, 0px 1px 3px #00000010;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
border-color: dimgray;
background-color: #5a5a5a; background-color: #5a5a5a;
} }
&:active { &:active {
color: white; color: white;
background-color: #58a6ff; background-color: #29adff;
border-color: #58a6ff; border-color: #29adff;
}
}
a {
all: unset;
transition: color 0.2s;
&:hover {
color: #58a6ff;
} }
} }