compass_sumo 0.2.0

data/README.md

@@ -0,0 +1,22 @@
+compass_sumo
+============
+
+This is the gem for the SumoCoders default SCSS framework. Including a lot of usefull plugins
+
+## Install
+
+Installation is pretty straightforward throught RubyGems:
+
+    gem install compass_sumo
+
+## Usage
+
+In setup.rb you require 'compass_sumo', and then you can import the compass files like this
+
+    @import "compass";
+    @import "compass_sumo";
+
+Or you can import certain parts manually (to improve load time)
+
+    @import "compass_sumo/mixins/animations"
+

data/compass_sumo.gemspec

@@ -0,0 +1,22 @@
+# -*- encoding: utf-8 -*-
+lib = File.expand_path('../lib/', __FILE__)
+$:.unshift lib unless $:.include?(lib)
+
+require 'compass_sumo/version'
+
+Gem::Specification.new do |s|
+  s.name         = 'compass_sumo'
+  s.summary      = "SumoCoders CSS Framework"
+  s.description  = "The SumoCoders CSS Framework"
+  s.authors      = ["Jan De Poorter", "Niels De Paepe", "Mathias Helin"]
+  s.email        = "compass@sumocoders.be"
+
+  s.files        = `git ls-files`.split("\n")
+  s.executables  = `git ls-files -- bin/*`.split("\n").map{|f| File.basename(f) }
+  s.require_paths = ["lib"]
+
+  s.version      = CompassSumo::VERSION
+
+  s.add_dependency "compass"
+end
+

data/lib/compass_sumo/engine.rb

@@ -0,0 +1,4 @@
+module CompassSumo
+  class Engine < Rails::Engin
+  end
+end

data/lib/compass_sumo/sass_extensions/functions/inline_svg.rb

@@ -0,0 +1,23 @@
+require 'uri'
+
+module CompassSumo::SassExtensions::Functions::InlineSvg
+  def inline_svg(path)
+    data = svg_content(path.value)
+    data = URI.escape(data, '()#') # URL escape breaking characters
+              .split(/[\r\n]+/)    # Get rid of newlines in the URL
+              .join.gsub(/\t/, '') # Get rid of tabs.
+
+    url = "url('data:image/svg+xml;utf-8,#{data}')"
+    Sass::Script::String.new(url)
+  end
+
+  private
+  def svg_content(path)
+    full_path = File.join(Compass.configuration.images_path, path)
+    if File.readable?(full_path)
+      File.read(full_path)
+    else
+      raise Compass::Error, "File not found or cannot be read: #{full_path}"
+    end
+  end
+end

data/lib/compass_sumo/sass_extensions/functions.rb

@@ -0,0 +1,14 @@
+module CompassSumo::SassExtensions
+  module Functions
+  end
+end
+
+require 'compass_sumo/sass_extensions/functions/inline_svg'
+
+module Sass::Script::Functions
+  include CompassSumo::SassExtensions::Functions::InlineSvg
+end
+
+class Sass::Script::Functions::EvaluationContext
+  include Sass::Script::Functions
+end

data/lib/compass_sumo/version.rb

@@ -0,0 +1,3 @@
+module CompassSumo
+  VERSION = "0.2.0"
+end

data/lib/compass_sumo.rb

@@ -0,0 +1,12 @@
+require 'compass'
+
+module CompassSumo
+end
+
+if defined?(::Rails) && ::Rails.version >= "3.1"
+  require 'compass_sumo/engine'
+end
+
+require 'compass_sumo/sass_extensions/functions'
+
+Compass::Frameworks.register("sumo", :path => "#{File.dirname(__FILE__)}/..")

data/stylesheets/_compass_sumo.scss

@@ -0,0 +1 @@
+@import 'compass_sumo/mixins'

data/stylesheets/compass_sumo/_mixins.scss

@@ -0,0 +1,3 @@
+@import 'compass_sumo/mixins/animations';
+@import 'compass_sumo/mixins/load_font';
+@import 'compass_sumo/mixins/retina_sprites';

data/stylesheets/compass_sumo/mixins/_animations.scss

@@ -0,0 +1,27 @@
+@mixin keyframes($animationName) {
+  @-webkit-keyframes $animationName {
+    @content
+  }
+
+  @-moz-keyframes $animationName {
+    @content
+  }
+
+  @-o-keyframes $animationName {
+    @content
+  }
+
+  @keyframes $animationName {
+    @content
+  }
+}
+
+// This mixin generates the prefixed versions for the CSS3 animation method,
+// and sets the fill-mode (defaulting to forwards).
+//
+// MS prefixing is disabled because it breaks some versions of Firefox, and 
+// is not required for any IE browser supporting CSS3 animations
+@mixin animate($animationProperties, $fillMode: 'forwards') {
+  @include experimental(animation, $animationProperties, $ms: false);
+  @include experimental(animation-fill-mode, $fillMode, $ms: false);
+}

