Sha256: 71d54f5fdcb1a904930118bee5de8b6fd35e3d1cc8b154e3372be9784e59e141
Contents?: true
Size: 1.45 KB
Versions: 32
Compression:
Stored size: 1.45 KB
Contents
<script>
var u = up.util;
up.compiler('.clamped-open', function($link) {
$link.on('click', function(event) {
event.preventDefault();
u.nextFrame(function() {
u.nextFrame(function() {
u.nextFrame(function() {
u.nextFrame(function() {
u.nextFrame(function() {
u.nextFrame(function() {
up.modal.follow($link, {
target: '.contents',
duration: 1000
});
});
});
});
});
});
});
});
});
</script>
<div class="example">
<a class="button" href="/css_test/modal_contents" up-modal=".contents">Modal</a>
</div>
<div class="example">
<a class="button" href="/css_test/modal_contents_wide" up-modal=".contents">Modal (wide contents)</a>
</div>
<div class="example">
<a class="button" href="/css_test/modal_contents" up-drawer=".contents" style="float: left">Drawer (auto)</a>
<a class="button" href="/css_test/modal_contents" up-drawer=".contents" style="float: right">Drawer (auto)</a>
</div>
<div class="example">
<a class="button" href="/css_test/modal_contents" up-drawer=".contents" up-position="left">Drawer (left)</a>
<a class="button" href="/css_test/modal_contents" up-drawer=".contents" up-position="right">Drawer (right)</a>
</div>
<div class="example">
<a class="button clamped-open" href="/css_test/modal_contents">Clamped open</a>
</div>
Version data entries
32 entries across 32 versions & 1 rubygems