Contents

@import "type-director";

/******************************************************
* FONTS
******************************************************/

// Default font

$font-georgia: (
	"family": unquote("Georgia, serif"),
	"font-size-adjustment": 1.00,
	"line-height-adjustment": 1.00,
	"uppercase-adjustment": 0.82
);

// Additional fonts

$font-verdana: (
	"family": unquote("Verdana, sans-serif"),
	"font-size-adjustment": 0.89,
	"line-height-adjustment": 0.94,
	"uppercase-adjustment": 0.85
);
 
$font-feather: (
	"family": unquote("'Feather'"),
	"font-size-adjustment": 0.95,
	"line-height-adjustment": 1.00
);

/******************************************************
* FONT ROLES
******************************************************/

// For simple projects I like to define font-copy, font-heading 
// and font-icon roles, but this may not always be appropriate.

$font-copy: $font-georgia;
$font-copy-weight: normal;

$font-heading: $font-verdana;
$font-heading-weight: bold;

$font-icon: $font-feather;
$font-icon-weight: normal;

/******************************************************
* TYPOGRAPHY CONFIG
******************************************************/

$typography: td-build-typography((	

	// Define your font scales and their constraints.
	"scales": (

		// Phone sizes 
		"default": (
			"base-font-size": 16px,
			"base-line-height": 1.5,
			"max-font-size": 28px,
			"max-line-height": 1.35
		),

		// Tablet sizes and larger
		"tablet": (
			"media-query": "screen and (min-width: 768px)",
			"base-font-size": 18px,
			"base-line-height": 1.6,
			"max-font-size": 42px,
			"max-line-height": 1.25
		)
	),

	// Other than the base, how many sizes do you need?
	"numb-smaller-sizes": 1,
	"numb-larger-sizes": 4
));

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
type-director-0.8	templates/project/sass/_typography-config.scss