Sha256: f2e6bfc5a2fdc8a93b576de2b936a86e2f80900ca35224daf2ac9245cd8ff0dd
Contents?: true
Size: 1.97 KB
Versions: 16
Compression:
Stored size: 1.97 KB
Contents
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Styleguide</title>
<link rel="stylesheet" href="guide.css" />
</head>
<body>
<div class="nav">
<ul class="nav__list">
<li class="nav__list__item"><a href="examples/atoms.html" target="style_frame">Atoms</a></li>
<li class="nav__list__item"><a href="examples/organisims.html" target="style_frame">Organisims</a></li>
<li class="nav__list__item">
Pages
<ul class="nav__list__item__dropdown">
<li class="nav__list__item__dropdown__item"><a href="examples/pages/affiliates.html" target="style_frame">Affiliates</a></li>
<li class="nav__list__item__dropdown__item"><a href="examples/pages/blackbox.html" target="style_frame">Blackbox</a></li>
<li class="nav__list__item__dropdown__item"><a href="examples/pages/explore.html" target="style_frame">Explore</a></li>
</ul>
</li>
</ul>
<ul class="nav__view-options">
<li class="nav__view-options__item"><a href="#" id="small-width">Small Width</a></li>
<li class="nav__view-options__item"><a href="#" id="medium-width">Medium Width</a></li>
<li class="nav__view-options__item"><a href="#" id="full-width">Full Width</a></li>
</ul>
</div>
<iframe name="style_frame" id="style_frame" src="examples/atoms.html" width="100%" height="95%" frameborder="0"></iframe>
<script>
var iframe = document.getElementById('style_frame');
var smallWidthButton = document.getElementById('small-width');
var mediumWidthButton = document.getElementById('medium-width');
var fullWidthButton = document.getElementById('full-width');
smallWidthButton.addEventListener('click', function(event) {
iframe.width = '50%';
});
mediumWidthButton.addEventListener('click', function(event) {
iframe.width = '75%';
});
fullWidthButton.addEventListener('click', function(event) {
iframe.width = '100%';
});
</script>
</body>
</html>
Version data entries
16 entries across 16 versions & 1 rubygems