picasso 0.2.3 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. data/.gitignore +1 -0
  2. data/README.md +216 -3
  3. data/docs/_picasso.html +38 -0
  4. data/docs/config.rb +1 -1
  5. data/docs/css/{style.css → picasso-docs.css} +797 -1331
  6. data/docs/img/picasso-buttons-glossy.png +0 -0
  7. data/docs/img/picasso-nav.png +0 -0
  8. data/docs/img/picasso-popup.png +0 -0
  9. data/docs/index.html +201 -198
  10. data/docs/picasso-_components.html +83 -0
  11. data/docs/picasso-_despegar.html +34 -0
  12. data/docs/picasso-_utils.html +40 -0
  13. data/docs/picasso-components-_accordions.html +183 -0
  14. data/docs/picasso-components-_arrows.html +124 -0
  15. data/docs/picasso-components-_bubbles.html +142 -0
  16. data/docs/picasso-components-_buttons.html +38 -0
  17. data/docs/picasso-components-_inputs.html +122 -0
  18. data/docs/picasso-components-_list-grids.html +253 -0
  19. data/docs/picasso-components-_mini-tooltips.html +152 -0
  20. data/docs/picasso-components-_navs.html +360 -0
  21. data/docs/picasso-components-_pagination.html +258 -0
  22. data/docs/picasso-components-_popups.html +359 -0
  23. data/docs/picasso-components-buttons-_3d.html +284 -0
  24. data/docs/picasso-components-buttons-_glossy.html +290 -0
  25. data/docs/picasso-components-buttons-_mini.html +224 -0
  26. data/docs/picasso-despegar-_variables.html +145 -0
  27. data/docs/picasso-utils-_clearfix.html +56 -0
  28. data/docs/picasso-utils-_grid.html +390 -0
  29. data/docs/picasso-utils-_ie.html +50 -0
  30. data/docs/picasso-utils-_sprite.html +62 -0
  31. data/docs/resources/docs.jade +46 -0
  32. data/docs/resources/docs.js +52 -0
  33. data/docs/sass/{style.scss → picasso-docs.scss} +71 -96
  34. data/lib/picasso/version.rb +1 -1
  35. data/picasso.gemspec +1 -1
  36. data/stylesheets/_picasso.scss +14 -0
  37. data/stylesheets/picasso/_components.scss +54 -0
  38. data/stylesheets/picasso/_despegar.scss +12 -0
  39. data/stylesheets/picasso/_utils.scss +17 -1
  40. data/stylesheets/picasso/components/_accordions.scss +52 -2
  41. data/stylesheets/picasso/components/_arrows.scss +39 -2
  42. data/stylesheets/picasso/components/_bubbles.scss +36 -2
  43. data/stylesheets/picasso/components/_buttons.scss +14 -0
  44. data/stylesheets/picasso/components/_inputs.scss +41 -2
  45. data/stylesheets/picasso/components/_list-grids.scss +84 -3
  46. data/stylesheets/picasso/components/_mini-tooltips.scss +128 -0
  47. data/stylesheets/picasso/components/_navs.scss +52 -2
  48. data/stylesheets/picasso/components/_pagination.scss +63 -2
  49. data/stylesheets/picasso/components/_popups.scss +73 -2
  50. data/stylesheets/picasso/components/buttons/_3d.scss +75 -2
  51. data/stylesheets/picasso/components/buttons/_glossy.scss +41 -2
  52. data/stylesheets/picasso/components/buttons/_mini.scss +44 -2
  53. data/stylesheets/picasso/despegar/_variables.scss +61 -60
  54. data/stylesheets/picasso/utils/_clearfix.scss +24 -16
  55. data/stylesheets/picasso/utils/_grid.scss +269 -0
  56. data/stylesheets/picasso/utils/_ie.scss +23 -28
  57. data/stylesheets/picasso/utils/_sprite.scss +15 -3
  58. metadata +34 -50
  59. data/docs/accordions.html +0 -276
  60. data/docs/all.html +0 -1588
  61. data/docs/arrows.html +0 -233
  62. data/docs/bubbles.html +0 -231
  63. data/docs/build/manifest.json +0 -21
  64. data/docs/build/md/changelog.md +0 -53
  65. data/docs/build/md/components/accordions.md +0 -97
  66. data/docs/build/md/components/arrows.md +0 -53
  67. data/docs/build/md/components/bubbles.md +0 -57
  68. data/docs/build/md/components/buttons.md +0 -205
  69. data/docs/build/md/components/components.md +0 -37
  70. data/docs/build/md/components/inputs.md +0 -73
  71. data/docs/build/md/components/list-grids.md +0 -180
  72. data/docs/build/md/components/navs.md +0 -107
  73. data/docs/build/md/components/pagination.md +0 -112
  74. data/docs/build/md/components/popups.md +0 -162
  75. data/docs/build/md/despegar/despegar.md +0 -200
  76. data/docs/build/md/intro.md +0 -59
  77. data/docs/build/md/mejoras.md +0 -69
  78. data/docs/build/md/todo.md +0 -14
  79. data/docs/build/md/utils/utils.md +0 -62
  80. data/docs/build/templates/index.html +0 -37
  81. data/docs/build/templates/layout.html +0 -68
  82. data/docs/build/templates/page.html +0 -3
  83. data/docs/buttons.html +0 -357
  84. data/docs/changelog.html +0 -264
  85. data/docs/components.html +0 -220
  86. data/docs/css/github.css +0 -88
  87. data/docs/css/markdown.css +0 -108
  88. data/docs/despegar.html +0 -377
  89. data/docs/inputs.html +0 -248
  90. data/docs/intro.html +0 -233
  91. data/docs/js/docs.js +0 -32
  92. data/docs/js/rainbow-custom.min.js +0 -13
  93. data/docs/js/viewer.js +0 -12
  94. data/docs/list-grids.html +0 -350
  95. data/docs/mejoras.html +0 -250
  96. data/docs/navs.html +0 -281
  97. data/docs/pagination.html +0 -286
  98. data/docs/popups.html +0 -337
  99. data/docs/todo.html +0 -204
  100. data/docs/utils.html +0 -233
