Update build to reflect latest project layout

tachyons-css · Sep 2, 2016 · d5056d7 · d5056d7
1 parent fae835f
commit d5056d7
Show file tree

Hide file tree

Showing 2 changed files with 64 additions and 5 deletions.
diff --git a/build.js b/build.js
@@ -14,11 +14,42 @@ glob('./node_modules/tachyons/src/**/*.css', (err, files) => {
     var css = fs.readFileSync(file, 'utf8')
     var fileName = file.replace(/(\.\/node_modules\/tachyons\/src\/|\.css)/g, '')
 
-    if (fileName !== 'tachyons') {
+    if (fileName !== 'tachyons' && fileName !== '_media-queries' && fileName !== '_colors' && fileName !== '_debug') {
       fs.writeFileSync('scss/' + fileName + '.scss', cssScss(css))
       baseFile += '@import "scss/' + fileName + '";\n'
     }
   })
 
-  fs.writeFileSync('tachyons.scss', baseFile)
+  fs.writeFileSync('tachyons.scss', `
+/*
+ *    ████████╗ █████╗  ██████╗██╗  ██╗██╗   ██╗ ██████╗ ███╗   ██╗███████╗
+ *    ╚══██╔══╝██╔══██╗██╔════╝██║  ██║╚██╗ ██╔╝██╔═══██╗████╗  ██║██╔════╝
+ *       ██║   ███████║██║     ███████║ ╚████╔╝ ██║   ██║██╔██╗ ██║███████╗
+ *       ██║   ██╔══██║██║     ██╔══██║  ╚██╔╝  ██║   ██║██║╚██╗██║╚════██║
+ *       ██║   ██║  ██║╚██████╗██║  ██║   ██║   ╚██████╔╝██║ ╚████║███████║
+ *       ╚═╝   ╚═╝  ╚═╝ ╚═════╝╚═╝  ╚═╝   ╚═╝    ╚═════╝ ╚═╝  ╚═══╝╚══════╝
+ *
+ *    TABLE OF CONTENTS
+ *
+ *    1. External Library Includes
+ *       - Normalize.css | http://normalize.css.github.io
+ *    2. Tachyons Modules
+ *    3. Variables
+ *       - Media Queries
+ *       - Colors
+ *    4. Debugging
+ *       - Debug all
+ *       - Debug children
+ *
+ */
+
+/* Variables */
+/* Importing here will allow you to override any variables in the modules */
+@import "scss/_media-queries";
+@import "scss/_colors";
+
+/* Uncomment out the line below to help debug layout issues */
+//@import "scss/_debug";
+
+${baseFile}`)
 })
diff --git a/tachyons.scss b/tachyons.scss
@@ -1,3 +1,34 @@
+
+/*
+ *    ████████╗ █████╗  ██████╗██╗  ██╗██╗   ██╗ ██████╗ ███╗   ██╗███████╗
+ *    ╚══██╔══╝██╔══██╗██╔════╝██║  ██║╚██╗ ██╔╝██╔═══██╗████╗  ██║██╔════╝
+ *       ██║   ███████║██║     ███████║ ╚████╔╝ ██║   ██║██╔██╗ ██║███████╗
+ *       ██║   ██╔══██║██║     ██╔══██║  ╚██╔╝  ██║   ██║██║╚██╗██║╚════██║
+ *       ██║   ██║  ██║╚██████╗██║  ██║   ██║   ╚██████╔╝██║ ╚████║███████║
+ *       ╚═╝   ╚═╝  ╚═╝ ╚═════╝╚═╝  ╚═╝   ╚═╝    ╚═════╝ ╚═╝  ╚═══╝╚══════╝
+ *
+ *    TABLE OF CONTENTS
+ *
+ *    1. External Library Includes
+ *       - Normalize.css | http://normalize.css.github.io
+ *    2. Tachyons Modules
+ *    3. Variables
+ *       - Media Queries
+ *       - Colors
+ *    4. Debugging
+ *       - Debug all
+ *       - Debug children
+ *
+ */
+
+/* Variables */
+/* Importing here will allow you to override any variables in the modules */
+@import "scss/_media-queries";
+@import "scss/_colors";
+
+/* Uncomment out the line below to help debug layout issues */
+//@import "scss/_debug";
+
 @import "scss/_background-size";
 @import "scss/_border-colors";
 @import "scss/_border-radius";
@@ -8,11 +39,9 @@
 @import "scss/_box-sizing";
 @import "scss/_clears";
 @import "scss/_code";
-@import "scss/_colors";
 @import "scss/_coordinates";
 @import "scss/_debug-children";
 @import "scss/_debug-grid";
-@import "scss/_debug";
 @import "scss/_display";
 @import "scss/_flexbox";
 @import "scss/_floats";
@@ -28,7 +57,6 @@
 @import "scss/_links";
 @import "scss/_lists";
 @import "scss/_max-widths";
-@import "scss/_media-queries";
 @import "scss/_module-template";
 @import "scss/_normalize";
 @import "scss/_opacity";