all repos — aaoth.xyz @ d7118a8b627e1f5c7d7ebde49b5f52c364b37b32

aaoth.xyz website

tweak logo image scaling and fix logo urls in project page
la-ninpre leobrekalini@gmail.com
Sat, 21 Aug 2021 22:41:01 +0300
commit

d7118a8b627e1f5c7d7ebde49b5f52c364b37b32

parent

7736c6f494d7fd4b64d11f5fe36a0552bc33b034

2 files changed, 4 insertions(+), 7 deletions(-)

jump to
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 }}&ndash; {%- 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;