From 489e363ea140c66a62215b6e721dea59969145e2 Mon Sep 17 00:00:00 2001 From: Raphael Goetter Date: Sat, 7 Mar 2015 21:36:07 +0100 Subject: [PATCH] doc reset et typo --- doc/01-typo-et-reset.md | 14 ++++++++++++-- doc/02a-layout-alignements.md | 2 +- 2 files changed, 13 insertions(+), 3 deletions(-) diff --git a/doc/01-typo-et-reset.md b/doc/01-typo-et-reset.md index 3f81c33..2a0e90e 100644 --- a/doc/01-typo-et-reset.md +++ b/doc/01-typo-et-reset.md @@ -1,8 +1,18 @@ # Typographie -- choix d'unités fluides (em, rem) -- taille de police de 62.5% sur HTML (soit un équivalent de 10px, très pratique pour les conversions en rem) +Accessible avant tout, KNACSS propose une gamme de tailles de polices d'unités fluides (`em`, `rem`) plutôt que le pixel, figé et non malléable, donc moint accessible. + +En résumé, voilà les bases typographiques de KNACSS : + +- choix d'unités fluides (`em`, `rem`) +- taille de police définie à 62.5% sur HTML (soit un équivalent de 10px, très pratique pour les conversions en rem) - taille de base des contenus de 1.4em (soit un équivalent de 14px) modifiable dans la configuration LESS / Sass - tailles de polices définies pour les niveaux de titres et des modificateurs tels que `.small`, `.smaller`, `.big`, `.bigger`, etc. # Reset "light" + +Le reset de KNACSS est volotairement minimal, le but n'étant pas de tout mettre à zéro pour le redéfinir par la suite. + +La feuille de style débute ainsi par une variante de l'incontournable `* {box-sizing: border-box}` afin d'imposer le très pratique modèle de boîte CSS3 à tous les éléments du document. + +S'en suivent quelques mises à zéro de marges, alignements par défaut des images, et quelques spécificités sur des élements tels que `blockquote`, `figure`, `canvas`, `video` ou autres `svg`. diff --git a/doc/02a-layout-alignements.md b/doc/02a-layout-alignements.md index 18d3708..68abcb4 100644 --- a/doc/02a-layout-alignements.md +++ b/doc/02a-layout-alignements.md @@ -25,7 +25,7 @@ KNACSS a prévu des classes spécifiques pour mieux vous en sortir avec les flot HTML : ```html
- + aïe ça pique
```