13

Click here to load reader

Norato Framework

Embed Size (px)

DESCRIPTION

http://paullonorato.com.br/files/norato-framework http://github.com/paullonorato/norato-framework

Citation preview

Page 1: Norato Framework

NORATO FRAMEWORK

Page 2: Norato Framework

paullonorato.com.br/files/norato-framework

github.com/paullonorato/norato-framework

Page 3: Norato Framework

PRA QUEou

POR QUE

?

Page 4: Norato Framework

PADRÃO+

QUALIDADE+

PRODUTIVIDADE

Page 5: Norato Framework

MADE WITH LOVE

Page 6: Norato Framework

13 DONE

2 DEV

Page 7: Norato Framework

AQUI É VOCÊ QUEM DEFINE AS REGRAS

Page 8: Norato Framework

/*** GRID ***/

$responsive: 1; // 0 = fixed ~ 1 = responsive

$wrapper: 1024;

$grid-columns: 12;

$grid-gutter: 20;

Page 9: Norato Framework

/*** FORM ***/

$padding-top-bottom: 10;

$padding-left-right: 15;

$input-border-width: 1;

$border-radius: 3px;

Page 10: Norato Framework

/*** COLORS ***/

//Default colors

$color-default: #555;

$color-confirm: #4aac24;

$color-options: #2c82c7;

$color-cancel: #c72c2c;

//Special colors

$color-1: #0277bd;

$color-2: #42bd41;

$color-3: #ff9800;

Page 11: Norato Framework

/*** TYPOGRAPHY ***/

$base-font: 'Raleway', sans-serif;

$variant-font: ‘Open Sans', sans-serif;

$base-size: 14;

$base-line-height: 1.4;

Page 12: Norato Framework

HORA DE TESTAR

=)

e não esqueça de enviar feedback

Page 13: Norato Framework

Paullo Norato@paullonorato

Front-end designer, 5 anos de experiência;

Formado em análise de sistemas;

Fundador do blog Front-end Para Leigos;(frontendparaleigos.cc)

Participou do Google Dev Bus =D