|
1 | 1 | Package.describe({ |
2 | | - name: "my:custom-theme", |
| 2 | + // Name of your package |
| 3 | + name: "my:custom-theme-template", |
| 4 | + |
| 5 | + // Brief summary or title of your package |
3 | 6 | summary: "My Custom Theme", |
| 7 | + |
| 8 | + // Version number of your theme package |
4 | 9 | version: "0.1.0" |
5 | 10 | }); |
6 | 11 |
|
7 | 12 | Package.onUse(function (api) { |
8 | | - // Works with meteor 1.2 and above |
| 13 | + // The package is set to work with meteor 1.2 and above |
9 | 14 | api.versionsFrom("[email protected]"); |
10 | 15 |
|
11 | | - // Use a preprocessor |
| 16 | + // Use a preprocessor, LESS CSS in this case. |
12 | 17 | api.use("less"); |
13 | 18 |
|
14 | | - // Include core theme to get its base styles |
| 19 | + // Include core theme to get its base styles. |
| 20 | + // The styles from core-theme are imported into the main.less file. |
| 21 | + // @see main.less |
15 | 22 | // (Optional, but recommended for a starting point) |
16 | 23 | api.use("reactioncommerce:[email protected]"); |
17 | 24 |
|
18 | | - // Add files what will be imported into your theme.less file |
19 | | - // ** Please note: {isImport: true} stops meteor from processing a file with its |
20 | | - // build system. This is helpful if the file needs to imported into another file. |
21 | | - // In this case, these files are imported into main.less |
22 | | - |
23 | | - // (Array of files) |
24 | | - api.addFiles([ |
25 | | - "styles/base.less" |
26 | | - ], "client", {isImport: true}); |
| 25 | + // --------------------------------------------------------------------------- |
| 26 | + // Styles that will be imported into another file. |
| 27 | + // -- Theses file will imported into main.less, so they are included here, |
| 28 | + // -- before they are include the main.less file |
| 29 | + // |
| 30 | + // ** ADD YOUR CUSTOM STYLES HERE ** |
| 31 | + api.addFiles("styles/variables.less", "client", {isImport: true}); |
| 32 | + api.addFiles("styles/base.less", "client", {isImport: true}); |
27 | 33 |
|
28 | | - // - OR Individually, if you prefer |
29 | | - // api.addFiles("/path/to/file.less", "client", {isImport: true}); |
30 | 34 |
|
31 | | - // Add top level .less files |
32 | | - // These will be processed by your included preprocessors (less, styles, or sass) |
33 | | - api.addFiles([ |
34 | | - "main.less" |
35 | | - ], "client"); |
| 35 | + // --------------------------------------------------------------------------- |
| 36 | + // Styles that stand on their own and are processed by Meteor using the proper |
| 37 | + // CSS preprocessor (LESS CSS in this case) |
| 38 | + api.addFiles("main.less", "client"); |
36 | 39 | }); |
0 commit comments