Cookbook

Cookbook 🧑‍🍳

The discovery of a new dish does more for the happiness of the human race than the discovery of a star.

Jean Anthelme Brillat-Savarin

Drag and Drop Input

Upload or drag a file above Accepts any filetype
Code

<label style="display: flex; flex-direction:column; text-align:center;">
  <input
      ondragover="this.style.backgroundColor='var(--color-3)';" 
      ondragleave="this.style.backgroundColor='var(--color-1)';"
      ondrop="this.style.backgroundColor='var(--color-1)';"
      style="background: var(--color-1);
             padding-top: 3em;
             padding-bottom: 3em;
             padding-left: 5em;
             padding-right: 5em;
             border-radius:1em;
             border: .25em dashed var(--color-4);
             "
      name="file-upload"
      type="file"
      ></input>
  <br>
  Upload or drag a file above
  <small>Accepts any filetype</small>
</label>

Vanilla Stack 🍦

Cookbook 🧑‍🍳