A little refactor of CSS. :is() selector got into action wherever is suitable.
This commit is contained in:
parent
08e6a17aa1
commit
a33c7b20c9
@ -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 {
|
||||
|
@ -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; }
|
||||
}
|
@ -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; }
|
||||
|
||||
|
@ -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; }
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user