compass-bootstrap 0.0.1 → 0.0.2

data/README.mkdn

@@ -24,9 +24,17 @@ Add the following to your compass.rb config file:
     # Require any additional compass plugins here.
     require 'compass-bootstrap'
     
-Then make sure you have imported the grid library into your core .sass or .scss file with:
+Now you can add the bootstrap style to your .scss/.sass files:
 
     @import 'compass_bootstrap';
+    
+this will make available all the classes and styles from bootstrap 
+
+If you only want to add some bootstrap styles to your files, add:
+
+   @import 'compass_bootstrap_mixins';
+
+And now you can use the mixins on your own classes:
 
 Using bt-column instead of .spanX
 ============================
@@ -35,4 +43,12 @@ this plugin includes a mixin called bt-column, that you can use instead of add t
    
     @include bt-column(4);
 
-and thats all
+Using btn mixin to your styles
+==============================
+
+   bt-btn($from-color,$to-color,[$txt-color(optional)]);
+   
+this mixin will add the styles from btn bootstrap class, this had 3 params
+    $from-color: defines the color where background starts.
+    $to-color: defines the color where background ends.
+    $txt-color: default white, this define the text color

data/lib/compass-bootstrap/version.rb

@@ -1,5 +1,5 @@
 module Compass
   module Bootstrap
-    VERSION = "0.0.1"
+    VERSION = "0.0.2"
   end
 end

data/stylesheets/_compass_bootstrap.scss

@@ -198,13 +198,9 @@ textarea {
  * Basic and global styles for generating a grid system, structural layout, and page templates
  * ------------------------------------------------------------------------------------------- 
  
- * bt-column mixin always MUST be used inside of a .row class, as the bootstap says
  
  */
-@mixin bt-column($number) {
-  $size : 40px * $number + 20px * ($number - 1);
-  width: $size + 0px;
-}
+
 
 .row {
   zoom: 1;

data/stylesheets/_compass_bootstrap_mixins.scss

@@ -0,0 +1,43 @@
+/*!
+    Mixins of bootstrap styles
+*/
+
+
+/*
+  * bt-column mixin always MUST be used inside of a .row class, as the bootstap says
+*/
+@mixin bt-column($number) {
+  $size : 40px * $number + 20px * ($number - 1);
+  width: $size + 0px;
+}
+
+@mixin bt-btn($from-color,$to-color,$txt-color: default) {
+  @if $txt-color == default {$txt-color: #ffffff;}
+  cursor: pointer;
+  display: inline-block;
+  background-color: $to-color;
+  background-repeat: no-repeat;
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from($from-color), to(#e6e6e6$to-color));
+  background-image: -webkit-linear-gradient($from-color, $to-color);
+  background-image: -moz-linear-gradient($from-color, $to-color);
+  background-image: -ms-linear-gradient($from-color, $to-color);
+  background-image: -o-linear-gradient($from-color, $to-color);
+  background-image: linear-gradient($from-color, $to-color);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$from-color, endColorstr=$to-color, GradientType=0);
+  padding: 5px 14px 6px;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+  color: $txt-color;
+  font-size: 13px;
+  line-height: normal;
+  border: 1px solid #ccc;
+  border-bottom-color: #bbb;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  -webkit-transition: 0.1s linear all;
+  -moz-transition: 0.1s linear all;
+  transition: 0.1s linear all;
+}

metadata

@@ -1,35 +1,48 @@
---- !ruby/object:Gem::Specification
+--- !ruby/object:Gem::Specification 
 name: compass-bootstrap
-version: !ruby/object:Gem::Version
-  version: 0.0.1
+version: !ruby/object:Gem::Version 
+  hash: 27
   prerelease: 
+  segments: 
+  - 0
+  - 0
+  - 2
+  version: 0.0.2
 platform: ruby
-authors:
+authors: 
 - Hector Bustillos
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2011-09-12 00:00:00.000000000Z
-dependencies:
-- !ruby/object:Gem::Dependency
+
+date: 2011-09-12 00:00:00 Z
+dependencies: 
+- !ruby/object:Gem::Dependency 
   name: compass
-  requirement: &70108412182900 !ruby/object:Gem::Requirement
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
     none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        hash: 55
+        segments: 
+        - 0
+        - 10
+        - 0
         version: 0.10.0
   type: :runtime
-  prerelease: false
-  version_requirements: *70108412182900
-description: Bootstrap is a toolkit from Twitter designed to kickstart development
-  of webapps and sites.
-email:
+  version_requirements: *id001
+description: Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
+email: 
 - hector.bustillos@crowdint.com
 executables: []
+
 extensions: []
+
 extra_rdoc_files: []
-files:
+
+files: 
 - .gitignore
 - Gemfile
 - README.mkdn
@@ -38,30 +51,41 @@ files:
 - lib/compass-bootstrap.rb
 - lib/compass-bootstrap/version.rb
 - stylesheets/_compass_bootstrap.scss
+- stylesheets/_compass_bootstrap_mixins.scss
 - templates/project/manifest.rb
 - templates/project/screen.scss
 homepage: https://github.com/hecbuma/compass-bootstrap
 licenses: []
+
 post_install_message: 
 rdoc_options: []
-require_paths:
+
+require_paths: 
 - lib
-required_ruby_version: !ruby/object:Gem::Requirement
+required_ruby_version: !ruby/object:Gem::Requirement 
   none: false
-  requirements:
-  - - ! '>='
-    - !ruby/object:Gem::Version
-      version: '0'
-required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
   none: false
-  requirements:
-  - - ! '>='
-    - !ruby/object:Gem::Version
-      version: '0'
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
 requirements: []
+
 rubyforge_project: compass-bootstrap
 rubygems_version: 1.8.6
 signing_key: 
 specification_version: 3
 summary: Compass compatible Sass port of twitter bootstrap.
 test_files: []
+