sass-tools 0.1.6 → 0.1.7

data/VERSION

@@ -1 +1 @@
-0.1.6
+0.1.7

data/lib/stylesheets/sass-tools/_forms.scss

@@ -1,7 +1,8 @@
-/* Survey Styling
----------------------------------------- */
 /*
-<form action="#" id="encuesta" class="widget" accept-charset="utf-8">
+  Survey Styling
+  
+  Code:
+  <form action="#" id="encuesta" class="widget" accept-charset="utf-8">
 		<h3>Encuesta</h3>
 		<div><strong>¿Te gusta el nuevo sitio?</strong></div>
 		<div><input name="opt1" id="opt1" type="radio"> Si me gusta</div>
@@ -29,6 +30,9 @@
   }
 }
 
+/*
+  Button Styling
+*/
 @mixin button {
   @include border-radius(4px 4px 4px 4px);
   background:#8DC30D;

data/lib/stylesheets/sass-tools/_images.scss

@@ -1,30 +1,71 @@
 /*
-   This Mixin is meant to be used for image replacement of a entities.
+   Replace an A tag with an a background-image.
+   @var $image string path to the image
+   @var $inline boolean embed via data.
  */
-@mixin image-link($image) {
-  background:transparent image-url($image) no-repeat top left;
-  width: image-width($image);
-  height: image-height($image);
+@mixin image-link($image, $inline:false) {
+  @include image-background($image, $inline);
   cursor:pointer;
-  @extend .image-link-extend;
+  @extend .imagelink-exts;
+}
+
+/*
+  Replace a Header>a tag with a background image. Made specifically for logos.
+  @var $image string path to the image
+  @var $inline boolean embed via data.
+*/
+@mixin image-header($image, $inline:false) {
+  @extend .no-mp;
+  a {
+    @include image-link($image, $inline);
+  } //a
 }
 
 /*
   Mixin for quickly replacing images for any given element.
+  @var $image string path to the image
+  @var $inline boolean embed via data.
+*/
+@mixin image-replace($image, $inline:false) {
+  @include image-background($image, $inline);
+  @extend .imagelink-ext;
+}
+
+/*
+  Just adds the image as a background and sets the width/height accordingly.
+  @var $image string path to the image
+  @var $inline boolean embed via data.
 */
-@mixin image-replace($image) {
-  background:transparent image-url($image) no-repeat top left;
+@mixin image-background($image, $inline:false) {
+  @if $inline == true {
+    @include inline-background(transparent, $image, no-repeat, top, left);
+  } @else {
+    background: transparent image-url($image) no-repeat top left;
+  }
   width: image-width($image);
   height: image-height($image);
-  @extend .image-link-extend;
+}
+
+/*
+  Add a background via inlina-image.
+  With basic backward compatibility to IE7
+  @var $transparency
+  @var $image
+  @var $horizontal
+  @var $vertical
+  @var $repeat
+*/
+@mixin inline-background($transparency, $image, $horizontal, $vertical, $repeat) {
+  background  : $transparency inline-image($image) $horizontal $vertical $repeat;
+  *background : $transparency image-url($image) $horizontal $vertical $repeat;
 }
 
 /*
   Common styles needed by our Image Mixins.
 */
-.image-link-extend {
+.imagelink-ext {
   display:block;
   outline:none;
   overflow:hidden;
   text-indent:-9999px;
-} // .image-link-extend
+} // .imagelink-ext

data/lib/stylesheets/sass-tools/_tools.scss

@@ -1,15 +1,18 @@
 /*
- * Shortcut
+  Shortcut to remove margin an padding.
+  Used o several @mixins.
  */
 .no-mp {
   margin:0;
   padding:0;
 }
 
-
-/* Center with the Blueprint width
----------------------------------------- */
-@mixin center {
+/*
+  Centers a container by using the blueprint container size.
+*/
+@mixin center-container {
+  @extend .cntrcontainer-ext;  
+} .cntrcontainer-ext {
   width: $blueprint-container-size;
   margin:0 auto;
-}
+}

data/sass-tools.gemspec

@@ -5,11 +5,11 @@
 
 Gem::Specification.new do |s|
   s.name = %q{sass-tools}
-  s.version = "0.1.6"
+  s.version = "0.1.7"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Mario 'Kuroir' Ricalde"]
-  s.date = %q{2010-09-08}
+  s.date = %q{2010-09-09}
   s.description = %q{}
   s.email = %q{mario@destructoid.com}
   s.extra_rdoc_files = [

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: sass-tools
 version: !ruby/object:Gem::Version 
-  hash: 23
+  hash: 21
   prerelease: false
   segments: 
   - 0
   - 1
-  - 6
-  version: 0.1.6
+  - 7
+  version: 0.1.7
 platform: ruby
 authors: 
 - Mario 'Kuroir' Ricalde
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2010-09-08 00:00:00 -05:00
+date: 2010-09-09 00:00:00 -05:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency