Contents

//IMPORT FONTS HERE Typekit vs google fonts
// @import url(http://fonts.googleapis.com/css?family=Slabo+27px);
// @import url(http://fonts.googleapis.com/css?family=Chivo);
// @import url(http://fonts.googleapis.com/css?family=VT323);

//DEFAULTS
$typeface-primary: sans-serif;
$typeface-secondary: serif;
$typeface-tertiary: monospace;
$normal-font-weight: 400;

//FOUNDATION STYLES: CAN BE OVERRIDDEN BUT NEEDED
$font-family-sans-serif: $typeface-primary;
$font-family-serif: $typeface-secondary;
$font-family-monospace: $typeface-tertiary;
$body-bg: $white;//can use any from colors
$body-font-color: rgba($black, $transparent-strong);
$body-font-family: $font-family-sans-serif;
$body-font-weight: $normal-font-weight;

//FONT CLASSES TO GENERATE
$typeface-classes: primary secondary tertiary;
$typeface-define: $typeface-primary $typeface-secondary $typeface-tertiary;

//WEIGHT CLASSES IN ADDITION TO DEFAULT
$weight-classes:light strong;
$weight-define: 200 700;

//TEXT Transform: Underline, uppercase, etc text-transform: uppercase, lowercase, capitalize;
$transform-classes: up down cap;//shorter names for simplicity when chaining
$transform-define: uppercase lowercase capitalize;

//Letter spacing varients
$spacing-classes: sleak wide;
$spacing-define: 0.2rem 1rem;

@import "builders/build_typography"

//TODO: COOL FONT SHADOW EFFECT ON http://fittextjs.com

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
staple-0.1.6	source/stylesheets/staple/typography.scss