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.
- data/.gitignore +1 -0
- data/README.md +216 -3
- data/docs/_picasso.html +38 -0
- data/docs/config.rb +1 -1
- data/docs/css/{style.css → picasso-docs.css} +797 -1331
- data/docs/img/picasso-buttons-glossy.png +0 -0
- data/docs/img/picasso-nav.png +0 -0
- data/docs/img/picasso-popup.png +0 -0
- data/docs/index.html +201 -198
- data/docs/picasso-_components.html +83 -0
- data/docs/picasso-_despegar.html +34 -0
- data/docs/picasso-_utils.html +40 -0
- data/docs/picasso-components-_accordions.html +183 -0
- data/docs/picasso-components-_arrows.html +124 -0
- data/docs/picasso-components-_bubbles.html +142 -0
- data/docs/picasso-components-_buttons.html +38 -0
- data/docs/picasso-components-_inputs.html +122 -0
- data/docs/picasso-components-_list-grids.html +253 -0
- data/docs/picasso-components-_mini-tooltips.html +152 -0
- data/docs/picasso-components-_navs.html +360 -0
- data/docs/picasso-components-_pagination.html +258 -0
- data/docs/picasso-components-_popups.html +359 -0
- data/docs/picasso-components-buttons-_3d.html +284 -0
- data/docs/picasso-components-buttons-_glossy.html +290 -0
- data/docs/picasso-components-buttons-_mini.html +224 -0
- data/docs/picasso-despegar-_variables.html +145 -0
- data/docs/picasso-utils-_clearfix.html +56 -0
- data/docs/picasso-utils-_grid.html +390 -0
- data/docs/picasso-utils-_ie.html +50 -0
- data/docs/picasso-utils-_sprite.html +62 -0
- data/docs/resources/docs.jade +46 -0
- data/docs/resources/docs.js +52 -0
- data/docs/sass/{style.scss → picasso-docs.scss} +71 -96
- data/lib/picasso/version.rb +1 -1
- data/picasso.gemspec +1 -1
- data/stylesheets/_picasso.scss +14 -0
- data/stylesheets/picasso/_components.scss +54 -0
- data/stylesheets/picasso/_despegar.scss +12 -0
- data/stylesheets/picasso/_utils.scss +17 -1
- data/stylesheets/picasso/components/_accordions.scss +52 -2
- data/stylesheets/picasso/components/_arrows.scss +39 -2
- data/stylesheets/picasso/components/_bubbles.scss +36 -2
- data/stylesheets/picasso/components/_buttons.scss +14 -0
- data/stylesheets/picasso/components/_inputs.scss +41 -2
- data/stylesheets/picasso/components/_list-grids.scss +84 -3
- data/stylesheets/picasso/components/_mini-tooltips.scss +128 -0
- data/stylesheets/picasso/components/_navs.scss +52 -2
- data/stylesheets/picasso/components/_pagination.scss +63 -2
- data/stylesheets/picasso/components/_popups.scss +73 -2
- data/stylesheets/picasso/components/buttons/_3d.scss +75 -2
- data/stylesheets/picasso/components/buttons/_glossy.scss +41 -2
- data/stylesheets/picasso/components/buttons/_mini.scss +44 -2
- data/stylesheets/picasso/despegar/_variables.scss +61 -60
- data/stylesheets/picasso/utils/_clearfix.scss +24 -16
- data/stylesheets/picasso/utils/_grid.scss +269 -0
- data/stylesheets/picasso/utils/_ie.scss +23 -28
- data/stylesheets/picasso/utils/_sprite.scss +15 -3
- metadata +34 -50
- data/docs/accordions.html +0 -276
- data/docs/all.html +0 -1588
- data/docs/arrows.html +0 -233
- data/docs/bubbles.html +0 -231
- data/docs/build/manifest.json +0 -21
- data/docs/build/md/changelog.md +0 -53
- data/docs/build/md/components/accordions.md +0 -97
- data/docs/build/md/components/arrows.md +0 -53
- data/docs/build/md/components/bubbles.md +0 -57
- data/docs/build/md/components/buttons.md +0 -205
- data/docs/build/md/components/components.md +0 -37
- data/docs/build/md/components/inputs.md +0 -73
- data/docs/build/md/components/list-grids.md +0 -180
- data/docs/build/md/components/navs.md +0 -107
- data/docs/build/md/components/pagination.md +0 -112
- data/docs/build/md/components/popups.md +0 -162
- data/docs/build/md/despegar/despegar.md +0 -200
- data/docs/build/md/intro.md +0 -59
- data/docs/build/md/mejoras.md +0 -69
- data/docs/build/md/todo.md +0 -14
- data/docs/build/md/utils/utils.md +0 -62
- data/docs/build/templates/index.html +0 -37
- data/docs/build/templates/layout.html +0 -68
- data/docs/build/templates/page.html +0 -3
- data/docs/buttons.html +0 -357
- data/docs/changelog.html +0 -264
- data/docs/components.html +0 -220
- data/docs/css/github.css +0 -88
- data/docs/css/markdown.css +0 -108
- data/docs/despegar.html +0 -377
- data/docs/inputs.html +0 -248
- data/docs/intro.html +0 -233
- data/docs/js/docs.js +0 -32
- data/docs/js/rainbow-custom.min.js +0 -13
- data/docs/js/viewer.js +0 -12
- data/docs/list-grids.html +0 -350
- data/docs/mejoras.html +0 -250
- data/docs/navs.html +0 -281
- data/docs/pagination.html +0 -286
- data/docs/popups.html +0 -337
- data/docs/todo.html +0 -204
- 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,"<").replace(/>/g,">").replace(/&(?![\w\#]+;)/g,
|
|
6
|
-
"&"),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:/(<\/?)(script.*?)(>)/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:/<\?=?(?!xml)(php)?([\s\S]*?)(\?>)/gm},{name:"source.css.embedded",matches:{"0":{language:"css"}},pattern:/<style(.*?)>([\s\S]*?)<\/style>/gm},{name:"source.js.embedded",matches:{"0":{language:"javascript"}},pattern:/<script(?! src)(.*?)>([\s\S]*?)<\/script>/gm},{name:"comment.html",pattern:/<\!--[\S\s]*?-->/g},{matches:{1:"support.tag.open",2:"support.tag.close"},pattern:/(<)|(\/?\??>)/g},
|
|
11
|
-
{name:"support.tag",matches:{1:"support.tag",2:"support.tag.special",3:"support.tag-name"},pattern:/(<\??)(\/|\!?)(\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|>)(?![\s\S]*<)/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:/&/g},{name:"direct-descendant",pattern:/>/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:/(<\/?)(style.*?)(>)/g}],
|
|
13
|
-
!0);
|
data/docs/js/viewer.js
DELETED
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&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&oacute;n</a></li>
|
|
44
|
-
|
|
45
|
-
<li><a href="./intro.html#actualizacioacuten">Actualizaci&oacute;n</a></li>
|
|
46
|
-
|
|
47
|
-
<li><a href="./intro.html#opcional-instalacioacuten-de-oily-png">Opcional: Instalaci&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&ntilde;adidos</a>
|
|
95
|
-
|
|
96
|
-
<ol>
|
|
97
|
-
|
|
98
|
-
<li><a href="./mejoras.html#utilizar-el-coacutedigo-fuente">Utilizar el c&oacute;digo fuente</a></li>
|
|
99
|
-
|
|
100
|
-
<li><a href="./mejoras.html#pruebas-locales-de-nuevos-antildeadidos-cambios">Pruebas locales de nuevos a&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&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"><div class="list-grid">
|
|
266
|
-
<ul>
|
|
267
|
-
<li></li>
|
|
268
|
-
<li>Lorem</li>
|
|
269
|
-
<li>Ipsum</li>
|
|
270
|
-
<li>Dolorem</li>
|
|
271
|
-
</ul>
|
|
272
|
-
<ul>
|
|
273
|
-
<li>Donec</li>
|
|
274
|
-
<li class="hover-cell">Nullam</li>
|
|
275
|
-
<li class="hover-cell">Morbi</li>
|
|
276
|
-
<li class="hover-cell">Praesent</li>
|
|
277
|
-
</ul>
|
|
278
|
-
</div></code></pre>
|
|
279
|
-
<blockquote>
|
|
280
|
-
<p><strong>Nota</strong>: La clase "hover-cell" 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 "picasso/components/list-grids";
|
|
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ón:
|
|
298
|
-
|
|
299
|
-
</p>
|
|
300
|
-
<pre><code class="lang-css">@import "picasso/components/list-grids";</code></pre>
|
|
301
|
-
<p>Mixin con los pará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á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 < 9</h3>
|
|
319
|
-
<p>Para la compatibilidad con Internet Explorer < 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 < 9</h3>
|
|
323
|
-
<pre><code class="lang-html"><div class="list-grid">
|
|
324
|
-
<ul class="first">
|
|
325
|
-
<li class="first odd"></li>
|
|
326
|
-
<li class="even">30 min</li>
|
|
327
|
-
<li class="odd">60 min</li>
|
|
328
|
-
<li class="even">90 min</li>
|
|
329
|
-
</ul>
|
|
330
|
-
<ul>
|
|
331
|
-
<li class="first odd">Vuelo DL - 110</li>
|
|
332
|
-
<li class="even">0%</li>
|
|
333
|
-
<li class="odd">10%</li>
|
|
334
|
-
<li class="even">0%</li>
|
|
335
|
-
</ul>
|
|
336
|
-
</div></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&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&oacute;n</a></li>
|
|
44
|
-
|
|
45
|
-
<li><a href="./intro.html#actualizacioacuten">Actualizaci&oacute;n</a></li>
|
|
46
|
-
|
|
47
|
-
<li><a href="./intro.html#opcional-instalacioacuten-de-oily-png">Opcional: Instalaci&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&ntilde;adidos</a>
|
|
95
|
-
|
|
96
|
-
<ol>
|
|
97
|
-
|
|
98
|
-
<li><a href="./mejoras.html#utilizar-el-coacutedigo-fuente">Utilizar el c&oacute;digo fuente</a></li>
|
|
99
|
-
|
|
100
|
-
<li><a href="./mejoras.html#pruebas-locales-de-nuevos-antildeadidos-cambios">Pruebas locales de nuevos a&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&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ñadidos</h1>
|
|
175
|
-
<a name="utilizar-el-coacutedigo-fuente"></a><h2>Utilizar el có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ñ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ó del repositorio, de manera tal que quede <code>extensiones\picasso\<archivos de picasso></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 "picasso";</code> deberían funcionar sin problemas.</li>
|
|
195
|
-
</ul>
|
|
196
|
-
<p>El núcleo de Picasso se encuentra en la carpeta <code>stylesheets</code>. Allí 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ón.
|
|
197
|
-
En caso de agregar alguna funcionalidad nueva, tomar de ejemplo algún componente ya existente para entender su ló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ñadidos, subirlos al repositorio:</li>
|
|
203
|
-
</ul>
|
|
204
|
-
<pre><code class="lang-bash">$ git status
|
|
205
|
-
$ git add <archivos a subir>;
|
|
206
|
-
$ git commit -m "<un mensaje descriptivo del commit>"
|
|
207
|
-
$ git push</code></pre>
|
|
208
|
-
<blockquote>
|
|
209
|
-
<p><strong>Nota</strong>: Toda mejora o cambio debe tener su documentación pertinente, caso contrario, no se incorporarán en Picasso.
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
</p>
|
|
213
|
-
</blockquote>
|
|
214
|
-
<a name="generar-la-documentacioacuten"></a><h2>Generar la documentación</h2>
|
|
215
|
-
<ul>
|
|
216
|
-
<li><p>Para generar una nueva versión de la documentació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ó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='.' --templates-dir='docs/build/templates/' docs/build/manifest.json docs</code></pre>
|
|
234
|
-
<ul>
|
|
235
|
-
<li>Revisar que la documentació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>
|