[ctrl+alt+n]

Nice browser. Is it antique?

No, seriously - your browser is so old that some features of patternplate don't work as expected.

Don't worry - you can either continue with a restricted version or install an up-to-date browser.

We messed up.

Sorry, but your user experience might be affected.

- Try reloading the page

- Report the problem at github.com/patternplate/patternplate

Drop Zone@1.0.0

<div style="height:400px;">
  <div class="c-drop-zone--macro">
    <div class="c-drop-zone__target">
      <i class="material-icons c-fat-icon">cloud_upload</i>
      <h1 class="c-drop-zone__heading">Drop files here</h1>
    </div>
  </div>
</div>

<hr class="c-separator" style="margin:32px 0;" />

<div style="display:flex;">

  <div style="height:300px;width:300px;margin:0 auto;">
    <div class="c-drop-zone--micro is-active">
      <div class="c-drop-zone__target">
        <i class="material-icons c-fat-icon">cloud_upload</i>
        <h1 class="c-drop-zone__heading">Drop files here</h1>
      </div>
    </div>
  </div>

  <div style="height:300px;width:300px;margin:0 auto;">
    <div class="c-drop-zone">
      <div class="c-drop-zone__target">
        <i class="material-icons c-fat-icon">cloud_upload</i>
        <h1 class="c-drop-zone__heading">Drop files here</h1>
      </div>
    </div>
  </div>

  <div style="height:300px;width:300px;margin:0 auto;">
    <div class="c-drop-zone is-active">
      <div class="c-drop-zone__target">
        <i class="material-icons c-fat-icon">cloud_upload</i>
        <h1 class="c-drop-zone__heading">Drop files here</h1>
      </div>
    </div>
  </div>

</div>