You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.1 KiB
51 lines
1.1 KiB
---
|
|
layout : 'default'
|
|
css : 'hotfix'
|
|
|
|
title : 'Test Page'
|
|
type : 'Library'
|
|
---
|
|
<%- @partial('header') %>
|
|
|
|
<!-- TEST JS HERE !-->
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('.button')
|
|
.popup({
|
|
on: 'click',
|
|
inline: true,
|
|
preserve: true
|
|
})
|
|
;
|
|
});
|
|
</script>
|
|
|
|
<!-- TEST CSS HERE !-->
|
|
<style type="text/css">
|
|
.wide.popup {
|
|
max-width: 500px;
|
|
padding: 0em;
|
|
}
|
|
</style>
|
|
|
|
|
|
<div class="main container">
|
|
|
|
<h3>ui grid works ok</h3>
|
|
<div class="ui grid">
|
|
<div class="eight wide computer only column">computer only</div>
|
|
<div class="eight wide tablet only column">tablet only</div>
|
|
<div class="eight wide mobile only column">mobile only</div>
|
|
<div class="eight wide column">all</div>
|
|
</div>
|
|
<h3>should ui stackable grid override the "x only" grid column styles?</h3>
|
|
<div class="ui stackable grid">
|
|
<div class="eight wide computer only column">computer only</div>
|
|
<div class="eight wide tablet only column">tablet only</div>
|
|
<div class="eight wide mobile only column">mobile only</div>
|
|
<div class="eight wide column">all</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</body>
|