typographic
Advanced tools
Comparing version
{ | ||
"name": "typographic", | ||
"version": "2.4.3", | ||
"version": "2.5.0", | ||
"homepage": "https://github.com/corysimmons/typographic", | ||
@@ -5,0 +5,0 @@ "authors": [ |
@@ -7,3 +7,3 @@ { | ||
"main": "stylus/typographic.js", | ||
"version": "2.4.3", | ||
"version": "2.5.0", | ||
"description": "Responsive typography with modular scale, font stacks, and more.", | ||
@@ -10,0 +10,0 @@ "keywords": [ |
@@ -70,16 +70,16 @@ <p align="center"> | ||
$calibri = Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif | ||
$candara = Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif | ||
$courier = 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace | ||
$franklin = 'Franklin Gothic Medium', Arial, sans-serif | ||
$futura = Futura, 'Trebuchet MS', Arial, sans-serif | ||
$geneva = Geneva, Tahoma, Verdana, sans-serif | ||
$gill-sans = 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif | ||
$helvetica = 'Helvetica Neue', Helvetica, Arial, sans-serif | ||
$lucida-grande = 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif | ||
$optima = Optima, Segoe, 'Segoe UI', Candara, Calibri, Arial, sans-serif | ||
$segoe = Segoe, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif | ||
$tahoma = Tahoma, Geneva, Verdana, sans-serif | ||
$trebuchet = 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif | ||
$verdana = Verdana, Geneva, sans-serif | ||
$calibri = 'Calibri', 'Candara', 'Segoe', 'Segoe UI', 'Optima', 'Arial', 'sans-serif' | ||
$candara = 'Candara', 'Calibri', 'Segoe', 'Segoe UI', 'Optima', 'Arial', 'sans-serif' | ||
$courier = 'Courier New', 'Courier', 'Lucida Sans Typewriter', 'Lucida Typewriter', 'monospace' | ||
$franklin = 'Franklin Gothic Medium', 'Arial', 'sans-serif' | ||
$futura = 'Futura', 'Trebuchet MS', 'Arial', 'sans-serif' | ||
$geneva = 'Geneva', 'Tahoma', 'Verdana', 'sans-serif' | ||
$gill-sans = 'Gill Sans', 'Gill Sans MT', 'Calibri', 'sans-serif' | ||
$helvetica = 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif' | ||
$lucida-grande = 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Geneva', 'Verdana', 'sans-serif' | ||
$optima = 'Optima', 'Segoe', 'Segoe UI', 'Candara', 'Calibri', 'Arial', 'sans-serif' | ||
$segoe = 'Segoe', 'Segoe UI', 'Helvetica Neue', 'Arial', 'sans-serif' | ||
$tahoma = 'Tahoma', 'Geneva', 'Verdana', 'sans-serif' | ||
$trebuchet = 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Tahoma', 'sans-serif' | ||
$verdana = 'Verdana', 'Geneva', 'sans-serif' | ||
@@ -89,14 +89,14 @@ | ||
$antiqua = 'Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif | ||
$baskerville = Baskerville, 'Baskerville Old Face', 'Hoefler Text', Garamond, 'Times New Roman', serif | ||
$bodoni = 'Bodoni MT', Didot, 'Didot LT STD', 'Hoefler Text', Garamond, 'Times New Roman', serif | ||
$cambria = Cambria, Georgia, serif | ||
$caslon = 'Big Caslon', 'Book Antiqua', 'Palatino Linotype', Georgia, serif | ||
$constantia = Constantia, Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif | ||
$didot = Didot, 'Didot LT STD', 'Hoefler Text', Garamond, 'Times New Roman', serif | ||
$garamond = Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif | ||
$goudy = 'Goudy Old Style', Garamond, 'Big Caslon', 'Times New Roman', serif | ||
$hoefler = 'Hoefler Text', 'Baskerville Old Face', Garamond, 'Times New Roman', serif | ||
$lucida-bright = 'Lucida Bright', Georgia, serif | ||
$palatino = Palatino, 'Palatino Linotype', 'Palatino LT STD', "Book Antiqua", Georgia, serif | ||
$antiqua = 'Book Antiqua', 'Palatino', 'Palatino Linotype', 'Palatino LT STD', 'Georgia', 'serif' | ||
$baskerville = 'Baskerville', 'Baskerville old face', 'Hoefler Text', 'Garamond', 'Times New Roman', 'serif' | ||
$bodoni = 'Bodoni MT', 'Didot', 'Didot LT STD', 'Hoefler Text', 'Garamond', 'Times New Roman', 'serif' | ||
$cambria = 'Cambria', 'Georgia', 'serif' | ||
$caslon = 'Big Caslon', 'Book Antiqua', 'Palatino Linotype', 'Georgia', 'serif' | ||
$constantia = 'Constantia', 'Palatino', 'Palatino Linotype', 'Palatino LT STD', 'Georgia', 'serif' | ||
$didot = 'Didot', 'Didot LT STD', 'Hoefler Text', 'Garamond', 'Times New Roman', 'serif' | ||
$garamond = 'Garamond', 'Baskerville', 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', 'serif' | ||
$goudy = 'Goudy Old Style', 'Garamond', 'Big Caslon', 'Times New Roman', 'serif' | ||
$hoefler = 'Hoefler Text', 'Baskerville old face', 'Garamond', 'Times New Roman', 'serif' | ||
$lucida-bright = 'Lucida Bright', 'Georgia', 'serif' | ||
$palatino = 'Palatino', 'Palatino Linotype', 'Palatino LT STD', "Book Antiqua", 'Georgia', 'serif' | ||
``` | ||
@@ -116,8 +116,8 @@ | ||
The other helper is the `vr-block()` function, which returns sizes of your vertical rhythm. For instance, if you want to include an image that takes up 6 vertical units `height` and has a `margin-bottom` of 1 vertical unit (as in [our demo](http://corysimmons.github.io/typographic/)), you could create it like this: | ||
The other helper is the `vr-block()` function, which returns sizes of your vertical rhythm. For instance, if you want to include an image that takes up `5.25` vertical units `height` and has a `margin-bottom` of `.25` vertical unit (as in [our demo](http://corysimmons.github.io/typographic/)), you could create it like this: | ||
```stylus | ||
img | ||
height: vr-block(6) | ||
margin-bottom: vr-block() | ||
height: vr-block(5.25) | ||
margin-bottom: vr-block(.25) | ||
``` | ||
@@ -124,0 +124,0 @@ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
38051
16%