Changeset - bd2ae493dad7
[Not reviewed]
Merge
0 2 0
Josh Simmons - 6 years ago 2017-08-31 00:15:21
joshuasimmons@google.com
Merge pull request #80 from northbaypython/chrisjrn/sponsor-logos-sizing

Makes the sponsor logos nicer. #79
2 files changed with 22 insertions and 2 deletions:
0 comments (0 inline, 0 general)
pinaxcon/templates/static_pages/homepage.html
Show inline comments
...
 
@@ -116,6 +116,7 @@
 
          {% if level.sponsors %}
 
              {% for sponsor in level.sponsors %}
 
                  <div class="sponsor">
 
                    <div class="logo-alignment">
 
                      {% if sponsor.website_logo %}
 
                          <a href="{{ sponsor.external_url }}">
 
                              <img src="{% thumbnail sponsor.website_logo '600x360' %}" alt="{{ sponsor.name }}">
...
 
@@ -124,6 +125,7 @@
 
                          <a href="{{ sponsor.external_url }}">{{ sponsor.name }}</a>
 
                      {% endif %}
 
                    </div>
 
                  </div>
 
              {% endfor %}
 
          {% endif %}
 
      {% endfor %}
static/scss/custom.scss
Show inline comments
...
 
@@ -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 {
0 comments (0 inline, 0 general)