picasso 0.2.3 → 0.3.0

data/stylesheets/picasso/utils/_ie.scss

@@ -1,36 +1,31 @@
-//
-// IE
-//
-
-
-//
-// Permite crear un elemento HTML para poder simular el uso de after y before.
-// 
-// @example
-// .my-element {
-//   @include after;
-//	 @include before;
-//	
-//	.ie7 & {
-//		.after{
-//			...
-//		}
-//
-//		.before{
-//			...
-//		}
-//	}
-//
-// }
-// 
-// @see http://stackoverflow.com/questions/4181884/after-and-before-css-pseudo-elements-hack-for-ie-7/9369163
-// 
-//
+// ## IE
 
+// ### After / Before
+
+// Soporte de `:after` y `:before` para Internet Explorer 7. 
+
+// Basado en http://stackoverflow.com/questions/4181884/after-and-before-css-pseudo-elements-hack-for-ie-7/
+
+// ### Sass
+
+// #### Import
+
+// `@import "picasso/utils/ie";`
+
+// #### Mixins
+
+// * `@include after;`
+// * `@include before;`
+
+// Para IE quedan disponibles las clases .after y .before
+// para aplicar los mismos estilos como si fueran pseudoselectores
+
+ //After
 @mixin after{
 	zoom: expression( this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
 }
 
+ //Before
 @mixin before{
 	zoom: expression( this.runtimeStyle.zoom="1", this.insertBefore( document.createElement("i"), this.firstChild ).className="before" );
 }

data/stylesheets/picasso/utils/_sprite.scss

@@ -1,6 +1,18 @@
-//
-// Sprite
-//
+// ## Sprite
+
+// Inserta dinámicamente imágenes de un componente específico dentro de un sprite y 
+// devuelve la posición vertical en donde se insertó.
+
+// ### Sass
+
+// #### Import
+
+// `@import "picasso/utils/sprite";`
+
+// #### ­tilización
+
+// `$initial-position: insert-in-sprite($sprite-created, $sprite-name, $sprite, $sprite-width, $sprite-height);`
+
 
 $sprite-image: '';
 

metadata

@@ -4,9 +4,9 @@ version: !ruby/object:Gem::Version
   prerelease: false
   segments: 
   - 0
-  - 2
   - 3
-  version: 0.2.3
+  - 0
+  version: 0.3.0
 platform: ruby
 authors: 
 - Leandro D'Onofrio
@@ -14,7 +14,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2012-07-20 00:00:00 -03:00
+date: 2012-07-23 00:00:00 -03:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -60,57 +60,39 @@ files:
 - LICENSE
 - README.md
 - Rakefile
-- docs/accordions.html
-- docs/all.html
-- docs/arrows.html
-- docs/bubbles.html
-- docs/build/manifest.json
-- docs/build/md/changelog.md
-- docs/build/md/components/accordions.md
-- docs/build/md/components/arrows.md
-- docs/build/md/components/bubbles.md
-- docs/build/md/components/buttons.md
-- docs/build/md/components/components.md
-- docs/build/md/components/inputs.md
-- docs/build/md/components/list-grids.md
-- docs/build/md/components/navs.md
-- docs/build/md/components/pagination.md
-- docs/build/md/components/popups.md
-- docs/build/md/despegar/despegar.md
-- docs/build/md/intro.md
-- docs/build/md/mejoras.md
-- docs/build/md/todo.md
-- docs/build/md/utils/utils.md
-- docs/build/templates/index.html
-- docs/build/templates/layout.html
-- docs/build/templates/page.html
-- docs/buttons.html
-- docs/changelog.html
-- docs/components.html
+- docs/_picasso.html
 - docs/config.rb
-- docs/css/github.css
-- docs/css/markdown.css
-- docs/css/style.css
-- docs/despegar.html
+- docs/css/picasso-docs.css
 - docs/img/picasso-buttons-glossy.png
 - docs/img/picasso-buttons-mini.png
 - docs/img/picasso-nav.png
 - docs/img/picasso-popup.png
 - docs/img/picasso.png
 - docs/index.html
-- docs/inputs.html
-- docs/intro.html
-- docs/js/docs.js
-- docs/js/rainbow-custom.min.js
-- docs/js/viewer.js
-- docs/list-grids.html
-- docs/mejoras.html
-- docs/navs.html
-- docs/pagination.html
-- docs/popups.html
-- docs/sass/style.scss
-- docs/todo.html
-- docs/utils.html
+- docs/picasso-_components.html
+- docs/picasso-_despegar.html
+- docs/picasso-_utils.html
+- docs/picasso-components-_accordions.html
+- docs/picasso-components-_arrows.html
+- docs/picasso-components-_bubbles.html
+- docs/picasso-components-_buttons.html
+- docs/picasso-components-_inputs.html
+- docs/picasso-components-_list-grids.html
+- docs/picasso-components-_mini-tooltips.html
+- docs/picasso-components-_navs.html
+- docs/picasso-components-_pagination.html
+- docs/picasso-components-_popups.html
+- docs/picasso-components-buttons-_3d.html
+- docs/picasso-components-buttons-_glossy.html
+- docs/picasso-components-buttons-_mini.html
+- docs/picasso-despegar-_variables.html
+- docs/picasso-utils-_clearfix.html
+- docs/picasso-utils-_grid.html
+- docs/picasso-utils-_ie.html
+- docs/picasso-utils-_sprite.html
+- docs/resources/docs.jade
+- docs/resources/docs.js
+- docs/sass/picasso-docs.scss
 - lib/picasso.rb
 - lib/picasso/version.rb
 - picasso.gemspec
@@ -124,6 +106,7 @@ files:
 - stylesheets/picasso/components/_buttons.scss
 - stylesheets/picasso/components/_inputs.scss
 - stylesheets/picasso/components/_list-grids.scss
+- stylesheets/picasso/components/_mini-tooltips.scss
 - stylesheets/picasso/components/_navs.scss
 - stylesheets/picasso/components/_pagination.scss
 - stylesheets/picasso/components/_popups.scss
@@ -132,6 +115,7 @@ files:
 - stylesheets/picasso/components/buttons/_mini.scss
 - stylesheets/picasso/despegar/_variables.scss
 - stylesheets/picasso/utils/_clearfix.scss
+- stylesheets/picasso/utils/_grid.scss
 - stylesheets/picasso/utils/_ie.scss
 - stylesheets/picasso/utils/_sprite.scss
 - templates/project/manifest.rb
@@ -142,9 +126,9 @@ licenses: []
 post_install_message: "\n\n\
   ##################################################\n\
   ## Picasso - Sass/Compass Framework\n\n\
-  ## Versi\xC3\xB3n: 0.2.3\n\
-  ## Documentaci\xC3\xB3n: http://dl.dropbox.com/u/54126/picasso/docs/all.html\n\
-  ## CHANGELOG: http://dl.dropbox.com/u/54126/picasso/docs/changelog.html#changelog\n\
+  ## Versi\xC3\xB3n: 0.3.0\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\
   ##################################################\n\n"
 rdoc_options: []
 

data/docs/accordions.html

@@ -1,276 +0,0 @@
-<!DOCTYPE html>
-<!--[if IE 7]> <html class="ie7"> <![endif]-->
-<!--[if IE 8]> <html class="ie8"> <![endif]-->
-<!--[if IE 9]> <html class="ie9"> <![endif]-->
-<!--[if gt IE 9]><!--> <html> <!--<![endif]-->
-
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <title>Picasso. Framework CSS/Sass.</title>
-    
-    <link type="text/css" rel="stylesheet" href="./css/markdown.css">
-    <link type="text/css" rel="stylesheet" href="./css/github.css">
-    <link type="text/css" rel="stylesheet" href="./css/style.css">
-</head>
-
-<body>
-
-    
-        <header>
-            <img src="img/picasso.png" />
-            <h1 class="title">Framework CSS/Sass.</h1>
-        </header>
-    
-
-    
-
-        <hr>
-
-        <h2>Contenidos</h2>
-
-        <aside>
-            <nav>
-                <ol>
-                    
-                        <li>
-                            <a href="./intro.html#introduccioacuten">Introducci&amp;oacute;n</a>
-                            
-                                <ol>
-                                    
-                                        <li><a href="./intro.html#repositorio">Repositorio</a></li>
-                                    
-                                        <li><a href="./intro.html#instalacioacuten">Instalaci&amp;oacute;n</a></li>
-                                    
-                                        <li><a href="./intro.html#actualizacioacuten">Actualizaci&amp;oacute;n</a></li>
-                                    
-                                        <li><a href="./intro.html#opcional-instalacioacuten-de-oily-png">Opcional: Instalaci&amp;oacute;n de oily_png</a></li>
-                                    
-                                </ol>
-                            
-                        </li>
-                    
-                        <li>
-                            <a href="./changelog.html#changelog">Changelog</a>
-                            
-                                <ol>
-                                    
-                                        <li><a href="./changelog.html#023">0.2.3</a></li>
-                                    
-                                        <li><a href="./changelog.html#022">0.2.2</a></li>
-                                    
-                                        <li><a href="./changelog.html#021">0.2.1</a></li>
-                                    
-                                        <li><a href="./changelog.html#020">0.2.0</a></li>
-                                    
-                                        <li><a href="./changelog.html#010">0.1.0</a></li>
-                                    
-                                        <li><a href="./changelog.html#003">0.0.3</a></li>
-                                    
-                                        <li><a href="./changelog.html#002">0.0.2</a></li>
-                                    
-                                        <li><a href="./changelog.html#001">0.0.1</a></li>
-                                    
-                                </ol>
-                            
-                        </li>
-                    
-                        <li>
-                            <a href="./todo.html#todo">Todo</a>
-                            
-                                <ol>
-                                    
-                                        <li><a href="./todo.html#componentes">Componentes</a></li>
-                                    
-                                        <li><a href="./todo.html#utilidades">Utilidades</a></li>
-                                    
-                                        <li><a href="./todo.html#otros">Otros</a></li>
-                                    
-                                </ol>
-                            
-                        </li>
-                    
-                        <li>
-                            <a href="./mejoras.html#mejoras-antildeadidos">Mejoras / A&amp;ntilde;adidos</a>
-                            
-                                <ol>
-                                    
-                                        <li><a href="./mejoras.html#utilizar-el-coacutedigo-fuente">Utilizar el c&amp;oacute;digo fuente</a></li>
-                                    
-                                        <li><a href="./mejoras.html#pruebas-locales-de-nuevos-antildeadidos-cambios">Pruebas locales de nuevos a&amp;ntilde;adidos/cambios:</a></li>
-                                    
-                                        <li><a href="./mejoras.html#subidas-en-el-repositorio">Subidas en el repositorio</a></li>
-                                    
-                                        <li><a href="./mejoras.html#generar-la-documentacioacuten">Generar la documentaci&amp;oacute;n</a></li>
-                                    
-                                </ol>
-                            
-                        </li>
-                    
-                        <li>
-                            <a href="./components.html#components">Components</a>
-                            
-                                <ol>
-                                    
-                                        <li><a href="./components.html#componentes-disponibles">Componentes disponibles</a></li>
-                                    
-                                        <li><a href="./buttons.html#buttons">Buttons</a></li>
-                                    
-                                        <li><a href="./inputs.html#inputs">Inputs</a></li>
-                                    
-                                        <li><a href="./navs.html#navs">Navs</a></li>
-                                    
-                                        <li><a href="./list-grids.html#list-grid">List Grid</a></li>
-                                    
-                                        <li><a href="./arrows.html#arrows">Arrows</a></li>
-                                    
-                                        <li><a href="./pagination.html#pagination">Pagination</a></li>
-                                    
-                                        <li><a href="./bubbles.html#bubbles">Bubbles</a></li>
-                                    
-                                        <li><a href="./popups.html#popups">Popups</a></li>
-                                    
-                                        <li><a href="./accordions.html#accordions">Accordions</a></li>
-                                    
-                                </ol>
-                            
-                        </li>
-                    
-                        <li>
-                            <a href="./utils.html#utils">Utils</a>
-                            
-                                <ol>
-                                    
-                                        <li><a href="./utils.html#clearfix">Clearfix</a></li>
-                                    
-                                        <li><a href="./utils.html#ie">IE</a></li>
-                                    
-                                        <li><a href="./utils.html#sprite">Sprite</a></li>
-                                    
-                                </ol>
-                            
-                        </li>
-                    
-                        <li>
-                            <a href="./despegar.html#despegar">Despegar</a>
-                            
-                                <ol>
-                                    
-                                        <li><a href="./despegar.html#variables">Variables</a></li>
-                                    
-                                </ol>
-                            
-                        </li>
-                    
-                </ol>
-            </nav>
-        </aside>
-
-    
-
-    <hr>
-
-    <article>
-    <a name="accordions"></a><h2>Accordions</h2>
-<p>Para mostrar informaci&oacute;n en espacios reducidos.
-
-</p>
-<a name="ejemplos"></a><h3>Ejemplos</h3>
-<a name="ejemplo-1"></a><h4>Ejemplo 1</h4>
-<div class="accordion-demo-1">
-
-    <div class="accordion-section">
-        <div class="accordion-header accordion-header-open">
-            <a name="precio"></a><a name="precio"></a><h4>Precio</h4>
-            <span class="arrow"></span>
-        </div>
-        <div class="accordion-content">
-            <span>aca van los filtros de precio</span>
-        </div>
-    </div>
-    <div class="accordion-section">
-        <div class="accordion-header accordion-header-open">
-            <a name="paradas"></a><a name="paradas"></a><h4>Paradas</h4>
-            <span class="arrow"></span>
-        </div>
-        <div class="accordion-content">
-            <span>aca van los filtros de paradas</span>
-        </div>
-    </div>
-
-<p></div>
-
-</p>
-<a name="ejemplo-2"></a><h4>Ejemplo 2</h4>
-<div class="accordion-demo-2">
-
-    <div class="accordion-section">
-        <div class="accordion-header accordion-header-open">
-            <h4>Precio</h4>
-            <span class="arrow"></span>
-        </div>
-        <div class="accordion-content">
-            <span>aca van los filtros de precio</span>
-        </div>
-    </div>
-    <div class="accordion-section">
-        <div class="accordion-header accordion-header-open">
-            <h4>Paradas</h4>
-            <span class="arrow"></span>
-        </div>
-        <div class="accordion-content">
-            <span>aca van los filtros de paradas</span>
-        </div>
-    </div>
-
-<p></div>
-
-</p>
-<a name="html"></a><h3>HTML</h3>
-<pre><code class="lang-html">&lt;div class=&quot;accordion&quot;&gt;
-    &lt;div class=&quot;accordion-section&quot;&gt;
-        &lt;div class=&quot;accordion-header accordion-header-open&quot;&gt;
-            &lt;h4&gt;Precio&lt;/h4&gt;
-            &lt;span class=&quot;arrow&quot;&gt;&lt;/span&gt;
-        &lt;/div&gt;
-        &lt;div class=&quot;accordion-content&quot;&gt;
-            &lt;span&gt;aca van los filtros de precio&lt;/span&gt;
-        &lt;/div&gt;
-    &lt;/div&gt;
-&lt;/div&gt;</code></pre>
-<blockquote>
-<p><strong>Nota</strong>: Para tener un header cerrado se utiliza la clase <code>accordion-header-close</code>. El componente no incluye las funciones JavaScript para ocultar y mostrar el contenido de cada acorde&oacute;n.
-
-</p>
-</blockquote>
-<a name="sass"></a><h3>Sass</h3>
-<p>Importaci&oacute;n:
-
-</p>
-<pre><code class="lang-css">@import &quot;picasso/components/accordions&quot;;</code></pre>
-<p>Mixin con los par&aacute;metros por defecto:
-
-</p>
-<pre><code class="lang-css">.accordion {
-    @include accordion();    
-}</code></pre>
-<p>Mixin con par&aacute;metros personalizados. Disponibles: alto, background del t&iacute;tulo, color del t&iacute;tulo:
-
-</p>
-<pre><code class="lang-css">.accordion {
-    @include accordion(40px, #CCCCCC, #000000);
-}</code></pre>
-
-</article>
-
-
-    <footer>
-    </footer>
-
-  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
-  <script src="./js/docs.js"></script>
-  <script src="./js/rainbow-custom.min.js"></script>
-
-</body>
-
-</html>