diff --git a/pinaxcon/templates/static_pages/homepage.html b/pinaxcon/templates/static_pages/homepage.html index 6e90bf5..537abd6 100644 --- a/pinaxcon/templates/static_pages/homepage.html +++ b/pinaxcon/templates/static_pages/homepage.html @@ -116,6 +116,7 @@ {% if level.sponsors %} {% for sponsor in level.sponsors %} {% endfor %} {% endif %} diff --git a/static/scss/custom.scss b/static/scss/custom.scss index 379a59f..debb6c6 100644 --- a/static/scss/custom.scss +++ b/static/scss/custom.scss @@ -127,10 +127,30 @@ $homepage-block-min-height: 480px; z-index: 3; .sponsor { + $sponsor-height: 150px; @include make-xs-column(6); @include make-sm-column(4); @include make-md-column(3); max-width: 600px; + height: $sponsor-height; + + + .logo-alignment { + max-width: 300px; + width: 100%; + height: 100%; + + // Center the icon horizontally and vertically + text-align: center; + line-height: ($sponsor-height - 5px); + vertical-align: middle; + + a img { + max-width: 100%; + max-height: 100%; + } + } + } } @@ -281,8 +301,6 @@ $homepage-block-min-height: 480px; } .sponsor-list a img { - width: 100%; - max-width: 300px; } .sponsor-list {