opdavies/oliverdavies.uk
1
0
Fork 0
Code Issues 1 Pull requests Projects 1 Releases Packages Wiki Activity Actions

Figure out badge widths dynamically

Browse source
This commit is contained in:
Oliver Davies 2017-07-29 08:38:56 +01:00
parent 35f4e071ac
commit fd8434c9e5
2 changed files with 23 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

10
assets/sass/components/_badges.sass
View file

@ -2,4 +2,14 @@
margin: 0 auto 10px
.badges img
height: auto
max-width: 100%
.acquia-badges
border-collapse: collapse
display: table
.badge
background: none
display: table-cell
padding: 0

24
source/_includes/badges.html.twig
View file

@ -7,18 +7,20 @@
/>
</a>
<div class="is-flex align-items-center">
<img
src="{{ site.images_url }}/assets/images/badges/acquia-d8-developer.png"
alt="Acquia Certified Developer - Drupal 8 Exam Badge"
class="is-2"
/>
<div class="acquia-badges">
<div class="badge">
<img
src="{{ site.images_url }}/assets/images/badges/acquia-d8-developer.png"
alt="Acquia Certified Developer - Drupal 8 Exam Badge"
/>
</div>
<img
src="{{ site.images_url }}/assets/images/badges/acquia-d8-back-end.png"
alt="Acquia Certified Back End Specialist - Drupal 8 Exam Badge"
class="is-2"
/>
<div class="badge">
<img
src="{{ site.images_url }}/assets/images/badges/acquia-d8-back-end.png"
alt="Acquia Certified Back End Specialist - Drupal 8 Exam Badge"
/>
</div>
</div>
<a href="http://conference.phpnw.org.uk/phpnw17" class="is-block">