picasso 0.4.1 → 0.4.2

data/docs/picasso-utils-_sprite.html

@@ -1314,7 +1314,7 @@ body {
 .list-grid-demo-1:after {
   clear: both;
 }
-.ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
+.ie7 .list-grid-demo-1 {
   zoom: 1;
 }
 .list-grid-demo-1 ul {
@@ -1373,7 +1373,7 @@ body {
 .nav-demo-1:after {
   clear: both;
 }
-.ie6 .nav-demo-1, .ie7 .nav-demo-1 {
+.ie7 .nav-demo-1 {
   zoom: 1;
 }
 .nav-demo-1 ul {
@@ -1389,7 +1389,7 @@ body {
 .nav-demo-1 ul:after {
   clear: both;
 }
-.ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
+.ie7 .nav-demo-1 ul {
   zoom: 1;
 }
 .nav-demo-1 ul li {
@@ -1947,7 +1947,7 @@ body {
 .accordion-demo-1 .accordion-header:after {
   clear: both;
 }
-.ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
+.ie7 .accordion-demo-1 .accordion-header {
   zoom: 1;
 }
 .accordion-demo-1 .accordion-header h4 {
@@ -2259,7 +2259,7 @@ body {
 .row-col:after {
   clear: both;
 }
-.ie6 .row-col, .ie7 .row-col {
+.ie7 .row-col {
   zoom: 1;
 }
 .row-col [class^="col"] {
@@ -2454,7 +2454,7 @@ body {
 .clearfix-demo:after {
   clear: both;
 }
-.ie6 .clearfix-demo, .ie7 .clearfix-demo {
+.ie7 .clearfix-demo {
   zoom: 1;
 }
 .clearfix-demo div {
@@ -2604,6 +2604,11 @@ body {
   background: #66ccff;
 }
 
+.despegar-link-bg-hover-demo {
+  padding: 10px;
+  background: #f1f6fc;
+}
+
 .despegar-error-bg-demo {
   padding: 10px;
   background: #ffe6e6;
@@ -2624,6 +2629,11 @@ body {
   background: #ff9900;
 }
 
+.despegar-fill-bg-demo {
+  padding: 10px;
+  background: #84a8fb;
+}
+
 .clusters-demo-1 .cluster {
   margin-bottom: 15px;
   border: 1px solid #cccccc;
@@ -2641,7 +2651,7 @@ body {
 .clusters-demo-1 .cluster:after {
   clear: both;
 }
-.ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
+.ie7 .clusters-demo-1 .cluster {
   zoom: 1;
 }
 .clusters-demo-1 .cluster .cluster-items-list {

data/docs/sass/picasso-demos.scss

@@ -349,6 +349,11 @@ body{
 	background: $despegar-link-color-hover;
 }
 
+.despegar-link-bg-hover-demo{
+	padding: 10px;
+	background: $despegar-link-bg-hover;
+}
+
 .despegar-error-bg-demo{
 	padding: 10px;
 	background: $despegar-error-bg;
@@ -369,6 +374,11 @@ body{
 	background: $despegar-warning-border;
 }
 
+.despegar-fill-bg-demo{
+	padding: 10px;
+	background: $despegar-fill-bg;
+}
+
 .clusters-demo-1 {
 	.cluster {
 		@include cluster();

data/lib/picasso/version.rb

@@ -1,3 +1,3 @@
 module Picasso
-  VERSION = "0.4.1"
+  VERSION = "0.4.2"
 end

data/picasso.gemspec

@@ -14,7 +14,7 @@ Gem::Specification.new do |gem|
   gem.name                  = "picasso"
   gem.require_paths         = ["lib"]
   gem.version               = Picasso::VERSION
-  gem.post_install_message  = "\n\n##################################################\n## Picasso - Sass/Compass Framework\n\n## Versión: " + Picasso::VERSION + "\n## Documentación: http://dl.dropbox.com/u/54126/picasso/docs/index.html\n## CHANGELOG: http://dl.dropbox.com/u/54126/picasso/docs/index.html#changelog\n##################################################\n\n"
+  gem.post_install_message  = "\n\n##################################################\n## Picasso - Sass/Compass Framework\n\n## Versión: " + Picasso::VERSION + "\n## Documentación: http://ux.despegar.it/labs/picasso/\n## CHANGELOG: http://ux.despegar.it/labs/picasso/#changelog\n##################################################\n\n"
 
   gem.add_dependency("compass", [">= 0.12.1"])
   gem.add_dependency("compass-magick", [">= 0.1.6"])

data/stylesheets/picasso/despegar/_variables.scss

@@ -13,16 +13,16 @@ $brand : "despegar";
 // #### Cuerpos tipograficos
 
 // ```
-// <p class="despegar-size-10-demo">10px - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-size-11-demo">11px - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-size-13-demo">13px - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-size-16-demo">16px - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-size-20-demo">20px - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-size-24-demo">24px - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-size-28-demo">28px - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-size-30-demo">30px - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-size-32-demo">32px - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-size-36-demo">36px - Aliquam tincidunt mauris eu risus.</p>
+// <p class="despegar-size-10-demo">$despegar-size-10: 10px</p>
+// <p class="despegar-size-11-demo">$despegar-size-11: 11px</p>
+// <p class="despegar-size-13-demo">$despegar-size-13: 13px</p>
+// <p class="despegar-size-16-demo">$despegar-size-16: 16px</p>
+// <p class="despegar-size-20-demo">$despegar-size-20: 20px</p>
+// <p class="despegar-size-24-demo">$despegar-size-24: 24px</p>
+// <p class="despegar-size-28-demo">$despegar-size-28: 28px</p>
+// <p class="despegar-size-30-demo">$despegar-size-30: 30px</p>
+// <p class="despegar-size-32-demo">$despegar-size-32: 32px</p>
+// <p class="despegar-size-36-demo">$despegar-size-36: 36px</p>
 // ```
 
  // Cuerpos tipograficos
@@ -40,20 +40,20 @@ $despegar-size-36   : 36px;
 // #### Colores base
 
 // ```
-// <p class="despegar-black-demo">#000 - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-white-demo">#FFF - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-yellow-demo">#FFFF33 - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-red-demo">#E20A16 - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-blue-demo">#013D93 - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-gray-1-demo">#222 - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-gray-2-demo">#444 - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-gray-3-demo">#666 - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-gray-4-demo">#888 - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-gray-5-demo">#AAA - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-gray-6-demo">#CCC - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-gray-7-demo">#DDD - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-gray-8-demo">#EEE - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-gray-9-demo">#F5F5F5 - Aliquam tincidunt mauris eu risus.</p>
+// <p class="despegar-black-demo">$despegar-black: #000</p>
+// <p class="despegar-white-demo">$despegar-white: #FFF</p>
+// <p class="despegar-yellow-demo">$despegar-yellow: #FFFF33</p>
+// <p class="despegar-red-demo">$despegar-red: #E20A16</p>
+// <p class="despegar-blue-demo">$despegar-blue: #013D93</p>
+// <p class="despegar-gray-1-demo">$despegar-gray-1: #222</p>
+// <p class="despegar-gray-2-demo">$despegar-gray-2: #444</p>
+// <p class="despegar-gray-3-demo">$despegar-gray-3: #666</p>
+// <p class="despegar-gray-4-demo">$despegar-gray-4: #888</p>
+// <p class="despegar-gray-5-demo">$despegar-gray-5: #AAA</p>
+// <p class="despegar-gray-6-demo">$despegar-gray-6: #CCC</p>
+// <p class="despegar-gray-7-demo">$despegar-gray-7: #DDD</p>
+// <p class="despegar-gray-8-demo">$despegar-gray-8: #EEE</p>
+// <p class="despegar-gray-9-demo">$despegar-gray-9: #F5F5F5</p>
 // ```
 
  // Colores base: Comunes
@@ -78,18 +78,21 @@ $despegar-gray-9    : #F5F5F5;
 // #### Elementos
 
 // ```
-// <p class="despegar-searchbox-bg-demo">#FFFF33 Background Buscador - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-title-color-demo">#013D93 Color Titulos - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-titlealt-color-demo">#F90 Color Titulos alternativos - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-titlelighten-color-demo">#B4CBFC Color Titulos con colores mas suaves - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-link-color-demo">#319FDA Color links - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-link-color-hover-demo">#66CCFF Color links (hover) - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-error-bg-demo">#FFE6E6 Color Titulos - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-error-border-demo">#E20A16 Color borde mensajes de error - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-warning-bg-demo">#FFFFE1 Background mensajes - Aliquam tincidunt mauris eu risus.</p>
-// <p class="despegar-warning-border-demo">#FF9900 Color borde mensajes - Aliquam tincidunt mauris eu risus.</p>
+// <p class="despegar-searchbox-bg-demo">$despegar-searchbox-bg: #FFFF33 (Background Buscador)</p>
+// <p class="despegar-title-color-demo">$despegar-title-color: #013D93 (Color Titulos)</p>
+// <p class="despegar-titlealt-color-demo">$despegar-titlealt-color: #F90 (Color Titulos alternativos)</p>
+// <p class="despegar-titlelighten-color-demo">$despegar-titlelighten-color: #B4CBFC (Color Titulos con colores mas suaves)</p>
+// <p class="despegar-link-color-demo">$despegar-link-color: #319FDA (Color links)</p>
+// <p class="despegar-link-color-hover-demo">$despegar-link-color-hover: #66CCFF (Color links, hover)</p>
+// <p class="despegar-link-bg-hover-demo">$despegar-link-bg-hover: #F1F6FC (Background links, hover)</p>
+// <p class="despegar-error-bg-demo">$despegar-error-bg: #FFE6E6 (Color Titulos)</p>
+// <p class="despegar-error-border-demo">$despegar-error-border: #E20A16 (Color borde mensajes de error)</p>
+// <p class="despegar-warning-bg-demo">$despegar-warning-bg: #FFFFE1 (Background mensajes)</p>
+// <p class="despegar-warning-border-demo">$despegar-warning-border: #FF9900 (Color borde mensajes)</p>
+// <p class="despegar-fill-bg-demo">$despegar-fill-bg: #84A8FB (Color de relleno)</p>
 // ```
 
+
  // Buscador
 $despegar-searchbox-bg	: $despegar-yellow;
 
@@ -105,6 +108,7 @@ $despegar-titlelighten-color	: #B4CBFC;
  // Links
 $despegar-link-color 		: #319FDA;
 $despegar-link-color-hover 	: #66CCFF;
+$despegar-link-bg-hover 	: #F1F6FC;
 
  // Errores: fondo
 $despegar-error-bg           : #FFE6E6;
@@ -116,4 +120,7 @@ $despegar-error-border       : $despegar-red;
 $despegar-warning-bg         : #FFFFE1;
 
  // Warning: borde
-$despegar-warning-border     : #FF9900;
+$despegar-warning-border     : #FF9900;
+
+ // Color de relleno
+$despegar-fill-bg       : #84A8FB;

data/stylesheets/picasso/utils/_clearfix.scss

@@ -34,7 +34,7 @@
 		clear:both;
 	}
 	
-	.ie6 &, .ie7 & {
+	.ie7 & {
 		zoom:1;
 	}
 

data/stylesheets/picasso/utils/_grid.scss

@@ -169,23 +169,31 @@
 
 // * `$grid-default-columns`: Cantidad de columnas. Esta variable modifica la cantidad de columnas disponibles en la grilla y 
 // resuelve todos los anchos de manera automática. Valor predeterminado: 12.
-// * `$grid-default-column-class`: Nombre de la clase para el contenedor (`row-col`) y las columnas (`colX`). Valor predeterminado: `col`.
+// * `$grid-default-row-class`: Nombre de la clase para el contenedor (`row-col`). Valor predeterminado: `row-col`.
+// * `$grid-default-column-class`: Nombre de la clase para las columnas (`colX`). Valor predeterminado: `col`.
 // * `$grid-default-offset-class`: Nombre de la clase para aplicar offset (`offsetX`). Valor predeterminado: `offset`.
+// * `$grid-default-container-class`: Nombre de la clase para el contenedor principal (`container`). Valor predeterminado: `container`.
 // * `$grid-default-include-offset`: Incluir estilos para aplicar offset. Valor predeterminado: `true`.
+// * `$grid-default-include-container`: Incluir estilos para el contenedor. Valor predeterminado: `true`.
 
 
 @import "compass/css3/box-sizing";
 @import "clearfix";
 
 $grid-default-columns: 12 !default;
+$grid-default-row-class: "row-col" !default;
 $grid-default-column-class: "col" !default;
 $grid-default-offset-class: "offset" !default;
 $grid-default-container-class: "container" !default;
+$grid-default-include-container: true !default;
 $grid-default-include-offset: true !default;
 
 @mixin grid(){
+	
+	@if $grid-default-include-container == true {
+		@include grid-container();
+	}
 
-	@include grid-container();
 	@include grid-columns();
 
 }
@@ -210,7 +218,7 @@ $grid-default-include-offset: true !default;
 	$grid-gutter-unit-width: $grid-space-unit-width + $grid-corrector;
 	$grid-magic-number-ie: 0.092;
 
-	.row-#{$grid-default-column-class} {
+	.#{$grid-default-row-class} {
 		width: 100%;
 		@include clearfix;
 

metadata

@@ -5,8 +5,8 @@ version: !ruby/object:Gem::Version
   segments: 
   - 0
   - 4
-  - 1
-  version: 0.4.1
+  - 2
+  version: 0.4.2
 platform: ruby
 authors: 
 - Leandro D'Onofrio
@@ -14,7 +14,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2013-02-05 00:00:00 -03:00
+date: 2013-02-28 00:00:00 -03:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -139,9 +139,9 @@ licenses: []
 post_install_message: "\n\n\
   ##################################################\n\
   ## Picasso - Sass/Compass Framework\n\n\
-  ## Versi\xC3\xB3n: 0.4.1\n\
-  ## Documentaci\xC3\xB3n: http://dl.dropbox.com/u/54126/picasso/docs/index.html\n\
-  ## CHANGELOG: http://dl.dropbox.com/u/54126/picasso/docs/index.html#changelog\n\
+  ## Versi\xC3\xB3n: 0.4.2\n\
+  ## Documentaci\xC3\xB3n: http://ux.despegar.it/labs/picasso/\n\
+  ## CHANGELOG: http://ux.despegar.it/labs/picasso/#changelog\n\
   ##################################################\n\n"
 rdoc_options: []