Device Mockup

Uma biblioteca JavaScript para gerar dispositivos responsíveis usando apenas HTML e CSS.

Exemplo

``html










Olá Mundo




`

Instalação

#### NPM

`bash
$ npm install device-mockup
`

#### Bower

`console
$ bower install device-mockup
`

Uso

#### Dispositivos

Dispositivos são criados utilizando a tag . Todo dispositivo precisa de possuir um _id_.

* __dev-width:__ Largura do dispositivo.
* __dev-height:__ Altura do dispositivo.
* __dev-color:__ Cor de preenchimento.
* __dev-border-size:__ Tamanho das bordas.
* __dev-border-radius:__ Tamanho do arredondamento das bordas.

#### Componentes

Componentes são criados utilizando a tag . Componentes por padrão ficam centralizados mas podem ser reposicionados utilizando o atributo dev-position`.

* __dev-place:__ Define aonde o componente será exibido.
* __dev-position:__ Define o deslocamento do componente em relação ao centro. A direção em que o componente será deslocado depende da posição do mesmo.
* __dev-width:__ Largura do componente
* __dev-height:__ Altura do componente
* __dev-color:__ Cor de preenchimento
* __dev-border-size:__ Tamanho das bordas
* __dev-border-color:__ Cor das bordas
* __dev-border-radius:__ Tamanho do arredondamento das bordas.

#### Posicionamento de componentes

É possivel escolher aonde os componentes serão exibidos.
Valores possíveis são: center, top, right, bottom, left, outer-top, outer-right, outer-bottom, outer-left

Licença

Licença MIT.
Copyright (c) 2016 André F. Martins
Copyright (c) 2016 RooTM Soluções em Sistemas Multimídia Ltda