https://github.com/rjz/baffin-css

A collection of SASSy default styles
https://github.com/rjz/baffin-css

Last synced: 17 days ago
JSON representation

A collection of SASSy default styles

• Host: GitHub
• URL: https://github.com/rjz/baffin-css
• Owner: rjz
• Created: 2011-08-31T22:16:20.000Z (over 13 years ago)
• Default Branch: master
• Last Pushed: 2011-08-31T22:20:21.000Z (over 13 years ago)
• Last Synced: 2024-10-22T12:08:53.114Z (2 months ago)
• Homepage:
• Size: 93.8 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Baffin CSS

==========

Baffin is a starting place CSS. No delusions of grandeur here—just a couple of SASS mixins that provide minimal typography and grid support to your stylesheets.

And the name? It's just someplace up north I heard of once.

Overview

--------

To include Baffin's default styling, include the following at the top of your project’s SCSS source files: 

	@include baffin-typography();

	@include baffin-grid(12,2%);

Compile using SASS or use a parser to include the styles directly. You now have access to a number of helper classes, including:

### typography

* `.amp` — switch to prettier fonts for ampersands 

* `.assistive-text` — hide text *except* from screen readers and assistive devices

* `.caps` — switch type to all caps

* `.hidden-text` — hide text

* `.mobile-text` — hide text on non-mobile screens

* `.print-text` — hide text from printers (*note: text must be `display`ed manually*)

* `.smaller` — reduce the size of the text to 0.8em

* `.text-center` — center text

* `.text-left` — align text left

* `.text-right` — align text right

### grid

* `.clearing` — clears left-floating `.grid-#` elements

* `.grid-#` — defines an element spanning `#` columns in the grid

* `.layout` — defines a layout

Try something like the following to test it out:

	
Greetings from the Northland!

	


		
Baffin

		
Helluland

		
Qikiqtaaluk

	


Author

------

RJ Zaworski 

License

-------

Baffin CSS is released under the JSON License. You can read the license [here](http://www.json.org/license.html).