--- /dev/null
+<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+ <defs>
+ <style>
+ .cls-1 {
+ fill: #004880;
+ }
+
+ .cls-2 {
+ fill: #fff;
+ }
+ </style>
+ </defs>
+ <title>logo_nuget</title>
+ <path class="cls-1" d="M48.86,64H28.14A15.24,15.24,0,0,1,13,48.7V28.3A15.24,15.24,0,0,1,28.14,13H48.86A15.24,15.24,0,0,1,64,28.3V48.7A15.24,15.24,0,0,1,48.86,64Z"/>
+ <g>
+ <path class="cls-2" d="M57.9,47.83A10.72,10.72,0,1,1,47.18,37.07,10.77,10.77,0,0,1,57.9,47.83Z"/>
+ <path class="cls-2" d="M25.95,20.65a6.72,6.72,0,1,1-6.76,6.71A6.73,6.73,0,0,1,25.95,20.65Z"/>
+ </g>
+ <path class="cls-1" d="M0,6.5A5.5,5.5,0,1,0,5.5,1,5.5,5.5,0,0,0,0,6.5"/>
+</svg>
\ No newline at end of file
video: '6KwsGcEHVTE'
---
+## Install with Package Managers
+
+Foundation is available on npm, Bower, Meteor, and Composer. The package includes all of the source Sass and JavaScript files, as well as compiled CSS and JavaScript, in uncompressed and compressed flavors.
+
+<div class="row">
+ <div class="column small-2 text-right">
+ <img class="docs-install-vendor-icon" src="{{root}}assets/img/icons/logo-npm.svg" alt="NPM">
+ </div>
+ <div class="column small-10">
+ <div class="docs-code">
+ <code class="bash">
+ npm install foundation-sites
+ </code>
+ </div>
+ </div>
+
+ <div class="column small-2 text-right">
+ <img class="docs-install-vendor-icon" src="{{root}}assets/img/icons/logo-bower.svg" alt="Bower">
+ </div>
+ <div class="column small-10">
+ <div class="docs-code">
+ <code class="bash">
+ bower install foundation-sites
+ </code>
+ </div>
+ </div>
+
+ <div class="column small-2 text-right">
+ <img class="docs-install-vendor-icon" src="{{root}}assets/img/icons/logo-meteor.svg" alt="Meteor">
+ </div>
+ <div class="column small-10">
+ <div class="docs-code">
+ <code class="bash">
+ meteor add zurb:foundation-sites
+ </code>
+ </div>
+ </div>
+
+ <div class="column small-2 text-right">
+ <img class="docs-install-vendor-icon" src="{{root}}assets/img/icons/logo-composer.svg" alt="Composer">
+ </div>
+ <div class="column small-10">
+ <div class="docs-code">
+ <code class="bash">
+ php composer.phar require zurb/foundation
+ </code>
+ </div>
+ </div>
+
+ <div class="column small-2 text-right">
+ <img class="docs-install-vendor-icon" src="{{root}}assets/img/icons/logo-nuget.svg" alt="NuGet">
+ </div>
+ <div class="column small-10">
+ <div class="docs-code">
+ <code class="bash">
+ Install-Package foundation-sites
+ </code>
+ </div>
+ </div>
+</div>
+
+Here's what comes in the package.
+
+```
+├─ scss Source Sass files. Use this folder as a load path in Sass.
+├─ js Source JavaScript files. If you're using a build system, make sure `foundation.core.js` is loaded first.
+└─ dist Compiled files:
+ ├─ css * Compiled CSS files. Includes minified and unminified files.
+ ├─ js * Concatenated JavaScript files. Includes minified and unminified files.
+ └─ plugins * Standalone JavaScript plugins.
+```
+
+---
+
## Install with Foundation CLI
Not a fan of GUIs? The Node-powered Foundation CLI can install the same template projects for you.
---
-## Install with Package Managers
-
-Foundation is available on npm, Bower, Meteor, and Composer. The package includes all of the source Sass and JavaScript files, as well as compiled CSS and JavaScript, in uncompressed and compressed flavors.
-
-- npm: `npm install foundation-sites`
-- Bower: `bower install foundation-sites`
-- Meteor: `meteor add zurb:foundation-sites`
-- Composer: `php composer.phar require zurb/foundation`
-- NuGet: `Install-Package foundation-sites`
-
-Here's what comes in the package.
-
-```
-├─ scss Source Sass files. Use this folder as a load path in Sass.
-├─ js Source JavaScript files. If you're using a build system, make sure `foundation.core.js` is loaded first.
-└─ dist Compiled files:
- ├─ css * Compiled CSS files. Includes minified and unminified files.
- ├─ js * Concatenated JavaScript files. Includes minified and unminified files.
- └─ plugins * Standalone JavaScript plugins.
-```
-
----
-
## HTML Starter Template
Start with this HTML template and adapt it to your needs. Be sure to include the `.no-js` class on the `html` tag of your template. Adding this class prevents [flash of unstyled content](https://en.wikipedia.org/wiki/Flash_of_unstyled_content) for a number of foundation components.
projects / thirdparty / foundation / foundation-sites.git / commitdiff
