@import 'foundation';
// @include foundation-grid;
@include foundation-flex-classes;
@include foundation-flex-grid;$font-stack: Helvetica, sans-serif;
$primary-color: #333;
body {
font: 100% $font-stack;
color: $primary-color;
}var divs = document.querySelectorAll(".thumbnails-container > div");
var cont = document.getElementById("container-1-1");
var cont2 = document.getElementById("container-2-1");
for (var i = 0 ; i < divs.length; i++) {
divs[i].addEventListener('click', function(event) {
var target = event.target;
cont.style.backgroundImage = target.style.backgroundImage;
cont2.style.backgroundImage = target.dataset.clastering;
});
}.logo a:hover #halfcircle1 {
-webkit-animation: animatelogo1 .5s ease infinite;
animation: animatelogo1 .5s ease infinite;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}var Flat = function(id) {
this.$flat = $('#flat-'+id);
this.flatNumber = this.$flat.data('flatNumber');
this.flatRoomamount = this.$flat.data('flatRoomamount');
this.flatSquare = this.$flat.data('flatSquare');
$('#flat-number'+id).text(this.flatNumber);
$('#flat-roomamount'+id).text(this.flatRoomamount);
$('#flat-square'+id).text(this.flatSquare);
this.$flat.hover(function() {
$('#flat-info'+id).css({ display:"block" });
}, function() {
$('#flat-info'+id).css({ display:"none" });
});
}
jQuery(document).ready(function($) {
$('.flat-section').each(function(index, el) {
new Flat(index);
});
});