chore: consistent media grid spacing
This commit is contained in:
parent
2969163164
commit
f287c5fd61
4 changed files with 9 additions and 8 deletions
|
@ -3,7 +3,7 @@
|
|||
{% tablericon "calendar-time" "Anticipated albums" %}
|
||||
Anticipated albums
|
||||
</h2>
|
||||
<ul>
|
||||
<ul class="media__links">
|
||||
{% for album in albumReleases %}
|
||||
<li>
|
||||
<strong>{{ album.date | readableDate }}: </strong>
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
{% tablericon "link" "Links" %}
|
||||
Links
|
||||
</h2>
|
||||
<ul>
|
||||
<ul class="media__links">
|
||||
{% for link in links limit: 5 %}
|
||||
<li>
|
||||
<a class="no-underline" href="{{link.url}}" title="{{link.title | escape}}">
|
||||
|
|
|
@ -1,8 +1,4 @@
|
|||
@keyframes spin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
from { transform: rotate(0deg) }
|
||||
to { transform: rotate(360deg) }
|
||||
}
|
|
@ -70,6 +70,11 @@
|
|||
height: 100%;
|
||||
}
|
||||
|
||||
.media__links,
|
||||
.media__links li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.media__grid.square {
|
||||
grid-template-columns: repeat(4,minmax(0,1fr));
|
||||
|
|
Reference in a new issue