Question

converti récent à RoR et je l'ai utilisé Compass w / Plan directeur à plonger dans la piscine proverbiale. Compass a été fantastique, mais je suis tombé sur quelque chose d'étrange au sein de la bibliothèque de Typographie.

plan-typographie-corps mixIn contient le texte suivant:

=blueprint-typography-body($font-size: $blueprint-font-size)
  line-height: 1.5
  +normal-text
  font-size: 100% * $font-size / 16px

Mon question tourne autour de « taille de la police. » Je suis un peu perdu, comme je l'attendre à passer dans une taille de police et ont cette taille réfléchi sur chargement de la page. Toutefois, dans ce scénario, la formule semble dicter un pourcentage contre la police par défaut.

-à-dire:

+blueprint-typography-body(10px) //produces 7.5px off of the default font size of 12px from what I can tell.

En substance, je suis curieux de savoir s'il existe une norme pour définir la taille de police dans Compass autre que déclarant explicitement « font-size: 10px ».

Remarque:. La raison pour laquelle je penche vers Blueprint / Compass stylings police est due à la normalisation des lignes-hauteurs, polices et couleurs

Était-ce utile?

La solution

Pour être honnête, le port de la boussole de la typographie modèle est pas encore entièrement configurable. Donc changer cette valeur par défaut est probablement pas pour vous donner un rythme de police appropriée.

Cependant, la prochaine version de Susy dispose d'un module de rythme vertical entièrement configurable que je a aidé à construire et il est assez agréable.

Susy

verticale Rhythm Module

Autres conseils

Il suffit de lire dans la discussion sur documentation Compass (commentaire de Julio Antunez) que vous peut ajuster la taille des caractères comme ceci:

@import "compass/typography"

$base-font-size:   14px
$base-line-height: 21px

header h1
  +adjust-font-size-to(18px)

Je ne sais pas c'est bien recommandé, mais ça marche pour moi. Je viens de commencer à utiliser Compass & Plan directeur afin ci-dessus pourrait causer des problèmes ailleurs.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top