tweak logo image scaling and fix logo urls in project page
la-ninpre leobrekalini@gmail.com
Sat, 21 Aug 2021 22:41:01 +0300
2 files changed,
4 insertions(+),
7 deletions(-)
M
_layouts/music-project.html
→
_layouts/music-project.html
@@ -12,11 +12,7 @@
<div class="music-project-sidebar"> <h1>{{ page.title }}</h1> <img id="logo" - {%- if page.logo -%} - src="{{ page.logo }}" - {%- else -%} src="/art/logos/thumbs/{{ page.url | split: "/" | last }}-logo_thumb.png" - {%- endif -%} alt="{{ page.title }} logo"> <p>{{ page.start_date | date_to_string }}– {%- if page.end_date -%}
M
_sass/main.scss
→
_sass/main.scss
@@ -216,6 +216,7 @@ ul {
padding-left: 10px; } } + &-header { margin-bottom: 2em; ul {@@ -234,7 +235,7 @@ }
} } -@mixin image-list-item ($width, $height) { +@mixin image-list-item ($width, $height, $object-fit: cover) { &-item-mask { position: absolute; z-index: 1;@@ -258,7 +259,7 @@ position: absolute;
width: 100%; height: 100%; image-orientation: initial; - object-fit: cover; + object-fit: $object-fit; } } }@@ -321,7 +322,7 @@ display: flex;
flex-flow: row wrap; justify-content: space-evenly; - @include image-list-item(250px, 300px); + @include image-list-item(250px, 300px, contain); &-item { margin-bottom: 1em;