north 0.1.0

data/lib/north.rb

@@ -0,0 +1,11 @@
+require 'compass'
+require 'sassy-maps'
+
+base_directory  = File.join(File.dirname(__FILE__), '..')
+stylesheets_dir = File.join(base_directory, 'north')
+Compass::Frameworks.register("north", :path => base_directory, :stylesheets_directory => stylesheets_dir)
+
+module North
+  VERSION = "0.1.0"
+  DATE = "2013-12-19"
+end

data/north/_north.scss

@@ -0,0 +1,5 @@
+@import "north/components";
+@import "north/layouts";
+@import "north/aspects";
+@import "north/elements";
+@import "north/states";

data/north/north/_aspects.scss

@@ -0,0 +1,16 @@
+//////////////////////////////
+// Functions
+//////////////////////////////
+@function aspect($name) {
+  @return to-upper-case($name);
+}
+
+//////////////////////////////
+// Mixins
+//////////////////////////////
+@mixin aspect($name) {
+  @at-root #{&}--#{aspect($name)} {
+    @content;
+  }
+}
+

data/north/north/_components.scss

@@ -0,0 +1,16 @@
+//////////////////////////////
+// Functions
+//////////////////////////////
+@function component($name) {
+  @return to-lower-case($name);
+}
+
+//////////////////////////////
+// Mixins
+//////////////////////////////
+@mixin component($name) {
+  @at-root #{component($name)} {
+    @content;
+  }
+}
+

data/north/north/_elements.scss

@@ -0,0 +1,16 @@
+//////////////////////////////
+// Functions
+//////////////////////////////
+@function element($name) {
+  @return to-lower-case($name);
+}
+
+//////////////////////////////
+// Mixins
+//////////////////////////////
+@mixin element($name) {
+  @at-root #{&}--#{element($name)} {
+    @content;
+  }
+}
+

data/north/north/_layouts.scss

@@ -0,0 +1,67 @@
+//////////////////////////////
+// Variables
+//////////////////////////////
+$north-layout-type: 'simple' !default;
+
+//////////////////////////////
+// Functions
+//////////////////////////////
+@function simple-layout($name) {
+  @return '_#{to-lower-case($name)}';
+}
+
+@function complex-layout($name) {
+  @return '__#{to-lower-case($name)}';
+}
+
+@function layout($name, $type: $north-layout-type) {
+  $type: to-lower-case($type);
+  $prefix: null;
+
+  @if $type == 'simple' {
+    @return simple-layout($name);
+  }
+  @else if $type == 'complex' {
+    @return complex-layout($name);
+  }
+  @else {
+    @warn '#{$type} is not a valid North layout type. Please use either `simple` or `complex`';
+    @return $name;
+  }
+}
+
+//////////////////////////////
+// Layout Mixins
+//////////////////////////////
+@mixin simple-layout($name) {
+  @at-root .#{simple-layout($name)} {
+    @content;
+  }
+}
+
+@mixin complex-layout($name) {
+  @at-root .#{complex-layout($name)} {
+    @content;
+  }
+}
+
+@mixin layout($name, $type: $north-layout-type) {
+  $type: to-lower-case($type);
+  $prefix: null;
+
+  @if $type == 'simple' {
+    @include simple-layout($name) {
+      @content;
+    }
+  }
+  @else if $type == 'complex' {
+    @include complex-layout($name) {
+      @content;
+    }
+  }
+  @else {
+    @warn '#{$type} is not a valid North layout type. Please use either `simple` or `complex`';
+    @content;
+  }
+}
+

data/north/north/_states.scss

@@ -0,0 +1,24 @@
+//////////////////////////////
+// Variables
+//////////////////////////////
+$north-state-contains: false !default;
+
+//////////////////////////////
+// Functions
+//////////////////////////////
+@function state($name, $contains: $north-state-contains) {
+  $selector: '=';
+  @if $contains {
+    $selector: '~=';
+  }
+  @return '[data-state#{$selector}"#{$name}"]';
+}
+
+//////////////////////////////
+// Mixins
+//////////////////////////////
+@mixin state($name, $contains: $north-state-contains) {
+  @at-root &#{state($name, $contains)} {
+    @content;
+  }
+}

metadata

@@ -0,0 +1,67 @@
+--- !ruby/object:Gem::Specification
+name: north
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Sam Richard
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-12-19 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 3.3.0.rc.2
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 3.3.0.rc.2
+description: Really simple media queries in Sass
+email:
+- sam@snug.ug
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- CHANGELOG.md
+- lib/north.rb
+- north/_north.scss
+- north/north/_aspects.scss
+- north/north/_components.scss
+- north/north/_elements.scss
+- north/north/_layouts.scss
+- north/north/_states.scss
+homepage: https://github.com/snugug/north
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: 1.3.6
+requirements: []
+rubyforge_project: north
+rubygems_version: 2.0.3
+signing_key: 
+specification_version: 4
+summary: An easy to use system for writing and managing media queries.
+test_files: []