Minimal CSS Devices

A set of css only devices minimally styled. Still a work in progress. Currently requires compass and sass, but will be ported to plain sass or can you use the compiled css.

Current Devices

iPhone 5 - black and white variant

iPad - black and white variant

Mark up

iPhone 5

<div class="iphone-5 white-device">
     <div class="body">

        <div class="buttons"></div>

        <div class="front-camera"></div>
        <div class="top-speaker"></div>
        <div class="screen"></div>

        <button class="home-button"></button>
    </div>
</div>

<div class="iphone-5 black-device">
     <div class="body">

        <div class="buttons"></div>

        <div class="front-camera"></div>
        <div class="top-speaker"></div>
        <div class="screen"></div>

        <button class="home-button"></button>
    </div>
</div>

iPad

<div class="ipad white-device">
    <div class="body">
        <div class="front-camera"></div>
        <div class="screen"></div>

        <button class="home-button"></button>
    </div>
</div>


<div class="ipad black-device">
    <div class="body">
        <div class="front-camera"></div>
        <div class="screen"></div>

        <button class="home-button"></button>
    </div>
</div>