data/stylesheets/compass_sumo/mixins/_load_font.scss

@@ -0,0 +1,10 @@
+@mixin load-font($fontName, $fontFile, $weight: "normal", $style: "normal") {
+	@include font-face($fontName, 
+			font-files("#{$fontFile}.woff", 
+				"#{$fontFile}.ttf", 
+				"#{$fontFile}.svg##{$fontName}"),
+			"#{$fontFile}.eot",
+			$weight,
+			$style
+		 );
+}

data/stylesheets/compass_sumo/mixins/_retina_sprites.scss

@@ -0,0 +1,69 @@
+@import "compass/utilities/sprites";         // Include compass sprite helpers
+@import "compass/css3/background-size";      // Include helper to calc background size
+
+@mixin sprite($name, $hover: false, $active: false) {
+  @include retina-sprite($name, $sprites, $sprites2x, $hover, $active);
+}
+
+// The general purpose retina sprite mixin.
+  //
+  //    @include retina-sprite(name, $spritemap1, $spritemap2)
+  //    @include retina-sprite(name, $spritemap1, $spritemap2[, $dimensions: true, $pad: 0])
+  //
+  //    If `dimensions` is true, then width/height will also be set.
+  //
+  //    if `pad` is non-zero, then that's how much padding the element will have (requires
+  //    $spacing on the sprite maps). Great for iPhone interfaces to make hit areas bigger.
+  //
+@mixin retina-sprite($name, $sprites, $sprites2x, $hover, $active, $dimensions: true, $pad: 0) {  
+  @if $dimensions == true {
+    @include sprite-dimensions($sprites, $name);
+  }
+  background-image: sprite-url($sprites);
+  background-position: sprite-position($sprites, $name, -$pad, -$pad);
+  background-repeat: no-repeat;
+
+  @if $hover == true {
+    $name_hover: $name + _hover;
+    &:hover {
+      background-position: sprite-position($sprites, $name_hover, -$pad, -$pad);
+    }
+  }
+  @if $active == true {
+    $name_active: $name + _active;
+    &:active {
+      background-position: sprite-position($sprites, $name_active, -$pad, -$pad);
+    }
+  }
+  
+  @if $pad > 0 {
+    padding: $pad;
+  }
+  
+  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
+    & {
+      $pos: sprite-position($sprites2x, $name, -$pad * 2, -$pad * 2);
+      background-image: sprite-url($sprites2x);
+      background-position: nth($pos, 1) nth($pos, 2) / 2;
+      @include background-size(ceil(image-width(sprite-path($sprites2x)) / 2) auto);
+      //  sprite-path() returns the path of the generated sprite sheet, which
+      //  image-width() calculates the width of. the ceil() is in place in case
+      //  you have sprites that have an odd-number of pixels in width
+      
+      @if $hover == true {
+        $name_hover: $name + _hover;    // create myButton_hover and assign it
+        &:hover{
+          $pos: sprite-position($sprites2x, $name_hover, -$pad * 2, -$pad * 2);
+          background-position: nth($pos, 1) nth($pos, 2) / 2;
+        }
+      }
+      @if $active == true {
+        $name_active: $name + _active;    // create myButton_active and assign it
+        &:active{
+          $pos: sprite-position($sprites2x, $name_active, -$pad * 2, -$pad * 2);
+          background-position: nth($pos, 1) nth($pos, 2) / 2;
+        }
+      }
+    }
+  }
+}

metadata

@@ -0,0 +1,75 @@
+--- !ruby/object:Gem::Specification
+name: compass_sumo
+version: !ruby/object:Gem::Version
+  version: 0.2.0
+  prerelease: 
+platform: ruby
+authors:
+- Jan De Poorter
+- Niels De Paepe
+- Mathias Helin
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-02-21 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: The SumoCoders CSS Framework
+email: compass@sumocoders.be
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- compass_sumo.gemspec
+- lib/compass_sumo.rb
+- lib/compass_sumo/engine.rb
+- lib/compass_sumo/sass_extensions/functions.rb
+- lib/compass_sumo/sass_extensions/functions/inline_svg.rb
+- lib/compass_sumo/version.rb
+- stylesheets/_compass_sumo.scss
+- stylesheets/compass_sumo/_mixins.scss
+- stylesheets/compass_sumo/mixins/_animations.scss
+- stylesheets/compass_sumo/mixins/_load_font.scss
+- stylesheets/compass_sumo/mixins/_retina_sprites.scss
+homepage: 
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: SumoCoders CSS Framework
+test_files: []
+has_rdoc: