Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
NORATO FRAMEWORK
paullonorato.com.br/files/norato-framework
github.com/paullonorato/norato-framework
PRA QUE
ou
POR QUE
?
PADRÃO
+
QUALIDADE
+
PRODUTIVIDADE
MADE WITH LOVE
13 DONE
2 DEV
AQUI É VOCÊ QUEM DEFINE AS REGRAS
/*** GRID ***/
$responsive: 1; // 0 = fixed ~ 1 = responsive
$wrapper: 1024;
$grid-columns: 12;
$grid-gutter: 20;
/*** FORM ***/
$padding-top-bottom: 10;
$padding-left-right: 15;
$input-border-width: 1;
$border-radius: 3px;
/*** COLORS ***/
//Default colors
$color-default: #555;
$color-confirm: #4aac24;
$color-options: #2c82c7;
$color-cancel: #...
/*** TYPOGRAPHY ***/
$base-font: 'Raleway', sans-serif;
$variant-font: ‘Open Sans', sans-serif;
$base-size: 14;
$base-line...
HORA DE TESTAR
=)
e não esqueça de enviar feedback
Paullo Norato
@paullonorato
Front-end designer, 5 anos de experiência;
Formado em análise de sistemas;
Fundador do blog Fr...
Nächste SlideShare
Wird geladen in …5
×

Norato Framework

720 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Technologie
  • Loggen Sie sich ein, um Kommentare anzuzeigen.

Norato Framework

  1. 1. NORATO FRAMEWORK
  2. 2. paullonorato.com.br/files/norato-framework github.com/paullonorato/norato-framework
  3. 3. PRA QUE ou POR QUE ?
  4. 4. PADRÃO + QUALIDADE + PRODUTIVIDADE
  5. 5. MADE WITH LOVE
  6. 6. 13 DONE 2 DEV
  7. 7. AQUI É VOCÊ QUEM DEFINE AS REGRAS
  8. 8. /*** GRID ***/ $responsive: 1; // 0 = fixed ~ 1 = responsive $wrapper: 1024; $grid-columns: 12; $grid-gutter: 20;
  9. 9. /*** FORM ***/ $padding-top-bottom: 10; $padding-left-right: 15; $input-border-width: 1; $border-radius: 3px;
  10. 10. /*** 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;
  11. 11. /*** TYPOGRAPHY ***/ $base-font: 'Raleway', sans-serif; $variant-font: ‘Open Sans', sans-serif; $base-size: 14; $base-line-height: 1.4;
  12. 12. HORA DE TESTAR =) e não esqueça de enviar feedback
  13. 13. 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

×