Permalink
Browse files

Add basic unit tests

  • Loading branch information...
1 parent eb0c44b commit a581f356eaad46f8c4a6d75925776190de494d6f @mirisuzanne mirisuzanne committed Jul 13, 2012
Showing with 419 additions and 37 deletions.
  1. +130 −0 README.md
  2. +0 −37 README.mkdn
  3. +10 −0 test/config.rb
  4. +16 −0 test/css/background.css
  5. +77 −0 test/css/grid.css
  6. +20 −0 test/css/margin.css
  7. +37 −0 test/css/media.css
  8. +12 −0 test/css/padding.css
  9. +11 −0 test/scss/background.scss
  10. +39 −0 test/scss/grid.scss
  11. +27 −0 test/scss/margin.scss
  12. +21 −0 test/scss/media.scss
  13. +19 −0 test/scss/padding.scss
View
130 README.md
@@ -0,0 +1,130 @@
+# Susy [a Compass plugin]
+
+Susy is a semantic CSS grid system with a responsive twist.
+
+The web is a responsive place,
+from your lithe & lively development process
+to your end user's super-tablet-multi-magic-lap-phone.
+You need grids that are powerful, but custom;
+reliable, but responsive.
+
+Susy grids are fluid on the inside,
+ready to respond at any moment,
+but contained in the candy shell of your choice,
+so they respond how and when and where you want them to.
+
+This isn't another one-size-fits-all grid framework
+that will make your sites look identical
+and litter your markup with meaningless "col2of5" jargon.
+We don't design your site or write your markup,
+we just do the math and get out of your way.
+
+## Resources
+- [Website](http://susy.oddbird.net)
+- [Changelog](https://github.com/ericam/susy/blob/master/CHANGELOG.mkdn)
+- [Tutorial](http://susy.oddbird.net/guides/getting-started/)
+- [Reference](http://susy.oddbird.net/guides/reference/)
+- [Sites using Susy](http://susy.oddbird.net/sites-using-susy/)
+- [Twitter @CompassSusy](http://twitter.com/compasssusy/)
+
+## Why is 1.0 a release candidate?
+
+Susy 1.0 is stable and tested, all the features are in,
+and we're ready to launch.
+But our 1.0 depends on unreleased Sass features.
+We think those features are stable as well,
+and we'll do what it takes to stay on top of any changes they make,
+but we can't officially land until they do.
+
+## Contributing
+
+We love contributions,
+both as ideas and pull requests.
+The core of Susy is all in the `/sass/` directory.
+
+Once you make changes,
+you can test them by building the gem
+and installing it somewhere to test.
+We also have unit tests that you can run.
+
+### Building the gem
+
+You'll need Rake and Echoe installed:
+
+```bash
+# command line
+gem install rake
+gem install echoe
+```
+
+It might be helpful to bump the version number in `VERSION`,
+but any changes you make there
+should not be committed.
+
+Then you can build:
+
+```bash
+# command line
+rake build
+```
+
+Your new gem will appear in
+a folder called `pkg`.
+You can install it for testing
+directly from there.
+
+```bash
+# command line
+gem install <path-to-file>
+```
+
+### Building the docs
+
+If you are adding features
+or changing how a current feature works,
+your changes should be documented.
+Or you might be helping us maintain the docs.
+In either case,
+you'll need to run the docs dev server
+in order to see your changes.
+
+In the `docs` folder:
+
+```bash
+# command line
+gem install bundler
+bundle install
+```
+
+The site is built with
+[middleman](http://middlemanapp.com/).
+To run the development server:
+
+```bash
+# command line
+bundle exec middleman serve
+```
+
+The server should now be running at `localhost:4567`.
+
+Make any changes you need
+under the `source` directory,
+then commit your changes
+and submit a pull request when you are done!
+
+### Tests
+
+The tests we have are very basic at this point.
+Simply go into the `test` directory
+(with the latest Sass and Compass gems installed)
+and run `compass compile --force`.
+
+There should be no changes.
+If there are changes,
+go back and find what caused the change.
+If the change was intentional,
+simply commit the changed test files.
+If it was not intentional,
+go back and find what caused the problem.
+
+Use `git diff` to see the changes.
View
@@ -1,37 +0,0 @@
-# Susy [a Compass plugin]
-
-Susy is a semantic CSS grid system with a responsive twist.
-
-The web is a responsive place,
-from your lithe & lively development process
-to your end user's super-tablet-multi-magic-lap-phone.
-You need grids that are powerful, but custom;
-reliable, but responsive.
-
-Susy grids are fluid on the inside,
-ready to respond at any moment,
-but contained in the candy shell of your choice,
-so they respond how and when and where you want them to.
-
-This isn't another one-size-fits-all grid framework
-that will make your sites look identical
-and litter your markup with meaningless "col2of5" jargon.
-We don't design your site or write your markup,
-we just do the math and get out of your way.
-
-## Resources
-- [Website](http://susy.oddbird.net)
-- [Changelog](https://github.com/ericam/susy/blob/master/CHANGELOG.mkdn)
-- [Tutorial](http://susy.oddbird.net/guides/getting-started/)
-- [Reference](http://susy.oddbird.net/guides/reference/)
-- [Sites using Susy](http://susy.oddbird.net/sites-using-susy/)
-- [Twitter @CompassSusy](http://twitter.com/compasssusy/)
-
-## Why is 1.0 a release candidate?
-
-Susy 1.0 is stable and tested, all the features are in,
-and we're ready to launch.
-But our 1.0 depends on unreleased Sass features.
-We think those features are stable as well,
-and we'll do what it takes to stay on top of any changes they make,
-but we can't officially land until they do.
View
@@ -0,0 +1,10 @@
+# Compass CSS framework config file
+
+project_type = :stand_alone
+http_path = "/"
+sass_dir = "scss"
+css_dir = "css"
+line_comments = false
+preferred_syntax = :scss
+output_style = :expanded
+relative_assets = true
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -0,0 +1,77 @@
+.container {
+ *zoom: 1;
+ max-width: 59em;
+ _width: 59em;
+ margin-left: auto;
+ margin-right: auto;
+ padding-left: 1em;
+ padding-right: 1em;
+}
+.container:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+.complex-container {
+ *zoom: 1;
+ max-width: 59em;
+ _width: 59em;
+ margin-left: auto;
+ margin-right: auto;
+ padding-left: 1em;
+ padding-right: 1em;
+}
+.complex-container:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+@media (min-width: 71em) {
+ .complex-container {
+ max-width: 69em;
+ _width: 69em;
+ }
+}
+
+.span-columns {
+ width: 49.153%;
+ float: right;
+ margin-right: 0;
+ #margin-left: -1em;
+ display: inline;
+}
+
+.reset-columns {
+ float: none;
+ width: auto;
+ margin-right: auto;
+ #margin-left: auto;
+ display: block;
+}
+
+.omega {
+ float: right;
+ margin-right: 0;
+ #margin-left: -1em;
+ display: inline;
+}
+
+.nth-omega:last-child {
+ float: right;
+ margin-right: 0;
+ #margin-left: -1em;
+ display: inline;
+}
+
+.remove-omega {
+ float: left;
+ margin-right: 1.695%;
+ #margin-left: 0;
+}
+
+.remove-nth-omega:last-child {
+ float: left;
+ margin-right: 1.695%;
+ #margin-left: 0;
+}
View
@@ -0,0 +1,20 @@
+.pre {
+ margin-left: 25.424%;
+}
+
+.post {
+ margin-right: 33.898%;
+}
+
+.push {
+ margin-left: 25.424%;
+}
+
+.pull {
+ margin-left: -33.898%;
+}
+
+.squish {
+ margin-left: 12.821%;
+ margin-right: 25.641%;
+}
View
@@ -0,0 +1,37 @@
+.layout {
+ *zoom: 1;
+ max-width: 19em;
+ _width: 19em;
+ margin-left: auto;
+ margin-right: auto;
+ padding-left: 1em;
+ padding-right: 1em;
+}
+.layout:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+@media (min-width: 31em) {
+ .breakpoint .break6 {
+ *zoom: 1;
+ max-width: 29em;
+ _width: 29em;
+ margin-left: auto;
+ margin-right: auto;
+ padding-left: 1em;
+ padding-right: 1em;
+ }
+ .breakpoint .break6:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+}
+@media (min-width: 30em) and (max-width: 60em) {
+ .breakpoint .break60-8-30 {
+ max-width: 39em;
+ _width: 39em;
+ }
+}
View
@@ -0,0 +1,12 @@
+.prefix {
+ padding-left: 16.949%;
+}
+
+.suffix {
+ padding-right: 22.727%;
+}
+
+.pad {
+ padding-left: 20.408%;
+ padding-right: 40.816%;
+}
View
@@ -0,0 +1,11 @@
+// ---------------------------------------------------------------------------
+// Imports
+
+@import "../../sass/susy";
+
+// ---------------------------------------------------------------------------
+// Background
+
+.background {
+ @include susy-grid-background;
+}
View
@@ -0,0 +1,39 @@
+// ---------------------------------------------------------------------------
+// Imports
+
+@import "../../sass/susy";
+
+// ---------------------------------------------------------------------------
+// Grid
+
+.container {
+ @include container;
+}
+
+.complex-container {
+ @include container($total-columns,14);
+}
+
+.span-columns {
+ @include span-columns(6 omega,12);
+}
+
+.reset-columns {
+ @include reset-columns;
+}
+
+.omega {
+ @include omega;
+}
+
+.nth-omega {
+ @include nth-omega;
+}
+
+.remove-omega {
+ @include remove-omega;
+}
+
+.remove-nth-omega {
+ @include remove-nth-omega;
+}
Oops, something went wrong.

0 comments on commit a581f35

Please sign in to comment.