north 0.3.0 → 0.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 94e7556021224e323fd17fec2f7ce638d745fd0d
-  data.tar.gz: 9ebe769a77e4254ccb9aa72abbc705f57f162005
+  metadata.gz: 93d894b2a4ac2e8afa1d467808e152996ea6bd98
+  data.tar.gz: 0b6c9532a0c8c5577f130a08d6d93f79c44e3011
 SHA512:
-  metadata.gz: c439b9d0f3490ade26d61e562f9c41d546c343d93875e231ffd359e44ab9992ebf6b3201010b86e3a0c4182a23b1db8a6c989c57d2ca98d701236f38855b1891
-  data.tar.gz: e6ee6f9a60b3fcfa9b91303870ff03ed5242c6ea9152442e69e61e18d7a9a64cc1f65bcb4851c35e651d88c5210e4115264f169c5bd62ce06c5b924813ac5117
+  metadata.gz: a888a307a7a62194872055feeb77efdf189a335af41f978fbb9f7d6c1f6066b1e1cb098fbfa9844bb11e49aff58f80c149198fc2df22ca1dd7df72f792d920d9
+  data.tar.gz: 71d2f9ef69649d81dd08d013e5ac3a4a5ae3e44a0ab1a0cf8fe8aabf07767ac81da140ad7d6b9db58b8f2c9cefb9c190cf0a4bebcac145bf951906ce818eaba0

data/README.md

@@ -1339,14 +1339,72 @@ When building site, very often a point will come when a decision must be made as
 
 There have been a handful of tools that have been created in order to assist in working with the North standards, making building awesome things easier.
 
-## Intake Center
+## North Sass Plugin
+
+Available both as a [Bower](http://bower.io/) component (`bower install north --save-dev`) or as a Compass extension (`gem 'north', '~> 0.3.1'` in your [Gemfile](http://bundler.io/)), the North Sass plugin is designed to make working with North's [CSS Naming Conventions](#css-naming-conventions) easy. The North Sass Plugin requires at least *Sass 3.3*. Simply import into a project and have the following mixins and functions available for use:
+
+#### component($name)
+#### @include component($name) { @content }
+#### @include components($names...) { @content }
+
+#### layout($name)
+#### @include layout($name) { @content }
+#### @include layoutss($names...) { @content }
+
+#### aspect($name)
+#### @include aspect($name) { @content }
+#### @include aspects($names...) { @content }
+
+#### element($name)
+#### @include element($name) { @content }
+#### @include elements($names...) { @content }
+
+#### state($name)
+#### @include state($name) { @content }
+#### @include states($names...) { @content }
+
+Each function (save `state`) will return their given part of a selector (`aspect` will only return the capitalized half of a selector, `layout` will only return the lowercased name with leading underscore, etc…). `state` will return a full attribute selector to be used. Mixins must contain content. The plural versions of each mixin allow multiple names to be passed, each getting comma separated in the output. Usage of the mixins can look something like the following:
+
+**Sass**
+
+```scss
+.message {
+  @include aspect(warning) {
+    background: yellow;
+  }
+  @include aspect(error) {
+    background: red;
+  }
+
+  @include element(title) {
+    font-size: 2em;
+  }
+}
+```
+
+**CSS**
+
+```css
+.message--WARNING {
+  background: yellow;
+}
+.message--ERROR {
+  background: red;
+}
+.message--title {
+  font-size: 2em;
+}
+```
 
-[Intake.Center](https://github.com/Snugug/intake) is a webapp developed to assist with [role definitions](https://github.com/Snugug/north#roles-and-responsibilities) and [content strategy](https://github.com/Snugug/north#content-strategy). It includes tools for developing and recording [project vision](#project-vision), [user personas](#user-personas), and [content models](#content-modeling) based on [Schema.org](http://schema.org/) schemas. [Content inventory](#content-inventory) and [audit](#content-audit) should be performed before modeling takes place.
 
 ## Generator North
 
 [Generator North](https://github.com/Snugug/generator-north) is a [Yeoman](http://yeoman.io/) generator designed to quickly spin up new North based projects, including integrations with [Sass and Compass](#sass-and-compass), [Bower](http://bower.io/), and [JSHint](http://www.jshint.com/), with an option to include [BrowserSync](http://browsersync.io/) server and live reloading. Either [Grunt](http://gruntjs.com/) or [Gulp](http://gulpjs.com/) can be chosen as a task runner. Generator North also provides an easy way scaffold out new components and layouts, reducing the overhead needed to create each new component or layout.
 
+## Intake Center
+
+[Intake.Center](https://github.com/Snugug/intake) is a webapp developed to assist with [role definitions](https://github.com/Snugug/north#roles-and-responsibilities) and [content strategy](https://github.com/Snugug/north#content-strategy). It includes tools for developing and recording [project vision](#project-vision), [user personas](#user-personas), and [content models](#content-modeling) based on [Schema.org](http://schema.org/) schemas. [Content inventory](#content-inventory) and [audit](#content-audit) should be performed before modeling takes place.
+
 
 # License and Acknowledgements
 

data/lib/north.rb

@@ -6,6 +6,6 @@ stylesheets_dir = File.join(base_directory, 'north')
 Compass::Frameworks.register("north", :path => base_directory, :stylesheets_directory => stylesheets_dir)
 
 module North
-  VERSION = "0.3.0"
+  VERSION = "0.3.1"
   DATE = "2014-04-27"
 end

data/north/north/_helpers.scss

@@ -15,8 +15,15 @@
       }
     }
     @each $name in $names {
-      &--#{call($type, $name)} {
-        @extend %#{$extend};
+      @if $type == 'state' {
+        &#{call($type, $name)} {
+          @extend %#{$extend};
+        }
+      }
+      @else {
+        &--#{call($type, $name)} {
+          @extend %#{$extend};
+        }
       }
     }
   }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: north
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.3.1
 platform: ruby
 authors:
 - Sam Richard