Skip to content

Commit

Permalink
Merge pull request #7027 from juliancwirko/meteor-package-adjustments
Browse files Browse the repository at this point in the history
Meteor package adjustments and docs for atmospherejs.com
  • Loading branch information
zurbchris committed Nov 19, 2015
2 parents 1a9351d + 7089aa3 commit a13713c
Show file tree
Hide file tree
Showing 2 changed files with 84 additions and 8 deletions.
79 changes: 79 additions & 0 deletions meteor-README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
# [Foundation for Sites](http://foundation.zurb.com) (v6.0)

Foundation is the most advanced responsive front-end framework in the world. Quickly go from prototype to production, building sites or apps that work on any kind of device with Foundation. Includes layout constructs, like a fully customizable, responsive grid, commonly used JavaScript plugins, and full A11Y support.

## Usage in Meteor

### 1. Add the package

```
meteor add zurb:foundation-sites
```

### 2. In your main .scss file (in your app):

Import foundation:

```
@import '{zurb:foundation-sites}/scss/foundation';
```

Each component has an export mixin which prints out the CSS for that component. If you're cool with having everything, you just need one line of code:

```
@include foundation-everything;
```

Or you can comment out the components you don't need:

```
@include foundation-global-styles;
@include foundation-grid;
@include foundation-typography;
@include foundation-button;
@include foundation-forms;
@include foundation-visibility-classes;
@include foundation-float-classes;
@include foundation-accordion;
@include foundation-accordion-menu;
@include foundation-badge;
@include foundation-breadcrumbs;
@include foundation-button-group;
@include foundation-callout;
@include foundation-close-button;
@include foundation-drilldown-menu;
@include foundation-dropdown;
@include foundation-dropdown-menu;
@include foundation-flex-video;
@include foundation-label;
@include foundation-media-object;
@include foundation-menu;
@include foundation-off-canvas;
@include foundation-orbit;
@include foundation-pagination;
@include foundation-progress-bar;
@include foundation-slider;
@include foundation-sticky;
@include foundation-reveal;
@include foundation-switch;
@include foundation-table;
@include foundation-tabs;
@include foundation-thumbnail;
@include foundation-title-bar;
@include foundation-tooltip;
@include foundation-top-bar;
```

### 3. Overwrite Foundation settings

If you want you can coppy `_settings.scss` file into your project. You can change settings and import it in your main .scss file (in your app):

```
@import 'settings'; // example when the _settings.scss file is in the same folder as your main .scss file
@import '{zurb:foundation-sites}/scss/foundation';
@include foundation-everything; // or individual ones
```

**Important:** In the _settings.scss (the copied one in your app) you need to replace `@import 'util/util'` with `@import '{zurb:foundation-sites}/scss/util/util'`
13 changes: 5 additions & 8 deletions package.js
Original file line number Diff line number Diff line change
@@ -1,19 +1,17 @@
Package.describe({
name: 'zurb:foundation-sites',
summary: 'The most advanced responsive front-end framework in the world.',
version: '6.0.0',
git: 'https://github.com/zurb/foundation-sites.git'
version: '6.0.1',
git: 'https://github.com/zurb/foundation-sites.git',
documentation: 'meteor-README.md'
});

Package.onUse(function(api) {
api.versionsFrom('1.2.1');
api.imply('fourseven:scss@3.4.1');
api.use(['ecmascript', 'jquery@1.11.4', 'fourseven:scss@3.4.1'], 'client');
api.addFiles('dist/foundation.js', 'client');
api.addFiles([
'dist/foundation.css',
'dist/foundation.min.css',
'dist/foundation.js',
'dist/foundation.min.js',

'scss/foundation.scss',
'scss/_global.scss',
Expand All @@ -32,7 +30,6 @@ Package.onUse(function(api) {
'scss/components/_dropdown.scss',
'scss/components/_flex-video.scss',
'scss/components/_float.scss',
'scss/components/_joyride.scss',
'scss/components/_label.scss',
'scss/components/_media-object.scss',
'scss/components/_menu.scss',
Expand Down Expand Up @@ -87,5 +84,5 @@ Package.onUse(function(api) {
'scss/util/_value.scss',

'scss/vendor/normalize.scss',
], 'client');
], 'client', {isImport: true});
});

0 comments on commit a13713c

Please sign in to comment.