yunicorn_mixins 0.1

data/README.mkdn

@@ -0,0 +1 @@
+Custom Compass extension

data/lib/yunicorn_mixins.rb

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

data/stylesheets/_yunicorn_mixins.scss

@@ -0,0 +1,2 @@
+// This is your framework's main stylesheet. Use it to import all default modules.
+@import "yunicorn_mixins/core";

data/stylesheets/yunicorn_mixins/_ui.scss

@@ -0,0 +1,101 @@
+@mixin threedeetext($color) {
+  color: $color; 
+  text-shadow:
+    0 2px 0 darken($color, 14%),
+    0 4px 0 darken($color, 16%),
+    0 6px 0 darken($color, 18%),
+    0 8px 0 darken($color, 20%),
+    3px 8px 15px rgba(0,0,0,0.1),
+    3px 8px 5px rgba(0,0,0,0.3);
+}
+
+@mixin threedeetext_down($color) {
+  color: $color; 
+  text-shadow:
+    0 -2px 0 darken($color, 14%),
+    0 -4px 0 darken($color, 16%),
+    0 -6px 0 darken($color, 18%),
+    0 -8px 0 darken($color, 20%),
+    0 2px 0 rgba(255,255,255,1);
+}
+
+@mixin btn($bg-color, $font-color: #fff) {
+	
+  font-family: Helvetica, sans-serif;
+  font-size: 13px;
+  color: $font-color;
+  text-decoration: none;
+  display: inline-block;
+  text-align: center;
+  padding: 7px 20px 9px;
+  cursor: pointer;
+  @include text-shadow(0 1px 1px rgba(0,0,0,0.4));
+  @include transition(0.1s linear);
+  @include box-shadow(inset rgba(255,255,255,0.3) 1px 1px 0);
+  @include background(linear-gradient(top, hsla(0, 100%, 100%, .3), hsla(0, 90%, 90%, .1)));
+	background-color: $bg-color;
+	border: 1px solid darken($bg-color, 5%);
+	@include border-radius(2px);
+  
+  &:hover {
+		background-color: tint($bg-color, 20%);  
+  }
+  
+  &:active {
+    @include box-shadow(inset rgba(0,0,0,0.4) 0px 0px 6px);
+  }
+  
+  i {
+	  font-size: 20px;
+	  font-weight: normal;
+	  vertical-align: middle; 
+	  line-height: 0;
+	  margin-right: .1em;
+  }
+
+}
+
+@mixin btn_3d($bg-color, $font-color: #fff) {
+	
+  font-family: Helvetica, sans-serif;
+  font-size: 13px;
+  color: $font-color;
+  text-decoration: none;
+  display: inline-block;
+  text-align: center;
+  padding: 10px 25px 12px;
+  cursor: pointer;
+  @include text-shadow(0 1px 1px rgba(0,0,0,0.4));
+  @include transition(0.1s linear);
+  @include background(linear-gradient(top, hsla(0, 100%, 100%, .3), hsla(0, 90%, 90%, .1)));
+	background-color: $bg-color;
+	@include border-radius(4px);
+	vertical-align: top;
+	@include box-shadow(shade($bg-color, 20%) 0 6px 0,
+											rgba(0,0,0,0.3) 0 10px 3px);
+  
+  &:hover {
+		background-color: tint($bg-color, 20%);  
+  }
+  
+  &:active {
+	  position: relative;
+	  top: 5px;
+	  @include box-shadow(shade($bg-color, 20%) 0 3px 0,
+											rgba(0,0,0,0.3) 0 6px 3px)
+  }
+  
+  i {
+	  font-size: 20px;
+	  font-weight: normal;
+	  vertical-align: middle; 
+	  line-height: 0;
+	  margin-right: .1em;
+  }
+
+}
+
+@mixin btn_round($bg-color, $font-color: #fff) {
+	@include button($bg-color, $font-color);
+	@include border-radius(20px);
+}

data/stylesheets/yunicorn_mixins/_utility.scss

@@ -0,0 +1,20 @@
+@mixin center-block	{
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+@mixin hide {
+	display: none;
+}
+
+@mixin logo {
+	@include hide-text;
+	display: block;
+}
+
+@mixin add {
+	content: "";
+	display: block;
+	position: absolute;
+}

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,68 @@
+--- !ruby/object:Gem::Specification
+name: yunicorn_mixins
+version: !ruby/object:Gem::Version
+  version: '0.1'
+  prerelease: 
+platform: ruby
+authors:
+- Jude Wang
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-07-09 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.11'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0.11'
+description: some of mixins I recently created.
+email: eros4@me.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.mkdn
+- lib/yunicorn_mixins.rb
+- stylesheets/_yunicorn_mixins.scss
+- stylesheets/yunicorn_mixins/_core.scss
+- stylesheets/yunicorn_mixins/_ui.scss
+- stylesheets/yunicorn_mixins/_utility.scss
+- templates/project/manifest.rb
+- templates/project/screen.scss
+homepage: https://github.com/eros4
+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: a custom ui extension for compass
+test_files: []