title: Foundation 6 Reveal Modal Tiny Not Working
body: <p>Below is my sample code for html:</p>
  
  <pre><code>&lt;div class="reveal tiny" id="testingOnly" data-reveal&gt;
      &lt;p&gt;testing reveal&lt;/p&gt;
      &lt;button class="button" data-close&gt;Close&lt;/button&gt;
  &lt;/div&gt;
  &lt;button class="button" onclick="testingOnly.open();"&gt;Content Here&lt;/button&gt;
  </code></pre>
  
  <p>for javascript:</p>
  
  <pre><code>var testingOnly = new Foundation.Reveal($('#testingOnly'));
  </code></pre>
  
  <p>My question is, why does reveal modal always show as large? class <code>tiny</code> is not working but <code>full</code> does.  I don't know why it's not working.  Here is my <a href="https://jsfiddle.net/uz2mnrdr/" rel="nofollow">fiddle</a>.</p>