diff options
| -rw-r--r-- | _layouts/music-project.html | 4 | ||||
| -rw-r--r-- | _sass/main.scss | 7 |
2 files changed, 4 insertions, 7 deletions
diff --git a/_layouts/music-project.html b/_layouts/music-project.html index 5b32455..7ab64aa 100644 --- a/_layouts/music-project.html +++ b/_layouts/music-project.html @@ -12,11 +12,7 @@ layout: default <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 -%} diff --git a/_sass/main.scss b/_sass/main.scss index be0f8d3..74508e7 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -216,6 +216,7 @@ footer { padding-left: 10px; } } + &-header { margin-bottom: 2em; ul { @@ -234,7 +235,7 @@ footer { } } -@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 @@ footer { width: 100%; height: 100%; image-orientation: initial; - object-fit: cover; + object-fit: $object-fit; } } } @@ -321,7 +322,7 @@ footer { 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; |