Added Koenig gallery card support (#475)

no issue

- Update CSS and JS for new gallery card
- Updates CSS to support new gallery card
- Adds JS to support grid layout for gallery view
- Fix gallery breakout size
- Refining styles for gallery card
This commit is contained in:
Kevin Ansfield
2018-08-30 17:44:55 +01:00
committed by Katharina Irrgang
parent a0e42e0599
commit 7a88c88ea2
4 changed files with 46 additions and 4 deletions

View File

@ -55,6 +55,18 @@
</div>
{{/if}}
<script>
var images = document.querySelectorAll('.kg-gallery-image img');
images.forEach(function (image) {
var container = image.closest('.kg-gallery-image');
var width = image.attributes.width.value;
var height = image.attributes.height.value;
var ratio = width / height;
container.style.flex = ratio + ' 1 0%';
})
</script>
{{!-- jQuery + Fitvids, which makes all video embeds responsive --}}
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"