hidden file input

hidden-file-input.html.haml

---
layout: false
---

!!! 5
%html
    %head
        %link{href: "//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.0/css/bootstrap-combined.min.css", rel: "stylesheet"}
    %body
        .container
            .btn.btn-primary.input-wrapper
                %i.icon-plus
                %span= "select file"
                %input{type: "file", name: "files[]"}

:css
    body {
        padding-top: 60px;
    }

    .input-wrapper {
        position: relative;
        overflow: hidden;
        cursor: pointer;
        display: inline-block;
    }

    .input-wrapper input {
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0;
        cursor: pointer;
    }