Move to use Foundation instead of Bootstrap

Author: jedrzejchalubek

README.md

@@ -4,6 +4,8 @@
 
 ### Tonik is a WordPress Starter Theme which aims to modernize, organize and simplify some aspects of WordPress theme development. Take a look at what is waiting for you:
 
+- [ES6](http://es6-features.org/) for JavaScript
+- [SASS](http://sass-lang.com/) and [Foundation CSS Framework](http://foundation.zurb.com/sites/docs/)
 - Centralized Theme Config
 - Utilizes PHP [Namespaces](http://php.net/manual/pl/language.namespaces.php)
 - Simple [Theme Service Container](http://symfony.com/doc/2.0/glossary.html#term-service-container)

app/Http/assets.php

@@ -21,7 +21,8 @@
  * @return void
  */
 function register_stylesheets() {
-    wp_enqueue_style('theme-stylesheet', asset_path('css/theme.css'));
+    wp_enqueue_style('foundation', asset_path('css/foundation.css'));
+    wp_enqueue_style('app', asset_path('css/app.css'));
 }
 add_action('wp_enqueue_scripts', 'App\Theme\Http\register_stylesheets');
 
@@ -31,8 +32,8 @@ function register_stylesheets() {
  * @return void
  */
 function register_scripts() {
-    wp_enqueue_script('bootstrap', asset_path('js/bootstrap.js'), ['jquery'], null, true);
-    wp_enqueue_script('theme-scripts', asset_path('js/theme.js'), ['bootstrap'], null, true);
+    wp_enqueue_script('foundation', asset_path('js/foundation.js'), ['jquery'], null, true);
+    wp_enqueue_script('app', asset_path('js/app.js'), ['foundation'], null, true);
 }
 add_action('wp_enqueue_scripts', 'App\Theme\Http\register_scripts');
 
@@ -42,7 +43,8 @@ function register_scripts() {
  * @return void
  */
 function register_editor_stylesheets() {
-    add_editor_style(asset_path('css/theme.css'));
+    add_editor_style(asset_path('css/foundation.css'));
+    add_editor_style(asset_path('css/app.css'));
 }
 add_action('admin_init', 'App\Theme\Http\register_editor_stylesheets');
 

gulpfile.js

@@ -15,9 +15,10 @@ require('laravel-elixir-imagemin');
 
 elixir(function(mix) {
     mix
+        .sass('foundation.scss')
         .sass('app.scss')
         .imagemin()
         .copy('resources/fonts', 'public/fonts')
-        .webpack('bootstrap.js')
+        .webpack('foundation.js')
         .webpack('app.js');
 });

package.json

@@ -5,7 +5,8 @@
     "dev": "gulp watch"
   },
   "devDependencies": {
-    "bootstrap-sass": "^3.3.7",
+    "motion-ui": "^1.2.0",
+    "foundation-sites": "^6.3.0",
     "gulp": "^3.9.1",
     "laravel-elixir": "^6.0.0-10",
     "laravel-elixir-imagemin": "^0.2.3",