Removed email field styles. Styled a disabled refresh button.

This commit is contained in:
Alexander Andreev 2022-08-27 04:20:33 +04:00
parent b7a2576369
commit 05bcb7835d
Signed by: Arav
GPG Key ID: 0388CC8FAA51063F

View File

@ -7,8 +7,7 @@ button {
font: inherit; font: inherit;
padding: 0; } padding: 0; }
button.refresh { button.refresh { color: var(--primary-color); }
color: var(--primary-color); }
button.refresh:hover { button.refresh:hover {
color: var(--secondary-color); color: var(--secondary-color);
@ -16,19 +15,21 @@ button.refresh:hover {
text-decoration: underline dotted; text-decoration: underline dotted;
transition: .5s; } transition: .5s; }
button.refresh:disabled {
color: gray;
cursor: progress; }
#new-post { #new-post {
display: grid; display: grid;
gap: .5rem; gap: .5rem;
grid-template-areas: grid-template-areas:
"n e w" "n w w"
"m m m" "m m m"
"c a s"; "c a s";
grid-template-columns: 1fr 1fr 1fr; } grid-template-columns: 1fr 1fr 1fr; }
#new-post input[name="name"] { grid-area: n; } #new-post input[name="name"] { grid-area: n; }
#new-post input[name="email"] { grid-area: e; }
#new-post input[name="website"] { grid-area: w; } #new-post input[name="website"] { grid-area: w; }
#new-post span.checkboxes { grid-area: c; } #new-post span.checkboxes { grid-area: c; }
@ -88,7 +89,6 @@ button.refresh:hover {
gap: 1.5rem; gap: 1.5rem;
grid-template-areas: grid-template-areas:
"n" "n"
"e"
"w" "w"
"m" "m"
"c" "c"