basscss-base-typography - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

package.json

		{
		"name": "basscss-base-typography",
		"version": "0.0.1",
		"description": "Base typography styles for BASSCSS",
		"version": "0.0.2",
		"description": "Base typography styles for Basscss",
		"repository": {
		@@ -12,7 +12,11 @@ "type": "git",
		"OOCSS",
		"BASSCSS",
		"Basscss",
		"Rework"
		],
		"author": "Brent Jackson",
		"license": "MIT"
		"license": "MIT",
		"bugs": {
		"url": "https://github.com/jxnblk/basscss-base-typography/issues"
		},
		"homepage": "https://github.com/jxnblk/basscss-base-typography"
		}

README.md

		# Basscss Base Typography

		Base typography styles module for Basscss
		<p class="hide">Base typography styles module for Basscss</p>

		http://basscss.com
		<a href="http://basscss.com" class="hide">basscss.com</a>

		## Base type scale
		Typographic elements are normalized to a simple type scale that works well across devices. Default top and bottom margins are set for commonly-used typographic elements.

		```html
		<h1>Hamburger 1</h1>
		<h2>Hamburger 2</h2>
		<h3>Hamburger 3</h3>
		<h4>Hamburger 4</h4>
		<h5>Hamburger 5</h5>
		<h6>Hamburger 6</h6>
		```

		## Type scale utilities
		The `.h1` – `.h6` font-size utilities can be used to override an element’s default size.

		```html
		<p class="h1">Pastrami 1</p>
		<p class="h2">Pastrami 2</p>
		<p class="h3">Pastrami 3</p>
		<p class="h4">Pastrami 4</p>
		<p class="h5">Pastrami 5</p>
		<p class="h6">Pastrami 6</p>
		```

		## Lists
		By default, lists have bullets or numbers and padding left.

		```html
		<ul>
		<li>Half-Smoke</li>
		<li>Kielbasa</li>
		<li>Bologna</li>
		</ul>
		<ol>
		<li>Prosciutto</li>
		<li>Andouille</li>
		<li>Bratwurst</li>
		<li>Chorizo</li>
		</ol>
		```

		To remove default list styling, use `.list-reset`.

		```html
		<ul class="list-reset">
		<li>List Reset</li>
		<li>Removes bullets</li>
		<li>Removes numbers</li>
		<li>Removes padding</li>
		</ul>
		```

		To set lists inline, use utilities.

		```html
		<ul class="list-reset">
		<li class="inline-block mr1">Half-Smoke</li>
		<li class="inline-block mr1">Kielbasa</li>
		<li class="inline-block mr1">Bologna</li>
		<li class="inline-block mr1">Prosciutto</li>
		</ul>
		```

Fixed alerts