8.0.0 push

assets/css/src/app.less

@@ -16,5 +16,6 @@
 //
 // Project
 //
+@import "svg.less";
 @import "wordpress.less";
 @import "global.less";

assets/css/src/global.less

@@ -1,23 +0,0 @@
-//
-// Icons
-//
-.bt-icon {
-	width: 0.85em;
-	height: 0.85em;
-	position: relative;
-	fill: currentColor;
-	display: inline-block;
-
-	a > & {
-		pointer-events: none;
-	}
-}
-.bt-icon--smaller {
-	width: 0.65em;
-	height: 0.65em;
-}
-.bt-icon--larger {
-	width: 1.25em;
-	height: 1.25em;
-	transform: translateY(.2em);
-}

assets/css/src/svg.less

@@ -0,0 +1,43 @@
+//
+// Icons
+//
+.bt-icon {
+  width: 0.85em;
+  height: 0.85em;
+  position: relative;
+  fill: currentColor;
+  display: inline-block;
+
+  a > & {
+    pointer-events: none;
+  }
+}
+.bt-icon--smaller {
+  width: 0.65em;
+  height: 0.65em;
+}
+.bt-icon--standalone {
+  width: 1em;
+  height: 1em;
+}
+.bt-icon--larger {
+  width: 1.25em;
+  height: 1.25em;
+  transform: translateY(.2em);
+}
+
+.bt-icon-fill(@src, @fill-default, @fill-new) {
+  @escape-fill-default: escape(@fill-default);
+  @escape-fill-new: escape(@fill-new);
+  @data-uri: data-uri('image/svg+xml;charset=UTF-8', "@{src}");
+  @replace-src: replace("@{data-uri}", "@{escape-fill-default}", "@{escape-fill-new}");
+  background-image: e(@replace-src);
+}
+
+.bt-icon-no-fill(@src, @fill-new) {
+  @data-uri: data-uri('image/svg+xml;charset=UTF-8', "@{src}");
+  @replace-default: escape('<path ');
+  @replace-new: escape('<path fill="@{fill-new}" ');
+  @replace-src: replace("@{data-uri}", @replace-default, @replace-new, "g");
+  background-image: e(@replace-src);
+}

assets/css/src/uikit/base.less

@@ -1,7 +1,10 @@
 .hook-base-body() {
-	box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
 
-	*, *:before, *:after {
-		box-sizing: inherit;
-	}
+  *, *:before, *:after {
+    box-sizing: inherit;
+  }
 }

assets/css/src/uikit/navbar.less

@@ -1,3 +1,3 @@
 .uk-navbar-nav > li > a[href='#'] {
-	cursor: pointer;
+  cursor: pointer;
 }

assets/css/src/uikit/utility.less

@@ -1,3 +1,3 @@
 .hook-container() {
-	margin: 0 auto;
+  margin: 0 auto;
 }

assets/css/src/wordpress.less

@@ -2,69 +2,69 @@
  * WordPress Core
  */
 .alignnone {
-	margin: 5px 15px 15px 0;
+  margin: 5px 15px 15px 0;
 }
 
 .aligncenter {
-	display: block;
-	margin: 5px auto 5px auto;
+  display: block;
+  margin: 5px auto 5px auto;
 }
 
 .alignright {
-	float:right;
-	margin: 5px 0 15px 15px;
+  float:right;
+  margin: 5px 0 15px 15px;
 }
 
 .alignleft {
-	float: left;
-	margin: 5px 15px 15px 0;
+  float: left;
+  margin: 5px 15px 15px 0;
 }
 
 .aligncenter {
-	display: block;
-	margin: 5px auto;
+  display: block;
+  margin: 5px auto;
 }
 
 .wp-caption {
-	&:extend(.uk-thumbnail all);
-	text-align: center;
+  &:extend(.uk-thumbnail all);
+  text-align: center;
 
-	figcaption {
-		&:extend(.uk-thumbnail-caption all);
-	}
+  figcaption {
+    &:extend(.uk-thumbnail-caption all);
+  }
 }
 
 /**
  * Article Listing
  */
 .article-bottom p:last-child {
-	margin-bottom: 0;
+  margin-bottom: 0;
 }
 
 /**
  * Search
  */
 .post-type + .post-type {
-	&:extend(.uk-margin-large-top);
+  &:extend(.uk-margin-large-top);
 }
 
 /**
  * Parsley
  */
 .parsley-errors-list {
-	display: none;
-	list-style:none;
+  display: none;
+  list-style:none;
 
-	&.filled {
-		display: block;
-	}
+  &.filled {
+    display: block;
+  }
 
-	&:extend(.uk-alert all, .uk-alert-danger all);
-	margin-bottom: 0;
+  &:extend(.uk-alert all, .uk-alert-danger all);
+  margin-bottom: 0;
 }
 .parsley-custom-errors {
 
-	.parsley-errors-list.filled {
-		margin-top: @utility-margin-small;
-	}
+  .parsley-errors-list.filled {
+    margin-top: @utility-margin-small;
+  }
 }

assets/js/src/init.js

