breakup 0.2.1 → 1.0.0

data/.gitignore

@@ -1,2 +1,6 @@
 *.gem
 .sass-cache
+
+build
+node_modules
+

data/Makefile

@@ -0,0 +1,33 @@
+PATH  := node_modules/.bin:$(PATH)
+SHELL := /bin/bash
+
+source_files    := $(wildcard stylesheets/*.scss)
+test_files      := $(wildcard test/*.scss)
+
+expected_output_folder    := test/expected
+libsass_output_folder     := build/libsass
+rubysass_output_folder    := build/rubysass
+
+libsass_output_files      := $(test_files:%.scss=build/libsass/%.css)
+rubysass_output_files     := $(test_files:%.scss=build/rubysass/%.css)
+
+
+.PHONY: all clean test
+
+all: test
+
+build/libsass/test/%.css: test/%.scss
+	mkdir -p build/libsass/test
+	node-sass $< $@
+
+build/rubysass/test/%.css: test/%.scss
+	mkdir -p build/rubysass/test
+	sass $< $@
+
+
+test: $(source_files) $(libsass_output_files) $(rubysass_output_files)
+	diff -u --ignore-blank-lines $(expected_output_folder) $(rubysass_output_folder)/test
+	diff -u --ignore-blank-lines $(expected_output_folder) $(libsass_output_folder)/test
+
+clean:
+	rm -rf build

data/examples/example_oldie.scss

@@ -1,14 +1,6 @@
-.component {
-  background-color: red;
-}
+@import '../stylesheets/breakup.scss';
 
-@media (max-width: 35.999em) {
-  .component {
-    background-color: blue;
-  }
-}
-@media (min-width: 36em) {
-  .component {
-    background-color: green;
-  }
-}
+$breakup-included-blocks: ('basic' 'thin' 'wide' 'full');
+
+@import 'partials/global_variables';
+@import 'partials/component';

data/lib/breakup/version.rb

@@ -1,3 +1,3 @@
 module Breakup
-  VERSION = "0.2.1"
+  VERSION = "1.0.0"
 end

data/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "breakup-sass",
+  "version": "1.0.0",
+  "author": {
+    "name": "Ben Scott",
+    "email": "ben@reload.me.uk"
+  },
+  "description": "Build multiple stylesheets based off globally defined breakpoints",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/bpscott/breakup"
+  },
+  "files": [
+    "stylesheets",
+    "README.md",
+    "LICENSE.txt"
+  ],
+  "devDependencies": {
+    "node-sass": "0.9.3"
+  },
+  "keywords": [
+    "breakup",
+    "media-queries",
+    "sass",
+    "css"
+  ],
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/bpscott/breakup/issues"
+  }
+}

data/sache.json

@@ -0,0 +1,5 @@
+{
+  "name": "Breakup",
+  "description": "Breakup is a Sass component that allows you to create multiple CSS files from a single Sass partial by wrapping your code within breakpoint blocks. It allows you to abstract what your Sass partials folder looks like from what CSS files you create. Because of this you can easily create per-breakpoint CSS files (e.g. base, mobile, tablet and desktop) and fallback files where no styles are wrapped (e.g. for oldIE which does not support media queries).",
+  "tags": ["media-queries", "rwd", "responsive-web-design", "dry"]
+}

data/stylesheets/_breakup.scss

@@ -68,7 +68,7 @@ $breakup-breakpoints-allow-naked: () !default;
 //                    displaying naked content (i.e. not wrapped in a media
 //                    query).
 @mixin breakup-media($declaration, $allow-naked: false) {
-    @if not $breakup-naked {
+    @if $breakup-naked != true {
         @media #{$declaration} {
             @content;
         }

data/test/example_allblocks.scss

@@ -0,0 +1,6 @@
+@import '../stylesheets/breakup.scss';
+
+$breakup-included-blocks: ('basic' 'thin' 'wide' 'full');
+
+@import 'partials/global_variables';
+@import 'partials/component';

data/test/example_oldie.scss

@@ -0,0 +1,8 @@
+@import '../stylesheets/breakup.scss';
+
+$breakup-included-blocks: ('basic' 'thin' 'wide' 'full');
+$breakup-naked: true;
+$breakup-breakpoints-allow-naked: ('wide' 'full');
+
+@import 'partials/global_variables';
+@import 'partials/component';

data/test/example_wideonly.scss

@@ -0,0 +1,6 @@
+@import '../stylesheets/breakup.scss';
+
+$breakup-included-blocks: ('wide');
+
+@import 'partials/global_variables';
+@import 'partials/component';

data/test/expected/example_allblocks.css

@@ -0,0 +1,9 @@
+.component {
+  background-color: red; }
+
+@media (max-width: 35.999em) {
+  .component {
+    background-color: blue; } }
+@media (min-width: 36em) {
+  .component {
+    background-color: green; } }

data/test/expected/example_oldie.css

@@ -0,0 +1,5 @@
+.component {
+  background-color: red; }
+
+.component {
+  background-color: green; }

data/test/expected/example_wideonly.css

@@ -0,0 +1,3 @@
+@media (min-width: 36em) {
+  .component {
+    background-color: green; } }

data/test/partials/_component.scss

@@ -0,0 +1,11 @@
+@include breakup-block('basic') {
+  .component { background-color: red; }
+}
+
+@include breakup-breakpoint('thin') {
+  .component { background-color: blue; }
+}
+
+@include breakup-breakpoint('wide') {
+  .component { background-color: green; }
+}

data/test/partials/_global_variables.scss

@@ -0,0 +1,5 @@
+$breakup-breakpoints: (
+  'thin' '(max-width: 35.999em)',
+  'wide' '(min-width: 36em)',
+  'full' '(min-width: 61em)'
+);

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: breakup
 version: !ruby/object:Gem::Version
-  version: 0.2.1
+  version: 1.0.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-09-01 00:00:00.000000000 Z
+date: 2014-07-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -52,6 +52,7 @@ extra_rdoc_files: []
 files:
 - .gitignore
 - LICENSE.txt
+- Makefile
 - README.md
 - breakup.gemspec
 - examples/example_allblocks.css
@@ -64,8 +65,18 @@ files:
 - examples/partials/_global_variables.scss
 - lib/breakup.rb
 - lib/breakup/version.rb
+- package.json
+- sache.json
 - script/examples-watch
 - stylesheets/_breakup.scss
+- test/example_allblocks.scss
+- test/example_oldie.scss
+- test/example_wideonly.scss
+- test/expected/example_allblocks.css
+- test/expected/example_oldie.css
+- test/expected/example_wideonly.css
+- test/partials/_component.scss
+- test/partials/_global_variables.scss
 homepage: https://github.com/bpscott/breakup
 licenses: []
 post_install_message: 
@@ -96,3 +107,4 @@ summary: Breakup is a Sass component that allows you to create multiple CSS file
   mobile, tablet and desktop) and fallback files where no styles are wrapped (e.g.
   for oldIE which does not support media queries).
 test_files: []
+has_rdoc: