New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →

typographic

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

typographic - npm Package Compare versions

Comparing version

to
2.5.0

{
"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