Content Bundles

Content bundles are collections of frequently-needed files which can be easily imported into projects. Content bundles are available in versions 0.8.0+. They're still a little simplistic and buggy, so you may need to run the import tool twice to complete an import. To import a content bundle, open a terminal in a project's directory and run:

node tools/import bundle-name

foundation-styles

The foundation-styles bundle includes a standard CSS reset style sheet (via meyerweb), and standard foundation styles. These styles are needed if you want to use the default loading screen, or you wish to use the base styles to create your own screens or other UI elements.

node tools/import foundation-styles

Assuming a HTML page in the root of your project's content folder, the foundation styles can be included in your page with the following relative includes:

<link rel="stylesheet" href="./content/styles/reset.css">
<link rel="stylesheet" href="./content/styles/ui.css">

league-fonts

The league-fonts bundle contains several of the League of Movable Type fonts in offline format (i.e. the font files themselves are included locally as part of the bundle).

node tools/import league-fonts

Assuming a HTML page in the root of your project's content folder, the league fonts can be included in your page with the following relative includes:

<!-- font-family: 'league blackout 2am' -->
<link rel="stylesheet" href="./content/fonts/league/blackout/2am/font.css"> 

<!-- font-family: 'league blackout midnight' -->     
<link rel="stylesheet" href="./content/fonts/league/blackout/midnight/font.css"> 

<!-- font-family: 'league orbitron black' -->
<link rel="stylesheet" href="./content/fonts/league/orbitron/black/font.css">

<!-- font-family: 'league orbitron medium' --> 
<link rel="stylesheet" href="./content/fonts/league/orbitron/medium/font.css">

<!-- font-family: 'league orbitron light' --> 
<link rel="stylesheet" href="./content/fonts/league/orbitron/light/font.css"> 

<!-- font-family: 'league chunk' -->   
<link rel="stylesheet" href="./content/fonts/league/chunk/font.css">     

<!-- font-family: 'league gothic' -->        
<link rel="stylesheet" href="./content/fonts/league/gothic/font.css">  

<!-- font-family: 'league spartan' -->          
<link rel="stylesheet" href="./content/fonts/league/spartan/font.css">