Styleguide

Spacer 

<hr class="spacer" data-size="s">
 
<hr class="spacer" data-size="{{ size }}">
 
{
  "size": "s"
}
  • Content: 
    import $ from "jquery";

$('.video-preview').click(function() {
    $(this).parent().find('.video-overlay').addClass('is-open');

});
$('.video-dimmer').click(function() {
    $(this).parent().removeClass('is-open');
    $(this).parent().find('.youtube-iframe').attr('src', $(this).parent().find('.youtube-iframe').attr('src'));
});
$('.close-video-btn').click(function() {
    $(this).parent().removeClass('is-open');
    $(this).parent().find('.youtube-iframe').attr('src', $(this).parent().find('.youtube-iframe').attr('src'));
});
  • URL: /components/raw/spacer/spacer.js
  • Filesystem Path: components/02-components/spacer/spacer.js
  • Size: 534 Bytes
  • Content: 
    .spacer {
	border: none !important;
	height: 5rem;

	&[data-size="xs"] {
		height: 4rem;
	}
	&[data-size="s"] {
		height: 5rem;
	}
	&[data-size="m"] {
		height: 7.5rem;
	}
	&[data-size="l"] {
		height: 10rem;
	}
	&[data-size="xl"] {
		height: 15rem;
	}
}
  • URL: /components/raw/spacer/spacer.scss
  • Filesystem Path: components/02-components/spacer/spacer.scss
  • Size: 255 Bytes

There are no notes for this item.