data/docs/js/docs.js DELETED
@@ -1,32 +0,0 @@
1
-
2
- $(document).ready(function() {
3
-
4
- $codesTags = $('pre code');
5
-
6
- $codesTags.each(function(idx, el) {
7
-
8
- var $el = $(el);
9
- var _class = $el.attr('class');
10
- var lang = _class.split('-');
11
- lang = lang[1];
12
- $el.attr('data-language', lang);
13
-
14
- });
15
-
16
- // accordions
17
- $('.accordion-header').click(function() {
18
- var accordionHeader = $(this);
19
- var content = accordionHeader.parent().find('.accordion-content');
20
-
21
- content.slideToggle('fast');
22
-
23
- if (accordionHeader.hasClass('accordion-header-open')) {
24
- accordionHeader.removeClass('accordion-header-open');
25
- accordionHeader.addClass('accordion-header-close');
26
- } else {
27
- accordionHeader.removeClass('accordion-header-close');
28
- accordionHeader.addClass('accordion-header-open');
29
- }
30
- });
31
-
32
- });
@@ -1,13 +0,0 @@
1
- /* Rainbow v1.1.8 rainbowco.de | included languages: generic, javascript, html, css */
2
- window.Rainbow=function(){function q(a){var b,c=a.getAttribute&&a.getAttribute("data-language")||0;if(!c){a=a.attributes;for(b=0;b<a.length;++b)if("data-language"===a[b].nodeName)return a[b].nodeValue}return c}function B(a){var b=q(a)||q(a.parentNode);if(!b){var c=/\blang(?:uage)?-(\w+)/;(a=a.className.match(c)||a.parentNode.className.match(c))&&(b=a[1])}return b}function C(a,b){for(var c in e[d]){c=parseInt(c,10);if(a==c&&b==e[d][c]?0:a<=c&&b>=e[d][c])delete e[d][c],delete j[d][c];if(a>=c&&a<e[d][c]||
3
- b>c&&b<e[d][c])return!0}return!1}function r(a,b){return'<span class="'+a.replace(/\./g," ")+(l?" "+l:"")+'">'+b+"</span>"}function s(a,b,c,h){var f=a.exec(c);if(f){++t;!b.name&&"string"==typeof b.matches[0]&&(b.name=b.matches[0],delete b.matches[0]);var k=f[0],i=f.index,u=f[0].length+i,g=function(){function f(){s(a,b,c,h)}t%100>0?f():setTimeout(f,0)};if(C(i,u))g();else{var m=v(b.matches),l=function(a,c,h){if(a>=c.length)h(k);else{var d=f[c[a]];if(d){var e=b.matches[c[a]],i=e.language,g=e.name&&e.matches?
4
- e.matches:e,j=function(b,d,e){var i;i=0;var g;for(g=1;g<c[a];++g)f[g]&&(i=i+f[g].length);d=e?r(e,d):d;k=k.substr(0,i)+k.substr(i).replace(b,d);l(++a,c,h)};i?n(d,i,function(a){j(d,a)}):typeof e==="string"?j(d,d,e):w(d,g.length?g:[g],function(a){j(d,a,e.matches?e.name:0)})}else l(++a,c,h)}};l(0,m,function(a){b.name&&(a=r(b.name,a));if(!j[d]){j[d]={};e[d]={}}j[d][i]={replace:f[0],"with":a};e[d][i]=u;g()})}}else h()}function v(a){var b=[],c;for(c in a)a.hasOwnProperty(c)&&b.push(c);return b.sort(function(a,
5
- b){return b-a})}function w(a,b,c){function h(b,k){k<b.length?s(b[k].pattern,b[k],a,function(){h(b,++k)}):D(a,function(a){delete j[d];delete e[d];--d;c(a)})}++d;h(b,0)}function D(a,b){function c(a,b,h,e){if(h<b.length){++x;var g=b[h],l=j[d][g],a=a.substr(0,g)+a.substr(g).replace(l.replace,l["with"]),g=function(){c(a,b,++h,e)};0<x%250?g():setTimeout(g,0)}else e(a)}var h=v(j[d]);c(a,h,0,b)}function n(a,b,c){var d=m[b]||[],f=m[y]||[],b=z[b]?d:d.concat(f);w(a.replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/&(?![\w\#]+;)/g,
6
- "&amp;"),b,c)}function o(a,b,c){if(b<a.length){var d=a[b],f=B(d);return!(-1<(" "+d.className+" ").indexOf(" rainbow "))&&f?(f=f.toLowerCase(),d.className+=d.className?" rainbow":"rainbow",n(d.innerHTML,f,function(k){d.innerHTML=k;j={};e={};p&&p(d,f);setTimeout(function(){o(a,++b,c)},0)})):o(a,++b,c)}c&&c()}function A(a,b){var a=a&&"function"==typeof a.getElementsByTagName?a:document,c=a.getElementsByTagName("pre"),d=a.getElementsByTagName("code"),f,e=[];for(f=0;f<d.length;++f)e.push(d[f]);for(f=0;f<
7
- c.length;++f)c[f].getElementsByTagName("code").length||e.push(c[f]);o(e,0,b)}var j={},e={},m={},z={},d=0,y=0,t=0,x=0,l,p;return{extend:function(a,b,c){1==arguments.length&&(b=a,a=y);z[a]=c;m[a]=b.concat(m[a]||[])},b:function(a){p=a},a:function(a){l=a},color:function(a,b,c){if("string"==typeof a)return n(a,b,c);if("function"==typeof a)return A(0,a);A(a,b)}}}();window.addEventListener?window.addEventListener("load",Rainbow.color,!1):window.attachEvent("onload",Rainbow.color);Rainbow.onHighlight=Rainbow.b;
8
- Rainbow.addClass=Rainbow.a;Rainbow.extend([{matches:{1:{name:"keyword.operator",pattern:/\=/g},2:{name:"string",matches:{name:"constant.character.escape",pattern:/\\('|"){1}/g}}},pattern:/(\(|\s|\[|\=|:)(('|")([^\\\1]|\\.)*?(\3))/gm},{name:"comment",pattern:/\/\*[\s\S]*?\*\/|(\/\/|\#)[\s\S]*?$/gm},{name:"constant.numeric",pattern:/\b(\d+(\.\d+)?(e(\+|\-)?\d+)?(f|d)?|0x[\da-f]+)\b/gi},{matches:{1:"keyword"},pattern:/\b(and|array|as|bool(ean)?|c(atch|har|lass|onst)|d(ef|elete|o(uble)?)|e(cho|lse(if)?|xit|xtends|xcept)|f(inally|loat|or(each)?|unction)|global|if|import|int(eger)?|long|new|object|or|pr(int|ivate|otected)|public|return|self|st(ring|ruct|atic)|switch|th(en|is|row)|try|(un)?signed|var|void|while)(?=\(|\b)/gi},
9
- {name:"constant.language",pattern:/true|false|null/g},{name:"keyword.operator",pattern:/\+|\!|\-|&(gt|lt|amp);|\||\*|\=/g},{matches:{1:"function.call"},pattern:/(\w+?)(?=\()/g},{matches:{1:"storage.function",2:"entity.name.function"},pattern:/(function)\s(.*?)(?=\()/g}]);Rainbow.extend("javascript",[{name:"selector",pattern:/(\s|^)\$(?=\.|\()/g},{name:"support",pattern:/\b(window|document)\b/g},{matches:{1:"support.property"},pattern:/\.(length|node(Name|Value))\b/g},{matches:{1:"support.function"},pattern:/(setTimeout|setInterval)(?=\()/g},{matches:{1:"support.method"},pattern:/\.(getAttribute|push|getElementById|getElementsByClassName|log|setTimeout|setInterval)(?=\()/g},{matches:{1:"support.tag.script",2:[{name:"string",pattern:/('|")(.*?)(\1)/g},{name:"entity.tag.script",
10
- pattern:/(\w+)/g}],3:"support.tag.script"},pattern:/(&lt;\/?)(script.*?)(&gt;)/g},{name:"string.regexp",matches:{1:"string.regexp.open",2:{name:"constant.regexp.escape",pattern:/\\(.){1}/g},3:"string.regexp.close",4:"string.regexp.modifier"},pattern:/(\/)(?!\*)(.+)(\/)([igm]{0,3})/g},{matches:{1:"storage",3:"entity.function"},pattern:/(var)?(\s|^)(.*)(?=\s?=\s?function\()/g},{name:"entity.function",pattern:/(\w+)(?=:\s{0,}function)/g}]);Rainbow.extend("html",[{name:"source.php.embedded",matches:{2:{language:"php"}},pattern:/&lt;\?=?(?!xml)(php)?([\s\S]*?)(\?&gt;)/gm},{name:"source.css.embedded",matches:{"0":{language:"css"}},pattern:/&lt;style(.*?)&gt;([\s\S]*?)&lt;\/style&gt;/gm},{name:"source.js.embedded",matches:{"0":{language:"javascript"}},pattern:/&lt;script(?! src)(.*?)&gt;([\s\S]*?)&lt;\/script&gt;/gm},{name:"comment.html",pattern:/&lt;\!--[\S\s]*?--&gt;/g},{matches:{1:"support.tag.open",2:"support.tag.close"},pattern:/(&lt;)|(\/?\??&gt;)/g},
11
- {name:"support.tag",matches:{1:"support.tag",2:"support.tag.special",3:"support.tag-name"},pattern:/(&lt;\??)(\/|\!?)(\w+)/g},{matches:{1:"support.attribute"},pattern:/([a-z-]+)(?=\=)/g},{matches:{1:"support.operator",2:"string.quote",3:"string.value",4:"string.quote"},pattern:/(=)('|")(.*?)(\2)/g},{matches:{1:"support.operator",2:"support.value"},pattern:/(=)([a-zA-Z\-0-9]*)\b/g},{matches:{1:"support.attribute"},pattern:/\s(\w+)(?=\s|&gt;)(?![\s\S]*&lt;)/g}],!0);Rainbow.extend("css",[{name:"comment",pattern:/\/\*[\s\S]*?\*\//gm},{name:"constant.hex-color",pattern:/#([a-f0-9]{3}|[a-f0-9]{6})(?=;|\s)/gi},{matches:{1:"constant.numeric",2:"keyword.unit"},pattern:/(\d+)(px|em|cm|s|%)?/g},{name:"string",pattern:/('|")(.*?)\1/g},{name:"support.css-property",matches:{1:"support.vendor-prefix"},pattern:/(-o-|-moz-|-webkit-|-ms-)?[\w-]+(?=\s?:)(?!.*\{)/g},{matches:{1:[{name:"entity.name.sass",pattern:/&amp;/g},{name:"direct-descendant",pattern:/&gt;/g},{name:"entity.name.class",
12
- pattern:/\.[\w\-_]+/g},{name:"entity.name.id",pattern:/\#[\w\-_]+/g},{name:"entity.name.pseudo",pattern:/:[\w\-_]+/g},{name:"entity.name.tag",pattern:/\w+/g}]},pattern:/([\w\ ,:\.\#\&\;\-_]+)(?=.*\{)/g},{matches:{2:"support.vendor-prefix",3:"support.css-value"},pattern:/(:|,)\s?(-o-|-moz-|-webkit-|-ms-)?([a-zA-Z-]*)(?=\b)(?!.*\{)/g},{matches:{1:"support.tag.style",2:[{name:"string",pattern:/('|")(.*?)(\1)/g},{name:"entity.tag.style",pattern:/(\w+)/g}],3:"support.tag.style"},pattern:/(&lt;\/?)(style.*?)(&gt;)/g}],
13
- !0);
data/docs/js/viewer.js DELETED
@@ -1,12 +0,0 @@
1
- (function() {
2
-
3
- $(function() {
4
- $('#content pre code').each(function(i, el) {
5
- return hljs.highlightBlock(el);
6
- });
7
- if (window.location.search.indexOf('print') !== -1) {
8
- return window.print();
9
- }
10
- });
11
-
12
- }).call(this);
data/docs/list-grids.html DELETED
@@ -1,350 +0,0 @@
1
- <!DOCTYPE html>
2
- <!--[if IE 7]> <html class="ie7"> <![endif]-->
3
- <!--[if IE 8]> <html class="ie8"> <![endif]-->
4
- <!--[if IE 9]> <html class="ie9"> <![endif]-->
5
- <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
6
-
7
- <head>
8
- <meta charset="utf-8">
9
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
10
- <title>Picasso. Framework CSS/Sass.</title>
11
-
12
- <link type="text/css" rel="stylesheet" href="./css/markdown.css">
13
- <link type="text/css" rel="stylesheet" href="./css/github.css">
14
- <link type="text/css" rel="stylesheet" href="./css/style.css">
15
- </head>
16
-
17
- <body>
18
-
19
-
20
- <header>
21
- <img src="img/picasso.png" />
22
- <h1 class="title">Framework CSS/Sass.</h1>
23
- </header>
24
-
25
-
26
-
27
-
28
- <hr>
29
-
30
- <h2>Contenidos</h2>
31
-
32
- <aside>
33
- <nav>
34
- <ol>
35
-
36
- <li>
37
- <a href="./intro.html#introduccioacuten">Introducci&amp;oacute;n</a>
38
-
39
- <ol>
40
-
41
- <li><a href="./intro.html#repositorio">Repositorio</a></li>
42
-
43
- <li><a href="./intro.html#instalacioacuten">Instalaci&amp;oacute;n</a></li>
44
-
45
- <li><a href="./intro.html#actualizacioacuten">Actualizaci&amp;oacute;n</a></li>
46
-
47
- <li><a href="./intro.html#opcional-instalacioacuten-de-oily-png">Opcional: Instalaci&amp;oacute;n de oily_png</a></li>
48
-
49
- </ol>
50
-
51
- </li>
52
-
53
- <li>
54
- <a href="./changelog.html#changelog">Changelog</a>
55
-
56
- <ol>
57
-
58
- <li><a href="./changelog.html#023">0.2.3</a></li>
59
-
60
- <li><a href="./changelog.html#022">0.2.2</a></li>
61
-
62
- <li><a href="./changelog.html#021">0.2.1</a></li>
63
-
64
- <li><a href="./changelog.html#020">0.2.0</a></li>
65
-
66
- <li><a href="./changelog.html#010">0.1.0</a></li>
67
-
68
- <li><a href="./changelog.html#003">0.0.3</a></li>
69
-
70
- <li><a href="./changelog.html#002">0.0.2</a></li>
71
-
72
- <li><a href="./changelog.html#001">0.0.1</a></li>
73
-
74
- </ol>
75
-
76
- </li>
77
-
78
- <li>
79
- <a href="./todo.html#todo">Todo</a>
80
-
81
- <ol>
82
-
83
- <li><a href="./todo.html#componentes">Componentes</a></li>
84
-
85
- <li><a href="./todo.html#utilidades">Utilidades</a></li>
86
-
87
- <li><a href="./todo.html#otros">Otros</a></li>
88
-
89
- </ol>
90
-
91
- </li>
92
-
93
- <li>
94
- <a href="./mejoras.html#mejoras-antildeadidos">Mejoras / A&amp;ntilde;adidos</a>
95
-
96
- <ol>
97
-
98
- <li><a href="./mejoras.html#utilizar-el-coacutedigo-fuente">Utilizar el c&amp;oacute;digo fuente</a></li>
99
-
100
- <li><a href="./mejoras.html#pruebas-locales-de-nuevos-antildeadidos-cambios">Pruebas locales de nuevos a&amp;ntilde;adidos/cambios:</a></li>
101
-
102
- <li><a href="./mejoras.html#subidas-en-el-repositorio">Subidas en el repositorio</a></li>
103
-
104
- <li><a href="./mejoras.html#generar-la-documentacioacuten">Generar la documentaci&amp;oacute;n</a></li>
105
-
106
- </ol>
107
-
108
- </li>
109
-
110
- <li>
111
- <a href="./components.html#components">Components</a>
112
-
113
- <ol>
114
-
115
- <li><a href="./components.html#componentes-disponibles">Componentes disponibles</a></li>
116
-
117
- <li><a href="./buttons.html#buttons">Buttons</a></li>
118
-
119
- <li><a href="./inputs.html#inputs">Inputs</a></li>
120
-
121
- <li><a href="./navs.html#navs">Navs</a></li>
122
-
123
- <li><a href="./list-grids.html#list-grid">List Grid</a></li>
124
-
125
- <li><a href="./arrows.html#arrows">Arrows</a></li>
126
-
127
- <li><a href="./pagination.html#pagination">Pagination</a></li>
128
-
129
- <li><a href="./bubbles.html#bubbles">Bubbles</a></li>
130
-
131
- <li><a href="./popups.html#popups">Popups</a></li>
132
-
133
- <li><a href="./accordions.html#accordions">Accordions</a></li>
134
-
135
- </ol>
136
-
137
- </li>
138
-
139
- <li>
140
- <a href="./utils.html#utils">Utils</a>
141
-
142
- <ol>
143
-
144
- <li><a href="./utils.html#clearfix">Clearfix</a></li>
145
-
146
- <li><a href="./utils.html#ie">IE</a></li>
147
-
148
- <li><a href="./utils.html#sprite">Sprite</a></li>
149
-
150
- </ol>
151
-
152
- </li>
153
-
154
- <li>
155
- <a href="./despegar.html#despegar">Despegar</a>
156
-
157
- <ol>
158
-
159
- <li><a href="./despegar.html#variables">Variables</a></li>
160
-
161
- </ol>
162
-
163
- </li>
164
-
165
- </ol>
166
- </nav>
167
- </aside>
168
-
169
-
170
-
171
- <hr>
172
-
173
- <article>
174
- <a name="list-grid"></a><h2>List Grid</h2>
175
- <p>Para mostrar datos en una grilla utilizando listas.
176
-
177
- </p>
178
- <a name="ejemplos"></a><h3>Ejemplos</h3>
179
- <a name="ejemplo-1"></a><h4>Ejemplo 1</h4>
180
- <p>
181
- <div class="list-grid-demo-1">
182
- <ul class="first first-column">
183
- <li class="first odd"></li>
184
- <li>30 min</li>
185
- <li class="odd">60 min</li>
186
- <li>90 min</li>
187
- </ul>
188
- <ul>
189
- <li class="first odd">Vuelo DL - 110</li>
190
- <li class="hover-cell">0%</li>
191
- <li class="odd hover-cell">10%</li>
192
- <li class="hover-cell">0%</li>
193
- </ul>
194
- <ul>
195
- <li class="first odd">Vuelo DD - 112</li>
196
- <li class="hover-cell">10%</li>
197
- <li class="odd hover-cell">10%</li>
198
- <li class="hover-cell">0%</li>
199
- </ul>
200
- <ul>
201
- <li class="first odd">Vuelo DL - 50</li>
202
- <li class="hover-cell">30%</li>
203
- <li class="odd hover-cell">20%</li>
204
- <li class="hover-cell">5%</li>
205
- </ul>
206
- </div>
207
- </p>
208
-
209
- <a name="ejemplo-2"></a><h4>Ejemplo 2</h4>
210
- <p>
211
- <div class="list-grid-demo-2">
212
- <ul>
213
- <li class="hover-cell">Vuelo 1 - Sale <b>18:00</b> LLega <b>21:00</b> 1 Escala</li>
214
- <li class="hover-cell">Vuelo 2 - Sale <b>18:00</b> LLega <b>22:00</b> 2 Escala</li>
215
- <li class="hover-cell">Vuelo 3 - Sale <b>18:00</b> LLega <b>20:00</b> Directo</li>
216
- <li class="hover-cell">Vuelo 4 - Sale <b>18:00</b> LLega <b>21:00</b> 1 Escala</li>
217
- <li class="hover-cell">Vuelo 5 - Sale <b>18:00</b> LLega <b>20:30</b> Directo</li>
218
- </ul>
219
- </div>
220
- </p>
221
-
222
- <a name="ejemplo-3"></a><h4>Ejemplo 3</h4>
223
- <p>
224
- <div class="list-grid-demo-3">
225
- <ul class="first">
226
- <li class="first"></li>
227
- <li class="even">30 min</li>
228
- <li>60 min</li>
229
- <li class="even">90 min</li>
230
- </ul>
231
- <ul>
232
- <li class="first">Vuelo DL - 110</li>
233
- <li class="even">0%</li>
234
- <li>10%</li>
235
- <li class="even">0%</li>
236
- </ul>
237
- </div>
238
- </p>
239
-
240
- <a name="ejemplo-4"></a><h4>Ejemplo 4</h4>
241
- <p>
242
- <div class="list-grid-demo-4">
243
- <ul class="first">
244
- <li class="first"></li>
245
- <li class="even">30 min</li>
246
- <li>60 min</li>
247
- <li class="even">90 min</li>
248
- </ul>
249
- <ul>
250
- <li class="first">Vuelo DL - 110</li>
251
- <li class="hover-cell even">0%</li>
252
- <li class="hover-cell">10%</li>
253
- <li class="hover-cell even">0%</li>
254
- </ul>
255
- <ul>
256
- <li class="first">Vuelo DL - 25</li>
257
- <li class="hover-cell even">10%</li>
258
- <li></li>
259
- <li class="hover-cell even">6%</li>
260
- </ul>
261
- </div>
262
- </p>
263
-
264
- <a name="html"></a><h3>HTML</h3>
265
- <pre><code class="lang-html">&lt;div class=&quot;list-grid&quot;&gt;
266
- &lt;ul&gt;
267
- &lt;li&gt;&lt;/li&gt;
268
- &lt;li&gt;Lorem&lt;/li&gt;
269
- &lt;li&gt;Ipsum&lt;/li&gt;
270
- &lt;li&gt;Dolorem&lt;/li&gt;
271
- &lt;/ul&gt;
272
- &lt;ul&gt;
273
- &lt;li&gt;Donec&lt;/li&gt;
274
- &lt;li class=&quot;hover-cell&quot;&gt;Nullam&lt;/li&gt;
275
- &lt;li class=&quot;hover-cell&quot;&gt;Morbi&lt;/li&gt;
276
- &lt;li class=&quot;hover-cell&quot;&gt;Praesent&lt;/li&gt;
277
- &lt;/ul&gt;
278
- &lt;/div&gt;</code></pre>
279
- <blockquote>
280
- <p><strong>Nota</strong>: La clase &quot;hover-cell&quot; es utilizada para indicar cuando una celda reacciona ante el hover.
281
-
282
- </p>
283
- </blockquote>
284
- <a name="sass"></a><h3>Sass</h3>
285
- <pre><code class="lang-css">@import &quot;picasso/components/list-grids&quot;;
286
-
287
- // Con valores por defecto
288
- .text-input {
289
- @include list-grid();
290
- }
291
-
292
- // Con todos los parametros: cell-width, cell-height, border-color, odd-color, even-color, hover-color
293
-
294
- .text-input {
295
- @include list-grid(150px, 40px, #999999, #FFFFFF, #319fda, #ff0000);
296
- }</code></pre>
297
- <p>Importaci&oacute;n:
298
-
299
- </p>
300
- <pre><code class="lang-css">@import &quot;picasso/components/list-grids&quot;;</code></pre>
301
- <p>Mixin con los par&aacute;metros por defecto:
302
-
303
- </p>
304
- <pre><code class="lang-css">.list{
305
- @include list-grid();
306
- }</code></pre>
307
- <p>Mixin con par&aacute;metros personalizados. Disponibles: ancho de la celda, alto de la celda, color del borde, color para celdas impares, color para celdas pares, color para el estado hover:
308
-
309
- </p>
310
- <pre><code class="lang-css">.list{
311
- @include list-grid(150px, 40px, #999999, #FFFFFF, #319fda, #ff0000);
312
- }</code></pre>
313
- <blockquote>
314
- <p><strong>Nota</strong>: El color para el estado hover debe ser en hexadecimal.
315
-
316
- </p>
317
- </blockquote>
318
- <a name="compatibilidad-con-ie-lt-9"></a><h3>Compatibilidad con IE &lt; 9</h3>
319
- <p>Para la compatibilidad con Internet Explorer &lt; 9 se deben agregar las siguientes clases al HTML: <code>even</code>, <code>odd</code>, <code>first</code>
320
-
321
- </p>
322
- <a name="html-compatible-con-ie-lt-9"></a><h3>HTML compatible con IE &lt; 9</h3>
323
- <pre><code class="lang-html">&lt;div class=&quot;list-grid&quot;&gt;
324
- &lt;ul class=&quot;first&quot;&gt;
325
- &lt;li class=&quot;first odd&quot;&gt;&lt;/li&gt;
326
- &lt;li class=&quot;even&quot;&gt;30 min&lt;/li&gt;
327
- &lt;li class=&quot;odd&quot;&gt;60 min&lt;/li&gt;
328
- &lt;li class=&quot;even&quot;&gt;90 min&lt;/li&gt;
329
- &lt;/ul&gt;
330
- &lt;ul&gt;
331
- &lt;li class=&quot;first odd&quot;&gt;Vuelo DL - 110&lt;/li&gt;
332
- &lt;li class=&quot;even&quot;&gt;0%&lt;/li&gt;
333
- &lt;li class=&quot;odd&quot;&gt;10%&lt;/li&gt;
334
- &lt;li class=&quot;even&quot;&gt;0%&lt;/li&gt;
335
- &lt;/ul&gt;
336
- &lt;/div&gt;</code></pre>
337
-
338
- </article>
339
-
340
-
341
- <footer>
342
- </footer>
343
-
344
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
345
- <script src="./js/docs.js"></script>
346
- <script src="./js/rainbow-custom.min.js"></script>
347
-
348
- </body>
349
-
350
- </html>
data/docs/mejoras.html DELETED
@@ -1,250 +0,0 @@
1
- <!DOCTYPE html>
2
- <!--[if IE 7]> <html class="ie7"> <![endif]-->
3
- <!--[if IE 8]> <html class="ie8"> <![endif]-->
4
- <!--[if IE 9]> <html class="ie9"> <![endif]-->
5
- <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
6
-
7
- <head>
8
- <meta charset="utf-8">
9
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
10
- <title>Picasso. Framework CSS/Sass.</title>
11
-
12
- <link type="text/css" rel="stylesheet" href="./css/markdown.css">
13
- <link type="text/css" rel="stylesheet" href="./css/github.css">
14
- <link type="text/css" rel="stylesheet" href="./css/style.css">
15
- </head>
16
-
17
- <body>
18
-
19
-
20
- <header>
21
- <img src="img/picasso.png" />
22
- <h1 class="title">Framework CSS/Sass.</h1>
23
- </header>
24
-
25
-
26
-
27
-
28
- <hr>
29
-
30
- <h2>Contenidos</h2>
31
-
32
- <aside>
33
- <nav>
34
- <ol>
35
-
36
- <li>
37
- <a href="./intro.html#introduccioacuten">Introducci&amp;oacute;n</a>
38
-
39
- <ol>
40
-
41
- <li><a href="./intro.html#repositorio">Repositorio</a></li>
42
-
43
- <li><a href="./intro.html#instalacioacuten">Instalaci&amp;oacute;n</a></li>
44
-
45
- <li><a href="./intro.html#actualizacioacuten">Actualizaci&amp;oacute;n</a></li>
46
-
47
- <li><a href="./intro.html#opcional-instalacioacuten-de-oily-png">Opcional: Instalaci&amp;oacute;n de oily_png</a></li>
48
-
49
- </ol>
50
-
51
- </li>
52
-
53
- <li>
54
- <a href="./changelog.html#changelog">Changelog</a>
55
-
56
- <ol>
57
-
58
- <li><a href="./changelog.html#023">0.2.3</a></li>
59
-
60
- <li><a href="./changelog.html#022">0.2.2</a></li>
61
-
62
- <li><a href="./changelog.html#021">0.2.1</a></li>
63
-
64
- <li><a href="./changelog.html#020">0.2.0</a></li>
65
-
66
- <li><a href="./changelog.html#010">0.1.0</a></li>
67
-
68
- <li><a href="./changelog.html#003">0.0.3</a></li>
69
-
70
- <li><a href="./changelog.html#002">0.0.2</a></li>
71
-
72
- <li><a href="./changelog.html#001">0.0.1</a></li>
73
-
74
- </ol>
75
-
76
- </li>
77
-
78
- <li>
79
- <a href="./todo.html#todo">Todo</a>
80
-
81
- <ol>
82
-
83
- <li><a href="./todo.html#componentes">Componentes</a></li>
84
-
85
- <li><a href="./todo.html#utilidades">Utilidades</a></li>
86
-
87
- <li><a href="./todo.html#otros">Otros</a></li>
88
-
89
- </ol>
90
-
91
- </li>
92
-
93
- <li>
94
- <a href="./mejoras.html#mejoras-antildeadidos">Mejoras / A&amp;ntilde;adidos</a>
95
-
96
- <ol>
97
-
98
- <li><a href="./mejoras.html#utilizar-el-coacutedigo-fuente">Utilizar el c&amp;oacute;digo fuente</a></li>
99
-
100
- <li><a href="./mejoras.html#pruebas-locales-de-nuevos-antildeadidos-cambios">Pruebas locales de nuevos a&amp;ntilde;adidos/cambios:</a></li>
101
-
102
- <li><a href="./mejoras.html#subidas-en-el-repositorio">Subidas en el repositorio</a></li>
103
-
104
- <li><a href="./mejoras.html#generar-la-documentacioacuten">Generar la documentaci&amp;oacute;n</a></li>
105
-
106
- </ol>
107
-
108
- </li>
109
-
110
- <li>
111
- <a href="./components.html#components">Components</a>
112
-
113
- <ol>
114
-
115
- <li><a href="./components.html#componentes-disponibles">Componentes disponibles</a></li>
116
-
117
- <li><a href="./buttons.html#buttons">Buttons</a></li>
118
-
119
- <li><a href="./inputs.html#inputs">Inputs</a></li>
120
-
121
- <li><a href="./navs.html#navs">Navs</a></li>
122
-
123
- <li><a href="./list-grids.html#list-grid">List Grid</a></li>
124
-
125
- <li><a href="./arrows.html#arrows">Arrows</a></li>
126
-
127
- <li><a href="./pagination.html#pagination">Pagination</a></li>
128
-
129
- <li><a href="./bubbles.html#bubbles">Bubbles</a></li>
130
-
131
- <li><a href="./popups.html#popups">Popups</a></li>
132
-
133
- <li><a href="./accordions.html#accordions">Accordions</a></li>
134
-
135
- </ol>
136
-
137
- </li>
138
-
139
- <li>
140
- <a href="./utils.html#utils">Utils</a>
141
-
142
- <ol>
143
-
144
- <li><a href="./utils.html#clearfix">Clearfix</a></li>
145
-
146
- <li><a href="./utils.html#ie">IE</a></li>
147
-
148
- <li><a href="./utils.html#sprite">Sprite</a></li>
149
-
150
- </ol>
151
-
152
- </li>
153
-
154
- <li>
155
- <a href="./despegar.html#despegar">Despegar</a>
156
-
157
- <ol>
158
-
159
- <li><a href="./despegar.html#variables">Variables</a></li>
160
-
161
- </ol>
162
-
163
- </li>
164
-
165
- </ol>
166
- </nav>
167
- </aside>
168
-
169
-
170
-
171
- <hr>
172
-
173
- <article>
174
- <a name="mejoras-antildeadidos"></a><h1>Mejoras / A&ntilde;adidos</h1>
175
- <a name="utilizar-el-coacutedigo-fuente"></a><h2>Utilizar el c&oacute;digo fuente</h2>
176
- <ul>
177
- <li>Clonar el repositorio de Picasso:</li>
178
- </ul>
179
- <pre><code class="lang-bash">$ git clone git@gitorious.despegar.it:picasso/picasso.git</code></pre>
180
- <ul>
181
- <li>Pasarse al branch <code>development</code>:</li>
182
- </ul>
183
- <pre><code class="lang-bash">$ cd picasso
184
- $ git checkout --track origin/development</code></pre>
185
- <ul>
186
- <li>Verificar que se esta parado en dicho branch:</li>
187
- </ul>
188
- <pre><code class="lang-bash">$ git branch</code></pre>
189
- <a name="pruebas-locales-de-nuevos-antildeadidos-cambios"></a><h2>Pruebas locales de nuevos a&ntilde;adidos/cambios:</h2>
190
- <ul>
191
- <li>En la carpeta del proyecto donde se encuentra el archivo <code>config.rb</code>, crear una carpeta <code>extensions</code>.</li>
192
- <li>En dicha lugar copiar la carpeta <code>picasso</code> tal cual se la clon&oacute; del repositorio, de manera tal que quede <code>extensiones\picasso\&lt;archivos de picasso&gt;</code>.</li>
193
- <li>En caso que el proyecto este configurado para usar Picasso, comentar dichas lineas en el <code>config.rb</code>.</li>
194
- <li>Compass de manera predeterminada detecta las extensiones que sean guardadas en la carpeta <code>extensions</code>, por lo tanto, las directivas <code>@import &quot;picasso&quot;;</code> deber&iacute;an funcionar sin problemas.</li>
195
- </ul>
196
- <p>El n&uacute;cleo de Picasso se encuentra en la carpeta <code>stylesheets</code>. All&iacute; mismo existen tres carpetas <code>components</code>, <code>utils</code> y <code>despegar</code> en donde se alojan, de manera modularizada, los mixins y variables de cada secci&oacute;n.
197
- En caso de agregar alguna funcionalidad nueva, tomar de ejemplo alg&uacute;n componente ya existente para entender su l&oacute;gica interna.
198
-
199
- </p>
200
- <a name="subidas-en-el-repositorio"></a><h2>Subidas en el repositorio</h2>
201
- <ul>
202
- <li>Una vez realizados los cambios o a&ntilde;adidos, subirlos al repositorio:</li>
203
- </ul>
204
- <pre><code class="lang-bash">$ git status
205
- $ git add &lt;archivos a subir&gt;;
206
- $ git commit -m &quot;&lt;un mensaje descriptivo del commit&gt;&quot;
207
- $ git push</code></pre>
208
- <blockquote>
209
- <p><strong>Nota</strong>: Toda mejora o cambio debe tener su documentaci&oacute;n pertinente, caso contrario, no se incorporar&aacute;n en Picasso.
210
-
211
-
212
- </p>
213
- </blockquote>
214
- <a name="generar-la-documentacioacuten"></a><h2>Generar la documentaci&oacute;n</h2>
215
- <ul>
216
- <li><p>Para generar una nueva versi&oacute;n de la documentaci&oacute;n es necesario tener instalado node.js: <a href="http://nodejs.org/#download">http://nodejs.org/#download</a></p>
217
- </li>
218
- <li><p>Abrir una terminal e instalar <a href="http://beautifuldocs.com/">Beautiful docs</a>:</p>
219
- </li>
220
- </ul>
221
- <pre><code class="lang-bash">$ npm install https://github.com/dzignus/beautiful-docs/tarball/master -g</code></pre>
222
- <ul>
223
- <li>Crear (o actualizar) los archivos <code>.md</code> (<code>docs/build/md</code>) con la documentaci&oacute;n pertinente. En caso de agregar un nuevo archivo <code>.md</code>, actualizar el <code>manifest.json</code>. </li>
224
- </ul>
225
- <blockquote>
226
- <p><strong>Nota</strong>: Cada <code>.md</code> es un archivo de texto plano escrito con la sintaxis <a href="http://daringfireball.net/projects/markdown/basics">markdown</a>.
227
-
228
- </p>
229
- </blockquote>
230
- <ul>
231
- <li>Pararse sobre la carpeta raiz del proyecto y ejecutar:</li>
232
- </ul>
233
- <pre><code class="lang-bash">$ bfdocs --base-url=&#39;.&#39; --templates-dir=&#39;docs/build/templates/&#39; docs/build/manifest.json docs</code></pre>
234
- <ul>
235
- <li>Revisar que la documentaci&oacute;n se haya generado correctamente abriendo el archivo <code>.html</code> pertinente.</li>
236
- </ul>
237
-
238
- </article>
239
-
240
-
241
- <footer>
242
- </footer>
243
-
244
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
245
- <script src="./js/docs.js"></script>
246
- <script src="./js/rainbow-custom.min.js"></script>
247
-
248
- </body>
249
-
250
- </html>