mini.css - Minimal, responsive, style-agnostic CSS framework

/*

mini.cssGithub

*/ var fs = require('fs'); var docFragments = require('./doc-fragments/docFragments'); // Gets all document fragments as a list. var outputPath = './docs/v3/docs.html'; // This path is relative to package.json. var documentStart = ` mini.css - Minimal, responsive, style-agnostic CSS framework `; var documentEnd = ``; var appShellStart = `

mini.css Github

`; var appShellEnd = `

`; var appSidebarStart = ` `; var mainStart = `

`; var mainEnd = `

`; var documentationFragments = docFragments.map(f => buildFragment(f)).join('
'); fs.writeFile(outputPath, `${documentStart}${appShellStart} ${appSidebarStart}${appSidebarEnd} ${mainStart}${documentationFragments}${mainEnd} ${appShellEnd}${documentEnd}`, function(err) { if(err) return console.log(err); console.log("The file was saved!"); } ); function buildFragment(fragment){ var fragmentHtml = `

${fragment.title}

${fragment.description}

${fragment.example?`

Example

${fragment.example}

`:''} ${fragment.samples.length?`

Sample code

${fragment.samples.join('')}

`:''} ${fragment.modifiers.length? `

Modifiers

${fragment.modifiers.map(m => `

${m.title}

${m.description}${m.example?`

Example

${m.example}`:''}${m.samples.length?`

Sample code

${m.samples.join('')}`:''}`).join('
')}

`:''} ${fragment.dos.length||fragment.donts.length? `

Best practices

${[fragment.dos.map(d => `

${d.sample}

Do: ${d.description}

`).join('
'),fragment.donts.map(d => `

${d.sample}

Don't: ${d.description}

`).join('
')].join('')}

` :''} ${fragment.notes.length?`

Notes

${n}

`:''} ${fragment.customization.length?`

Customization

${s}

`:''}

`; return fragmentHtml; }