Skip to content

Commit

Permalink
Revamped some of the Sass code, to make the CSS output more efficient…
Browse files Browse the repository at this point in the history
…. Also, trimmed down README.md file, since I'm going to launch the actual documentation site.
  • Loading branch information
nathansmith committed Jan 31, 2013
1 parent 782b0d5 commit fee5e7e
Show file tree
Hide file tree
Showing 41 changed files with 2,760 additions and 1,645 deletions.
14 changes: 0 additions & 14 deletions .htaccess

This file was deleted.

27 changes: 9 additions & 18 deletions README.md
Expand Up @@ -2,29 +2,20 @@

This is a fluid grid system for desktop & mobile.

It consists of two versions…

* One is built with `@media` queries.
* The other uses [Adapt.js](http://adapt.960.gs/) to resize.

The one that uses `@media` queries serves a desktop width site to IE7 and IE8, because they are primarily used on the desktop anyway.

IE6 is not supported, due to the nature of how box-sizing has to work, in order to accomodate a fixed gutter, but allow for fluid column widths. I was able to fake this on IE7 via the immediate child selector `>`, giving elements inside grid columns left/right margin instead of padding to columns themselves. Unfortunately, IE6 lacks support for the immediate child CSS selector.

**Notes:**

Supports right-to-left languages (such as Arabic, Hebrew). Just use the `rtl-*` prefixed CSS file(s). This reverses all left/right floats and offsets. For instance, `.push-*` goes right, instead of left, etc.

Currently, there is one break point, at 760px. All styles are defined using Sass silent mixins. This means you can choose not to use the "unsemantic" class names, and can instead `@extend` into your own.
---

Documentation will be forthcoming. For now, I wanted to get this out there, so people could pick it apart and use it as a learning tool for how Sass handles silent mixins.
Read more here...

Also, I wanted to be able to point people here, when asked "Why isn't [960](http://960.gs/) responsive?" It is my hope that this will eventually obviate the need for the 960 Grid System.
http://unsemantic.com

---

I am dual-licensing this under MIT and GPL. Basically, that means you can use the Unsemantic code under whichever license you want. (Some open source projects, such as WordPress and Drupal, require GPL.)
I am dual-licensing this under MIT and GPL.

Basically, that means you can use the code under whichever license you want.

http://opensource.org/licenses/mit-license.php

http://www.gnu.org/licenses/gpl.html
http://www.gnu.org/licenses/gpl.html

(Some open source projects, such as WordPress and Drupal, require GPL.)

0 comments on commit fee5e7e

Please sign in to comment.