assets/test.html in edge_framework-0.9.10 vs assets/test.html in edge_framework-0.9.11
- old
+ new
@@ -133,17 +133,17 @@
</div>
</article>
</div>
</div>
-->
-<!-- <section class="row" data-page="animate">
+<!-- <section class="row" data-page="animate">
<div class="large-12 column">
<div class="box1" data-animate="fadein 500"></div>
</div>
</section> -->
-<!-- <div class="row" data-page="typography">
+<!-- <div class="row" data-page="typography">
<div class="large-12 columns">
<article>
<div class="row">
<div class="large-6 columns">
<h1>Unordered List</h1>
@@ -222,11 +222,11 @@
</div>
</article>
</div>
</div> -->
-<!-- <div class="row" data-page="vr-comparison">
+<!-- <div class="row" data-page="vr-comparison">
<div class="large-6 column">
<article class="baseline-comparison">
<h1>Lorem ipsum dolor sit amet.</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, eaque illum tempora mollitia magni omnis debitis quidem culpa dolores praesentium at veniam nobis! Iusto, excepturi, accusamus autem iure ab magnam!
@@ -379,11 +379,11 @@
</ul>
</div>
</div>
</div> -->
-<!-- <div class="row" data-page="custom-tile">
+ <div class="row" data-page="custom-tile">
<div class="large-12 columns">
<div class="demo-tile">
<h1>Custom Tile</h1>
<ul class="custom-tile1">
<li><p>1</p></li>
@@ -412,13 +412,28 @@
<li><p>1</p></li>
<li><p>1</p></li>
<li><p>1</p></li>
<li><p>1</p></li>
</ul>
+ <h2>Custom Tile Mini</h2>
+ <ul class="custom-tile3">
+ <li><p>1</p></li>
+ <li><p>1</p></li>
+ <li><p>1</p></li>
+ <li><p>1</p></li>
+ <li><p>1</p></li>
+ <li><p>1</p></li>
+ <li><p>1</p></li>
+ <li><p>1</p></li>
+ <li><p>1</p></li>
+ <li><p>1</p></li>
+ <li><p>1</p></li>
+ <li><p>1</p></li>
+ </ul>
</div>
</div>
-</div> -->
+</div>
<!-- <div class="row" data-page="grid">
<div class="large-12 columns">
<div class="demo-grid">
<h1>Grid</h1>
@@ -549,12 +564,11 @@
</div>
</div>
</div> -->
-
-<section class="row" data-page="visibility">
+<!-- <section class="row" data-page="visibility">
<div class="large-12 column">
<h2>Using the Class</h2>
<div class="visibility-class">
<p class="hide-for-large">This is hidden on large</p>
<p class="hide-for-small">This is hidden on small and mini</p>
@@ -586,95 +600,83 @@
<h2>Table Visibility</h2>
<div class="visibility-table">
<table border="1" class="hide-for-large">
<tr>
- <td>hide-for</td>
- <td>large</td>
+ <td>hide-for-large</td>
</tr>
</table>
<table border="1" class="hide-for-small">
<tr>
- <td>hide-for</td>
- <td>small</td>
+ <td>hide-for-small</td>
</tr>
</table>
<table border="1" class="hide-for-mini">
<tr>
- <td>hide-for</td>
- <td>mini</td>
+ <td>hide-for-mini</td>
</tr>
</table>
<table border="1" class="show-for-large">
<tr>
- <td>show-for</td>
- <td>large</td>
+ <td>show-for-large</td>
</tr>
</table>
<table border="1" class="show-for-small">
<tr>
- <td>show-for</td>
- <td>small</td>
+ <td>show-for-small</td>
</tr>
</table>
<table border="1" class="show-for-mini">
<tr>
- <td>show-for</td>
- <td>mini</td>
+ <td>show-for-mini</td>
</tr>
</table>
</div>
<h2>Td Visibility</h2>
<div class="visibility-td">
<table border="1">
<tr>
- <td class="hide-for-large">This is</td>
- <td>hide-for</td>
- <td>large</td>
+ <td>This is</td>
+ <td class="hide-for-large">hide-for-large</td>
</tr>
</table>
<table border="1">
<tr>
- <td class="hide-for-small">This is</td>
- <td>hide-for</td>
- <td>small</td>
+ <td>This is</td>
+ <td class="hide-for-small">hide-for-small</td>
</tr>
</table>
<table border="1">
<tr>
- <td class="hide-for-mini">This is</td>
- <td>hide-for</td>
- <td>mini</td>
+ <td>This is</td>
+ <td class="hide-for-mini">hide-for-mini</td>
</tr>
</table>
<table border="1">
<tr>
- <td class="show-for-large">This is</td>
- <td>show-for</td>
- <td>large</td>
+ <td>This is</td>
+ <td class="show-for-large">show-for-large</td>
</tr>
</table>
<table border="1" >
<tr>
- <td class="show-for-small">This is</td>
- <td>show-for</td>
- <td>small</td>
+ <td>This is</td>
+ <td class="show-for-small">show-for-small</td>
</tr>
</table>
<table border="1" >
<tr>
- <td class="show-for-mini">This is</td>
- <td>show-for</td>
- <td>mini</td>
+ <td>This is</td>
+ <td class="show-for-mini">show-for-mini</td>
</tr>
</table>
</div>
</div>
</section>
-
+ -->
<!-- <div class="row collapse demo-grid" data-page="grid">
<h1>Collapse not nested</h1>
<div class="large-8 column">
<p>8</p>
</div>
@@ -813,11 +815,11 @@
</div>
</div>
</section> -->
-<!-- <section class="row" data-page="button">
+<section class="row" data-page="button">
<div class="large-4 column">
<h1>Button</h1>
<a href="" class="button">Hello World</a>
<br>
<a href="" class="button red-button">Hello World</a>
@@ -836,11 +838,11 @@
<br>
<a href="" class="button darkgrey-button">Hello World</a>
<br>
<a href="" class="button black-button">Hello World</a>
</div>
-</section> -->
+</section>
<!-- <div class="row" data-page="form">
<div class="large-6 columns">
<h1>Form Grid</h1>
<div class="form-row">
@@ -934,13 +936,8 @@
<script type="text/javascript" src="js/vendor/jquery.min.js"></script>
<script type="text/javascript" src="js/edge.js"></script>
<script type="text/javascript" src="js/edge/edge.prism.js"></script>
<script type="text/javascript" src="js/edge/edge.animate.js"></script>
-
-
- <script>
- //$(".box1").addClass("animated");
- </script>
</body>
</html>
\ No newline at end of file