cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: consistent media grid spacing

Browse source
This commit is contained in:
Cory Dransfeldt 2024-01-05 10:28:30 -08:00
parent 2969163164
commit f287c5fd61
No known key found for this signature in database
4 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/_includes/partials/now/albumReleases.liquid
View file

@ -3,7 +3,7 @@
{% tablericon "calendar-time" "Anticipated albums" %} {% tablericon "calendar-time" "Anticipated albums" %}
Anticipated albums Anticipated albums
</h2> </h2>
<ul> <ul class="media__links">
{% for album in albumReleases %} {% for album in albumReleases %}
<li> <li>
<strong>{{ album.date | readableDate }}: </strong> <strong>{{ album.date | readableDate }}: </strong>

2
src/_includes/partials/now/links.liquid
View file

@ -3,7 +3,7 @@
{% tablericon "link" "Links" %} {% tablericon "link" "Links" %}
Links Links
</h2> </h2>
<ul> <ul class="media__links">
{% for link in links limit: 5 %} {% for link in links limit: 5 %}
<li> <li>
<a class="no-underline" href="{{link.url}}" title="{{link.title | escape}}"> <a class="no-underline" href="{{link.url}}" title="{{link.title | escape}}">

8
src/assets/styles/partials/animations.css
View file

@ -1,8 +1,4 @@
@keyframes spin { @keyframes spin {
from { from { transform: rotate(0deg) }
transform: rotate(0deg); to { transform: rotate(360deg) }
}
to {
transform: rotate(360deg);
}
} }

5
src/assets/styles/widgets/media-grid.css
View file

@ -70,6 +70,11 @@
height: 100%; height: 100%;
} }
.media__links,
.media__links li:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.media__grid.square { .media__grid.square {
grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-columns: repeat(4,minmax(0,1fr));