compass-css-arrow 0.0.1

data/.gitignore

@@ -0,0 +1 @@
+*.gem

data/Gemfile

@@ -0,0 +1,4 @@
+source :rubygems
+
+gem 'compass'
+

data/Gemfile.lock

@@ -0,0 +1,16 @@
+GEM
+  remote: http://rubygems.org/
+  specs:
+    chunky_png (1.2.5)
+    compass (0.12.1)
+      chunky_png (~> 1.2)
+      fssm (>= 0.2.7)
+      sass (~> 3.1)
+    fssm (0.2.9)
+    sass (3.1.17)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  compass

data/README.md

@@ -0,0 +1,36 @@
+Compass CSS arrow
+=================
+
+This extension provides a mixin to add a css-only arrow to a box.
+
+The original CSS code is taken from [cssarrowplease](http://cssarrowplease.com/) by [Simon Højberg](http://icreateui.com/).
+
+Installation
+------------
+
+With Bundler :
+
+    gem 'compass-css-extension', :git => 'git://github.com/msadouni/compass-css-arrow.git'
+
+Add to a project :
+
+    // rails: compass.config, other: config.rb
+    require 'compass-css-arrow'
+
+    // command line
+    compass install compass-css-arrow
+
+Usage
+-----
+
+    // @include css-arrow($position, $size, $color, $border-width, $border-color);
+    @import 'compass-css-arrow';
+    .arrow-box {
+      @include css-arrow(top, 30px, #88b7d5, 4px, #c2e1f5);
+    }
+
+TODO
+----
+
+- Package as a real gem and update README
+

data/compass-css-arrow.gemspec

@@ -0,0 +1,24 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "compass-css-arrow/version"
+
+Gem::Specification.new do |s|
+  s.name = "compass-css-arrow"
+  s.version = CompassCssArrow::VERSION
+  s.platform = Gem::Platform::RUBY
+  s.authors = ["Matthieu Sadouni"]
+  s.email = ["matthieusadouni@gmail.com"]
+  s.homepage = ''
+  s.summary = %q{a css-only arrow for compass}
+  s.description = %q{a css-only arrow for compass}
+
+  s.rubyforge_project = 'compass-css-arrow'
+
+  s.files = `git ls-files`.split("\n")
+  s.test_files = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+
+  s.add_dependency("compass", [">= 0.11"])
+end
+

data/lib/compass-css-arrow.rb

@@ -0,0 +1,4 @@
+require 'compass'
+extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
+Compass::Frameworks.register('compass-css-arrow', :path => extension_path)
+

data/lib/compass-css-arrow/version.rb

@@ -0,0 +1,4 @@
+module CompassCssArrow
+  VERSION = '0.0.1'
+end
+

data/stylesheets/_compass-css-arrow.scss

@@ -0,0 +1,3 @@
+// This is your framework's main stylesheet. Use it to import all default modules.
+@import "compass-css-arrow/css-arrow";
+

data/stylesheets/compass-css-arrow/_css-arrow.scss

@@ -0,0 +1,39 @@
+@mixin css-arrow($position, $size, $color, $border-width, $border-color) {
+  $arrow-orientation:bottom;
+  $arrow-position:left;
+  @if $position == right {
+    $arrow-orientation:left;
+    $arrow-position:top;
+  } @else if $position == bottom {
+    $arrow-orientation:top;
+    $arrow-position:left;
+  } @else if $position == left {
+    $arrow-orientation:right;
+    $arrow-position:top;
+  }
+  position: relative;
+  background: $color;
+  border: $border-width solid $border-color;
+  &:after, &:before {
+    #{$arrow-orientation}: 100%;
+    border: solid transparent;
+    content: " ";
+    height: 0;
+    width: 0;
+    position: absolute;
+    pointer-events: none;
+  }
+  &:after {
+    border-#{$arrow-orientation}-color: $color;
+    border-width: $size;
+    #{$arrow-position}: 50%;
+    margin-#{$arrow-position}: -$size;
+  }
+  &:before {
+    border-#{$arrow-orientation}-color: $border-color;
+    border-width: #{round($size + $border-width * 1.41421356)};
+    #{$arrow-position}: 50%;
+    margin-#{$arrow-position}: -#{round($size + $border-width * 1.41421356)};
+  }
+}
+

data/templates/project/manifest.rb

@@ -0,0 +1,2 @@
+# Make sure you list all the project template files here in the manifest.
+stylesheet 'screen.sass', :media => 'screen, projection'

data/templates/project/screen.scss

@@ -0,0 +1,2 @@
+// This is where you put the contents of the main stylesheet for the user's project.
+// It should import your sass stylesheets and demonstrate how to use them.

metadata

@@ -0,0 +1,67 @@
+--- !ruby/object:Gem::Specification
+name: compass-css-arrow
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Matthieu Sadouni
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-05-10 00:00:00.000000000Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: &2153450300 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0.11'
+  type: :runtime
+  prerelease: false
+  version_requirements: *2153450300
+description: a css-only arrow for compass
+email:
+- matthieusadouni@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- Gemfile.lock
+- README.md
+- compass-css-arrow.gemspec
+- lib/compass-css-arrow.rb
+- lib/compass-css-arrow/version.rb
+- stylesheets/_compass-css-arrow.scss
+- stylesheets/compass-css-arrow/_css-arrow.scss
+- templates/project/manifest.rb
+- templates/project/screen.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: compass-css-arrow
+rubygems_version: 1.8.17
+signing_key: 
+specification_version: 3
+summary: a css-only arrow for compass
+test_files: []