@@ -0,0 +1,10 @@
+(function( $ ) {
+  "use strict";
+
+  // Load SVGs
+  boomsvgloader.load(svgSpritePath);
+
+  // Placeholder
+  $('[placeholder]').placeholder();
+
+}(jQuery));

bower.json

@@ -1,11 +1,11 @@
 {
   "name": "basey-theme",
-  "version": "7.0.0",
+  "version": "8.0.0",
   "private": "true",
   "dependencies": {
-    "uikit": "uikit/uikit#2.20.3",
+    "uikit": "uikit/uikit#2.22.0",
     "jquery-placeholder": "2.*",
-    "parsleyjs": "2.*",
-    "svg4everybody": "*"
+    "boomsvgloader": "0.0.2",
+    "parsleyjs": "2.*"
   }
 }

gulp-tasks/browser-sync.js

@@ -0,0 +1,7 @@
+module.exports = function(gulp, $, browserSync, reload, merge, paths, files) {
+  return function() {
+    browserSync({
+      proxy: "wordpress.dev"
+    });
+  };
+};

gulp-tasks/copy.js

@@ -0,0 +1,7 @@
+module.exports = function(gulp, $, browserSync, reload, merge, paths, files) {
+  return function() {
+    gulp.src('bower_components/uikit/src/fonts/*')
+    .pipe($.changed(paths.fonts))
+    .pipe(gulp.dest(paths.fonts));
+  };
+};

gulp-tasks/files.json

@@ -0,0 +1,50 @@
+{
+  "deps": [
+    "bower_components/boomsvgloader/dist/js/boomsvgloader.js",
+    "bower_components/jquery-placeholder/jquery.placeholder.js",
+    "bower_components/parsleyjs/dist/parsley.js",
+
+    "bower_components/uikit/src/js/core/core.js",
+    "bower_components/uikit/src/js/core/component.js",
+    "bower_components/uikit/src/js/core/utility.js",
+    "bower_components/uikit/src/js/core/touch.js",
+    "bower_components/uikit/src/js/core/alert.js",
+    "bower_components/uikit/src/js/core/button.js",
+    "bower_components/uikit/src/js/core/dropdown.js",
+    "bower_components/uikit/src/js/core/grid.js",
+    "bower_components/uikit/src/js/core/modal.js",
+    "bower_components/uikit/src/js/core/offcanvas.js",
+    "bower_components/uikit/src/js/core/nav.js",
+    "bower_components/uikit/src/js/core/switcher.js",
+    "bower_components/uikit/src/js/core/tab.js",
+    "bower_components/uikit/src/js/core/scrollspy.js",
+    "bower_components/uikit/src/js/core/smooth-scroll.js",
+    "bower_components/uikit/src/js/core/toggle.js",
+
+    "bower_components/uikit/src/js/components/accordion.js",
+    "bower_components/uikit/src/js/components/autocomplete.js",
+    "bower_components/uikit/src/js/components/datepicker.js",
+    "bower_components/uikit/src/js/components/form-password.js",
+    "bower_components/uikit/src/js/components/form-select.js",
+    "bower_components/uikit/src/js/components/grid.js",
+    "bower_components/uikit/src/js/components/htmleditor.js",
+    "bower_components/uikit/src/js/components/lightbox.js",
+    "bower_components/uikit/src/js/components/nestable.js",
+    "bower_components/uikit/src/js/components/notify.js",
+    "bower_components/uikit/src/js/components/pagination.js",
+    "bower_components/uikit/src/js/components/parallax.js",
+    "bower_components/uikit/src/js/components/search.js",
+    "bower_components/uikit/src/js/components/slider.js",
+    "bower_components/uikit/src/js/components/slideset.js",
+    "bower_components/uikit/src/js/components/slideshow.js",
+    "bower_components/uikit/src/js/components/slideshow-fx.js",
+    "bower_components/uikit/src/js/components/sortable.js",
+    "bower_components/uikit/src/js/components/sticky.js",
+    "bower_components/uikit/src/js/components/timepicker.js",
+    "bower_components/uikit/src/js/components/tooltip.js",
+    "bower_components/uikit/src/js/components/upload.js"
+  ],
+  "app": [
+    "assets/js/src/init.js"
+  ]
+}

gulp-tasks/media.js

@@ -0,0 +1,13 @@
+module.exports = function(gulp, $, browserSync, reload, merge, paths, files) {
+  return function() {
+    gulp.src(paths.media.src)
+    .pipe($.changed(paths.media.build))
+    .pipe($.imagemin())
+    .pipe($.size({
+      showFiles: true,
+      title: 'Media:'
+    }))
+    .pipe(gulp.dest(paths.media.build))
+    .pipe($.duration('compressing media'));
+  };
+};

gulp-tasks/paths.json

@@ -0,0 +1,19 @@
+{
+  "fonts": "assets/fonts/",
+  "scripts": {
+    "src": "assets/js/src/**/*.js",
+    "build": "assets/js/build/"
+  },
+  "styles": {
+    "src": "assets/css/src/**/*.less",
+    "build": "assets/css/build/"
+  },
+  "media": {
+    "src": "assets/media/src/**/*",
+    "build": "assets/media/build/"
+  },
+  "svg": {
+    "src": "assets/svg/src/*.svg",
+    "build": "assets/svg/build/"
+  }
+}