Be more consistent in section styling
This commit is contained in:
parent
dceb7f141b
commit
973004f1dd
2 changed files with 13 additions and 13 deletions
|
|
@ -88,46 +88,46 @@
|
||||||
max-width: 480px;
|
max-width: 480px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.controls {
|
section.posts .controls {
|
||||||
padding: 0 0 36px;
|
padding: 0 0 36px;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.results {
|
section.posts ul.results {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.results li.result {
|
section.posts ul.results li.result {
|
||||||
padding: 36px 0;
|
padding: 36px 0;
|
||||||
border-top: 2px dotted #dccb8b;
|
border-top: 2px dotted #dccb8b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post .metadata {
|
section.posts .post .metadata {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post .metadata .post-info {
|
section.posts .post .metadata .post-info {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post .metadata .mentions,
|
section.posts .post .metadata .mentions,
|
||||||
.post .metadata .date {
|
section.posts .post .metadata .date {
|
||||||
color: #777;
|
color: #777;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post .content p:last-child {
|
section.posts .post .content p:last-child {
|
||||||
margin-bottom: 0
|
margin-bottom: 0
|
||||||
}
|
}
|
||||||
|
|
||||||
.post .controls {
|
section.posts .post .controls {
|
||||||
margin: 24px 0 0;
|
margin: 24px 0 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post .controls .control-element a {
|
section.posts .post .controls .control-element a {
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
margin: 0 0 6px 6px;
|
margin: 0 0 6px 6px;
|
||||||
background: #f5e6ab;
|
background: #f5e6ab;
|
||||||
|
|
@ -139,12 +139,12 @@
|
||||||
|
|
||||||
|
|
||||||
@media screen and (min-width: 640px) {
|
@media screen and (min-width: 640px) {
|
||||||
.post .controls {
|
section.posts .post .controls {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: end
|
justify-content: end
|
||||||
}
|
}
|
||||||
|
|
||||||
.post .controls .control-element a {
|
section.posts .post .controls .control-element a {
|
||||||
margin: 0 0 0 12px;
|
margin: 0 0 0 12px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -368,7 +368,7 @@
|
||||||
|
|
||||||
(defn posts-section [{:keys [posts]}]
|
(defn posts-section [{:keys [posts]}]
|
||||||
(let [{:keys [per-page query total displayed-posts loading]} posts]
|
(let [{:keys [per-page query total displayed-posts loading]} posts]
|
||||||
[:section.favorites
|
[:section.posts
|
||||||
[:h2 "Favorites"]
|
[:h2 "Favorites"]
|
||||||
[:header.controls
|
[:header.controls
|
||||||
[:p.display-info
|
[:p.display-info
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue