A little refactor of CSS. :is() selector got into action wherever is suitable.

This commit is contained in:
Alexander Andreev 2022-09-23 00:27:33 +04:00
parent 08e6a17aa1
commit a33c7b20c9
Signed by: Arav
GPG Key ID: 0388CC8FAA51063F
4 changed files with 6 additions and 88 deletions

View File

@ -16,13 +16,9 @@ h5 {
text-indent: 1.5rem;
margin: 1rem 0 1rem 0; }
h3 a,
h4 a,
h5 a { color: var(--text-color); }
:is(h3, h4, h5) a { color: var(--text-color); }
h3 a:hover,
h4 a:hover,
h5 a:hover { color: var(--primary-color); }
:is(h3, h4, h5) a:hover { color: var(--primary-color); }
code,
pre {

View File

@ -1,73 +0,0 @@
::placeholder {
color: #a5a5a5;
font-family: 'Roboto Condensed', Roboto, sans-serif;
font-size: 1.1rem; }
#new-post {
display: grid;
gap: .5rem;
grid-template-areas:
"n e w"
"m m m"
"c c b";
grid-template-columns: 1fr 1fr 1fr;
}
#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 .chkgrp { grid-area: c; }
#new-post textarea {
grid-area: m;
height: 5.5rem;
max-width: 100%;
min-width: 100%; }
#new-post input[type="submit"] {
background-color: var(--primary-color);
border: none;
color: #f5f5f5;
grid-area: b;
height: 2rem; }
#new-post span .checkbox:not(:last-child) { margin-right: 2rem; }
#new-post input[type="text"],
#new-post textarea,
#posts-pagination input#current-page,
#posts-pagination button {
background-color: var(--background-color);
border: none;
border-bottom: 1px solid var(--primary-color);
color: var(--text-color);
font-family: 'Roboto Condensed', Roboto, sans-serif;
font-size: 1.1rem; }
#posts article:not(:last-child) { margin-bottom: 1rem; }
#posts article header { display: inline; font-size: .8rem; }
#posts article main,
#posts article div.feedback main,
#posts article div.feedback { margin-left: .5rem; }
#posts-pagination input#current-page { width: 1.7rem; }
#posts-pagination button { border: none; }
@media screen and (max-width: 641px) {
#new-post {
gap: 1.5rem;
grid-template-areas:
"n"
"e"
"w"
"m"
"c"
"b";
grid-template-columns: 1fr; }
}

View File

@ -9,8 +9,7 @@ nav a:last-child { margin-left: .6rem; }
nav,
#services { text-align: center; width: 100%; }
#services a,
#services span { margin: .3rem; }
#services :is(a, span) { margin: .3rem; }
#services span a { margin: 0; }

View File

@ -54,7 +54,7 @@ p:not(:last-child) { margin-bottom: .1rem; }
p.center {
text-align: center;
text-indent: 0px; }
text-indent: 0; }
h1 {
font-size: 1.8rem;
@ -83,8 +83,7 @@ h3.service-down::after {
font-size: .7rem;
margin-right: -.9rem;
vertical-align: super;
padding-left: .2rem;
}
padding-left: .2rem; }
small,
figure figcaption { font-size: .8rem; }
@ -180,10 +179,7 @@ section {
width: 100%;
word-wrap: break-word; }
#contacts a,
#contacts span,
#donation a,
#donation span { margin: .3rem; }
:is(#contacts, #donation) :is(a, span) { margin: .3rem; }
#contacts span a { margin: 0; }