picasso 0.2.3 → 0.3.0

data/docs/build/manifest.json

@@ -1,21 +0,0 @@
-{
-    "title": "Picasso. Framework CSS/Sass.",
-	"files": [
-		"md/intro.md", 
-		"md/changelog.md", 
-		"md/todo.md", 
-		"md/mejoras.md",
-		"md/components/components.md",
-		"md/components/buttons.md", 
-		"md/components/inputs.md",
-		"md/components/navs.md", 
-		"md/components/list-grids.md", 
-		"md/components/arrows.md", 
-		"md/components/pagination.md", 
-		"md/components/bubbles.md", 
-		"md/components/popups.md", 
-		"md/components/accordions.md",
-		"md/utils/utils.md", 
-		"md/despegar/despegar.md"
-	] 
-}

data/docs/build/md/changelog.md

@@ -1,53 +0,0 @@
-# Changelog
-
-## 0.2.3
-
-* Fix estado estado `disabled` para IE;
-
-## 0.2.2
-
-* Se agrega estado `disabled` para los botones 3D;
-
-## 0.2.1
-
-* Fix sombras, gradientes y bordes de botones y nav de IE9;
-
-## 0.2.0
-
-* Fix degradados de botones en Chrome;
-* Separación de botones por tipo;
-* Nuevos botones 3D;
-* Se quita a oily_png como dependencia;
-
-## 0.1.0
-
-* Agregados nuevos componentes:
-* - Popups
-* - Pagination
-* - Navs
-* - List Grids
-* - Inputs
-* - Accordions
-* Agregadas nuevas utilidades:
-* - Sprite: `insert-in-sprite()`
-* - IE: `after()` / `before()`
-* Nuevo fallback para IE: Generación dinámica de sprites para componentes a través de [compass-magick](https://github.com/StanAngeloff/compass-magick).
-* Se elimina el soporte para CSS3 Pie, siendo reemplazado por fallback de sprites.
-* Reorganización interna de la documentación.
-
-## 0.0.3
-
-* Agregados estilos de fallback para Internet Explorer.
-* Soporte para CSS3 Pie (de manera predeterminado apagado).
-* Agregada la documentación sobre la generación de docs.
-
-## 0.0.2
-
-* Modularización del componente.
-* Agregados: buttons, mini-buttons, bubbles y arrows.
-* Creación de la documentación.
-
-## 0.0.1
-
-* Versión inicial.
-* Agregadas las variables de la marca Despegar y clearfix.

data/docs/build/md/components/accordions.md

@@ -1,97 +0,0 @@
-## Accordions
-
-Para mostrar información en espacios reducidos.
-
-### Ejemplos
-
-#### Ejemplo 1
-
-<div class="accordion-demo-1">
-
-	<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>
-	
-</div>
-
-#### Ejemplo 2
-
-<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>
-	
-</div>
-
-### HTML
-
-```html
-<div class="accordion">
-	<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>
-```
-
-> **Nota**: Para tener un header cerrado se utiliza la clase `accordion-header-close`. El componente no incluye las funciones JavaScript para ocultar y mostrar el contenido de cada acorde&oacute;n.
-
-### Sass
-
-Importaci&oacute;n:
-
-```css
-@import "picasso/components/accordions";
-```
-
-Mixin con los par&aacute;metros por defecto:
-
-```css
-.accordion {
-	@include accordion();	
-}
-```
-
-Mixin con par&aacute;metros personalizados. Disponibles: alto, background del t&iacute;tulo, color del t&iacute;tulo:
-
-```css
-.accordion {
-	@include accordion(40px, #CCCCCC, #000000);
-}
-```

data/docs/build/md/components/arrows.md

@@ -1,53 +0,0 @@
-## Arrows
-
-Excelentes para avisos importantes.
-
-### Ejemplos
-
-<em class="arrow-demo-1">
-	Informaci&oacute;n
-</em>
-
-<em class="arrow-demo-2">
-	Importante
-</em>
-
-<em class="arrow-demo-3">
-	Leer
-</em>
-
-<em class="arrow-demo-4">
-	Aceptado
-</em>
-
-### HTML
-
-```html
-<em class="arrow">
-	Beneficio
-</em>
-```
-
-### Sass
-
-Importaci&oacute;n:
-
-```css
-@import "picasso/components/arrows";
-```
-
-Mixin con los par&aacute;metros por defecto:
-
-```css
-.arrow{
-	@include arrow();
-}
-```
-
-Mixin con par&aacute;metros personalizados. Disponibles: background y color:
-
-```css
-.arrow{
-	@include arrow(green, white);
-}
-```

data/docs/build/md/components/bubbles.md

@@ -1,57 +0,0 @@
-## Bubbles
-
-Ideales para citar comentarios de clientes.
-
-### Ejemplos
-
-#### Ejemplo 1
-
-<div class="bubble-demo-1">
-	<blockquote>
-		This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation.
-	</blockquote>
-</div>
-
-#### Ejemplo 2
-
-<div class="bubble-demo-2">
-	<h4>This is a long title. This is a long title. This is a long title. This is a long title. This is a long title.</h4>
-	<blockquote>
-		This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation.
-	</blockquote>
-</div>
-
-### HTML
-
-```html
-<div class="bubble">
-	<h4>This is a optional title</h4>
-	<blockquote>
-		This is a long quotation. This is a long quotation.
-	</blockquote>
-</div>
-```
-
-### Sass
-
-Importaci&oacute;n:
-
-```css
-@import "picasso/components/bubbles";
-```
-
-Mixin con los par&aacute;metros por defecto:
-
-```css
-.bubble{
-	@include bubble();
-}
-```
-
-Mixin con par&aacute;metros personalizados. Disponibles: ancho, background, color, utilizar ellipsis, posici&oacute;n de la ellipsis:
-
-```css
-.bubble{
-	@include bubble(200px, blue, white, true, left);
-}
-```

data/docs/build/md/components/buttons.md

@@ -1,205 +0,0 @@
-## Buttons
-
-Disponibles en 3 versiones: 3D, Glossy y Mini.
-
-#### Sass
-
-Importación:
-
-```css
-@import "picasso/components/buttons";
-```
-
-### 3D Buttons
-
-#### Ejemplos
-
-##### Normales
-
-<a class="button-3d-demo-1">
-	<span>Comprar</span>
-</a>
-<a class="button-3d-demo-2">
-	<span>Buscar</span>
-</a>
-<a class="button-3d-demo-3">
-	<span>Reservar</span>
-</a>
-
-##### Desactivados
-
-<a class="button-3d-demo-1 disabled">
-	<span>Comprar</span>
-</a>
-<a class="button-3d-demo-2 disabled">
-	<span>Buscar</span>
-</a>
-<a class="button-3d-demo-3 disabled">
-	<span>Reservar</span>
-</a>
-
-##### Variante: ancho 100%
-
-<a class="button-3d-demo-4">
-	<span>Bot&oacute;n full-width</span>
-</a>
-
-##### Variante: bordes redondeados 100%
-
-<a class="button-3d-demo-5">
-	<span>Bot&oacute;n redondeado</span>
-</a>
-<a class="button-3d-demo-5 disabled">
-	<span>Bot&oacute;n redondeado disabled</span>
-</a>
-
-
-#### HTML
-
-```html
-<a class="button" href="#">
-	<span>Comprar</span>
-</a>
-
-<a class="button disabled" href="#">
-	<span>Agotado</span>
-</a>
-```
-
-#### Sass
-
-Mixin con los par&aacute;metros por defecto:
-
-```css
-.button{
-	@include button-3d();
-}
-```
-
-Mixin con par&aacute;metros personalizados. Disponibles: background, color, font-size, full-width y rounded:
-
-```css
-.button{
-	@include button-3d(red, white, 24px, true, true);
-}
-```
-
-#### Fallback para IE
-
-La estrategia de los botones es siempre graceful degradation.
-
-
-
-### Glossy Buttons
-
-#### Ejemplos
-
-<a class="button-glossy-demo-1">
-	<span>Comprar</span>
-</a>
-<a class="button-glossy-demo-2">
-	<span>Buscar</span>
-</a>
-<a class="button-glossy-demo-3">
-	<span>Reservar</span>
-</a>
-<a class="button-glossy-demo-4">
-	<span>Un texto demasiado largo para este bot&oacute;n</span>
-</a>
-
-#### HTML
-
-```html
-<a class="button" href="#">
-	<span>Comprar</span>
-</a>
-```
-
-Mixin con los par&aacute;metros por defecto:
-
-```css
-.button{
-	@include button-glossy();
-}
-```
-
-Mixin con par&aacute;metros personalizados. Disponibles: ancho, alto, background y color:
-
-```css
-.button{
-	@include button-glossy(100px, 30px, red, white);
-}
-```
-
-#### Fallback para IE
-
-Variable y valor por defecto:
-
-```css
-$button-glossy-ie-fallback: "sprites";
-```
-
-Estrategias soportadas: 
-
-* `sprites`
-* `GD`
-
-
-
-### Mini Buttons
-
-Perfectos para acciones simples en la interfaz.
-
-#### Ejemplos
-
-<a class="button-mini-demo-1">
-	<span>Limpiar</span>
-</a>
-<a class="button-mini-demo-2">
-	<span>Abrir</span>
-</a>
-<a class="button-mini-demo-3">
-	<span>Descargar</span>
-</a>
-<a class="button-mini-demo-4">
-	<span>Ir</span>
-</a>
-
-#### HTML
-
-```html
-<a class="button" href="#">
-	<span>Limpiar</span>
-</a>
-```
-
-#### Sass
-
-Mixin con los par&aacute;metros por defecto:
-
-```css
-.button{
-	@include button-mini();
-}
-```
-
-Mixin con par&aacute;metros personalizados. Disponibles: background y color:
-
-```css
-.button{
-	@include button-mini(grey, blue);
-}
-```
-
-#### Fallback para IE
-
-Variable y valor por defecto:
-
-```css
-$button-mini-ie-fallback: "sprites";
-```
-
-Estrategias soportadas: 
-
-* `sprites`
-* `GD`