Permalink
Browse files

Revamped some of the Sass code, to make the CSS output more efficient…

…. Also, trimmed down README.md file, since I'm going to launch the actual documentation site.
  • Loading branch information...
1 parent 782b0d5 commit fee5e7e4d26d8ca51ef31104173e4f08440cd3df @nathansmith committed Jan 31, 2013
Showing with 2,760 additions and 1,645 deletions.
  1. +0 −14 .htaccess
  2. +9 −18 README.md
  3. +94 −113 adapt-js-rtl.html → adapt-rtl.html
  4. +90 −109 adapt-js.html → adapt.html
  5. +0 −31 assets/javascripts/application.js
  6. +73 −0 assets/javascripts/demo.js
  7. +0 −3 assets/sass/application.sass
  8. +1 −1 assets/sass/demo.sass
  9. +1 −1 assets/sass/partials/_demo.sass
  10. +0 −23 assets/sass/partials/_home.sass
  11. +2 −0 assets/sass/partials/_ie.sass
  12. +27 −56 assets/sass/partials/_unsemantic-grid-base.sass
  13. +36 −5 assets/sass/partials/_unsemantic-grid-desktop.sass
  14. +36 −5 assets/sass/partials/_unsemantic-grid-mobile.sass
  15. +4 −1 assets/sass/partials/_unsemantic-grid-responsive.sass
  16. +0 −82 assets/sass/partials/_unsemantic-mixins-grid-columns.sass
  17. +99 −21 assets/sass/partials/{_unsemantic-mixins-grid-base.sass → _unsemantic-vars.sass}
  18. 0 assets/sass/{rtl-unsemantic-grid-base.sass → unsemantic-grid-base-rtl.sass}
  19. +0 −7 assets/sass/unsemantic-grid-base.sass
  20. 0 assets/sass/{rtl-unsemantic-grid-desktop.sass → unsemantic-grid-desktop-rtl.sass}
  21. +0 −7 assets/sass/unsemantic-grid-desktop.sass
  22. 0 assets/sass/{rtl-unsemantic-grid-mobile.sass → unsemantic-grid-mobile-rtl.sass}
  23. +0 −7 assets/sass/unsemantic-grid-mobile.sass
  24. 0 assets/sass/{rtl-unsemantic-grid-responsive.sass → unsemantic-grid-responsive-rtl.sass}
  25. +0 −7 assets/sass/unsemantic-grid-responsive.sass
  26. +0 −283 assets/stylesheets/application.css
  27. +1 −1 assets/stylesheets/demo.css
  28. +552 −86 assets/stylesheets/ie.css
  29. +1,045 −61 assets/stylesheets/rtl-ie.css
  30. +18 −95 assets/stylesheets/{rtl-unsemantic-grid-base.css → unsemantic-grid-base-rtl.css}
  31. +18 −95 assets/stylesheets/unsemantic-grid-base.css
  32. +45 −0 assets/stylesheets/{rtl-unsemantic-grid-desktop.css → unsemantic-grid-desktop-rtl.css}
  33. +45 −0 assets/stylesheets/unsemantic-grid-desktop.css
  34. +45 −0 assets/stylesheets/{rtl-unsemantic-grid-mobile.css → unsemantic-grid-mobile-rtl.css}
  35. +45 −0 assets/stylesheets/unsemantic-grid-mobile.css
  36. +148 −134 assets/stylesheets/{rtl-unsemantic-grid-responsive.css → unsemantic-grid-responsive-rtl.css}
  37. +148 −134 assets/stylesheets/unsemantic-grid-responsive.css
  38. BIN favicon.ico
  39. +0 −37 index.html
  40. +90 −105 responsive-rtl.html
  41. +88 −103 responsive.html
View
@@ -1,14 +0,0 @@
-<IfModule mod_rewrite.c>
- RewriteEngine On
- RewriteBase /
- RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
- RewriteRule ^ http://%1%{REQUEST_URI} [L,R=301]
-</IfModule>
-
-Options -Indexes
-
-ErrorDocument 400 http://unsemantic.com/
-ErrorDocument 401 http://unsemantic.com/
-ErrorDocument 403 http://unsemantic.com/
-ErrorDocument 404 http://unsemantic.com/
-ErrorDocument 500 http://unsemantic.com/
View
@@ -2,29 +2,20 @@
This is a fluid grid system for desktop & mobile.
-It consists of two versions&hellip;
-
-* 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.)
Oops, something went wrong.

0 comments on commit fee5e7e

Please sign in to comment.