1.8.5 (#264)

* Add sr_RS to package.json

* Rename PO file for sr_RS

* Update Documentation

* Update documentation during theme deployment

* Resolve #224 (#225)

* Update translation files so fuzzy strings load properly (#234)

* Unset fuzzy translations. Regenrate .mo file.

* use precise for php52 in travis builds

* drop php52 from travis builds

* Do not set customize colors for title/tagline if they are hidden. (#227)

* Do not set customize colors for title/tagline if they are hidden.

* Fix spacing

* Run official theme tests as part of Travis builds (#219)

* Run official theme tests as part of Travis builds

* Do not run theme check on PHP 5.2

* Fix syntax error

* Add flags and ref Travis PHP version env var

* Copy theme to WP and activate

* Tweaks

* Rsync from .distignore file

* Run theme-check from bash script

* Tweak

* Install test suite

* Define DB creds

* Back to file, ping to PHP 5.6

* Fix substring length

* Create wp-config

* Change working dir

* Install core DB tables

* Reduce diff

* Skip email flag

* Generic wp install info

* Remove build process from Grunt

* Only run theme check just before deploy

* Add line to print wp-cli info

* Move env var

* Remove cli info

* Tweak curl line

* Message not needed

* Only test WP trunk on 7.1

* Move test back to scripts

* Test beta stages

* Syntax problem

* Another fix

* Playing with stages

* Tweak envs for stages

* Add regular tests as stage

* try a diff setup

* Remove matrix

* Put deploy at top level

* Skip after_script on theme check stage

* Test zip file integrity on deploy step

* Rename file, tweak config

* Add wp-cli cache dirs to travis config

* Update grunt packages: imagemin, uglify

* remove php52 from travis

* update packages

* Jetpack infinite scroll docs (#221)

* Start writing docs for Jetpack infinite scroll integration.

* Update infinite scroll jetpack docs. Add zip download. Update contributing.md

* Introduce conditional menu documentation (#237)

* Introduce conditional menu documentation

* Update spacing in how-to.rst

* update matchdep

* update readme for wp 4.9

* add sha256 hash to release tag

* Add replace:charset to the watch:sass Grunt.js task (#241)

* Add replace:charset to the Grunt sass watch task

* Update readme changelog

* Update readme changelog

* Add missing changelog item.

* Merge in master

* Fix comment count regression. Resolves #244 (#245)

Fix: Comment counts showing an extra character.

* Bump WooCommerce template number (#243)

* Fix: Bump WooCommerce pagination template file version to 3.3.1.
* Fix: Tweak `:last-child` padding on `.page-numbers` element.

* Update readme changelog

* Update outdated npm dependencies to latest versions (#248)

* grunt: v1.0.2
* grunt-contrib-uglify: v3.3.0
* grunt-contrib-watch: v1.0.1
* grunt-sass: v2.1.0
* grunt-wp-i18n:  v1.0.2
* load-grunt-tasks: v4.0.0
* susy: 3.0.5

* Tweak primer_wc_shop_columns method to reference shop page ID. (#250)

* WordPres 4.9.6 Support (#254)

* Introduce Privacy Policy link support
* Introduce styles for .comment-form-cookies-consent/#wp-comment-cookies-consent

* Customizer Font Preview Dropdown (#229)

* Add font preview dropdown in the customizer.
* Fix open sans selection
* Delete excess sprite sheet
* Remove excess customizer class.
* Merge in develop. Tweak font select dropdown sizes. Tweak customizer font javascript.

* Update readme

* Update version customizer-font.js

* Add a default value to use_featured_hero_image (#258)

* Add accessibility controls/styles for tab navigation through main nav (#260)

* Update readme

* Update readme

* Update merge conflict in primer_privacy_policy_link comment

* Introduce support for Gutenberg (#240)

* Introduce support for gutenber image & cover-image blocks.

* Refactor scss, fix typos, remove 1.0.0 for NEXT

* Remove charset. Add missing .alignfull class

* Add docblock for gutenberg theme support function

* Add .alignwide support

* Add primer color scheme colors to Gutenberg them su
pport

* Tweak layout metabox styles. Add layouts to sass task.

* Update gutenberg block styles

* Tweak pullquote styles, image floats, responsive styles.

* Remove duplicate declaration

* styles for alignfull

* Update gutenberg theme support

* Updates to gutenberg editor width based on page layout

* Tweak gutenberg editor page width CSS and JS

* Resolve phpcs warnings

* Tweak width of gutenberg editor wide page layout

* Adjust gutenberg styles

* Tweak page header styles for gutenberg

* Update spaces to tabs in gutenberg styles

* Fix page title padidng

* Tweak gutenberg styles

* Fix nav menu bugs (#263)

* Fix nav menu bug on initial click

* Tweak JS

* Remove gutenberg class check. Tweak alignfull alignwide to only target elements with class containing wp-block-*.

* Fix spacing

* Update readme

.dev/sass/admin/gutenberg-editor.scss

@@ -0,0 +1,31 @@
+body.primer-gutenberg-narrow {
+	.edit-post-visual-editor,
+	.edit-post-text-editor {
+		.edit-post-post-text-editor__toolbar,
+		.editor-writing-flow__click-redirect,
+		.editor-post-title__block,
+		.editor-block-list__block,
+		.editor-default-block-appender {
+			max-width: 400px;
+		}
+	}
+}
+
+body.primer-gutenberg-wide {
+	.edit-post-visual-editor,
+	.edit-post-text-editor {
+		.edit-post-post-text-editor__toolbar,
+		.editor-writing-flow__click-redirect,
+		.editor-post-title__block,
+		.editor-block-list__block,
+		.editor-default-block-appender {
+			max-width: none;
+		}
+	}
+}
+
+.components-panel {
+	.primer-layout-wrap ul li img {
+		max-width: 85%;
+	}
+}

.dev/sass/admin/layouts.scss

@@ -17,6 +17,7 @@
 	ul {
 		display: flex;
 		margin: 0;
+		list-style-type: none !important;
 
 		li {
 			margin: 0.3em 0.3em;
@@ -33,7 +34,7 @@
 			}
 
 			img {
-				width: calc(100% - 0.3em - 12px);
+				width: 100%;
 				height: auto;
 				padding: 6px;
 			}

.dev/sass/compat/gutenberg.scss

@@ -0,0 +1,72 @@
+/*--------------------------------------------------------------
+>>> Gutenberg:
+--------------------------------------------------------------*/
+[class^="wp-block-"].alignfull {
+	width: 100vw;
+	position: relative;
+	left: 50%;
+	right: 50%;
+	margin-left: -50vw;
+	margin-right: -50vw;
+}
+
+[class^="wp-block-"].alignwide {
+	margin-left: -1.6875em;
+	margin-right: -1.6875em;
+	width: calc( 100% + 3.375em );
+
+	@media #{$medium-down} {
+		margin-left: -1.1875em;
+		margin-right: -1.1875em;
+		width: calc( 100% + 2.375em );
+	}
+
+	@media #{$small-only} {
+		margin-left: -0.5em;
+		margin-right: -0.5em;
+		width: calc( 100% + 1em );
+	}
+}
+
+.wp-block-image,
+.wp-block-gallery,
+.wp-block-video,
+.wp-block-quote,
+.wp-block-text-columns,
+.entry-content ul,
+.entry-content ol,
+.wp-block-cover-text {
+	&.alignleft {
+		margin: 0 1.5em 1.5em 0;
+	}
+
+	&.alignright {
+		margin: 0 0 1.5em 1.5em;
+	}
+
+	&.alignleft,
+	&.alignright {
+		max-width: 40%;
+		width: 100%;
+
+		img {
+			width: inherit;
+		}
+	}
+}
+
+.wp-block-audio {
+	audio {
+		width: 100%;
+	}
+}
+
+.wp-block-pullquote {
+	padding: 2em 0;
+	border-top: none;
+	border-bottom: none;
+
+	p {
+		margin: 0 0 0.25rem 0;
+	}
+}

.dev/sass/style.scss

@@ -34,6 +34,7 @@
 # Content
     ## Posts and pages
 	## Comments
+# Compatibility
 # Infinite scroll
 # Media
 	## Captions
@@ -171,3 +172,4 @@
 # Compatibility
 --------------------------------------------------------------*/
 @import "compat/woocommerce";
+@import "compat/gutenberg";

Gruntfile.js

@@ -288,6 +288,16 @@ module.exports = function( grunt ) {
 					'editor-style.css': '.dev/sass/editor-style.scss'
 				}
 			},
+			layouts: {
+				files: {
+					'assets/css/admin/layouts.css': '.dev/sass/admin/layouts.scss'
+				}
+			},
+			gutenberg: {
+				files: {
+					'assets/css/admin/gutenberg-editor.css': '.dev/sass/admin/gutenberg-editor.scss'
+				}
+			},
 			main: {
 				files: {
 					'style.css': '.dev/sass/style.scss'

assets/css/admin/gutenberg-editor.css

@@ -0,0 +1,26 @@
+body.primer-gutenberg-narrow .edit-post-visual-editor .edit-post-post-text-editor__toolbar,
+body.primer-gutenberg-narrow .edit-post-visual-editor .editor-writing-flow__click-redirect,
+body.primer-gutenberg-narrow .edit-post-visual-editor .editor-post-title__block,
+body.primer-gutenberg-narrow .edit-post-visual-editor .editor-block-list__block,
+body.primer-gutenberg-narrow .edit-post-visual-editor .editor-default-block-appender,
+body.primer-gutenberg-narrow .edit-post-text-editor .edit-post-post-text-editor__toolbar,
+body.primer-gutenberg-narrow .edit-post-text-editor .editor-writing-flow__click-redirect,
+body.primer-gutenberg-narrow .edit-post-text-editor .editor-post-title__block,
+body.primer-gutenberg-narrow .edit-post-text-editor .editor-block-list__block,
+body.primer-gutenberg-narrow .edit-post-text-editor .editor-default-block-appender {
+  max-width: 400px; }
+
+body.primer-gutenberg-wide .edit-post-visual-editor .edit-post-post-text-editor__toolbar,
+body.primer-gutenberg-wide .edit-post-visual-editor .editor-writing-flow__click-redirect,
+body.primer-gutenberg-wide .edit-post-visual-editor .editor-post-title__block,
+body.primer-gutenberg-wide .edit-post-visual-editor .editor-block-list__block,
+body.primer-gutenberg-wide .edit-post-visual-editor .editor-default-block-appender,
+body.primer-gutenberg-wide .edit-post-text-editor .edit-post-post-text-editor__toolbar,
+body.primer-gutenberg-wide .edit-post-text-editor .editor-writing-flow__click-redirect,
+body.primer-gutenberg-wide .edit-post-text-editor .editor-post-title__block,
+body.primer-gutenberg-wide .edit-post-text-editor .editor-block-list__block,
+body.primer-gutenberg-wide .edit-post-text-editor .editor-default-block-appender {
+  max-width: none; }
+
+.components-panel .primer-layout-wrap ul li img {
+  max-width: 85%; }

assets/css/admin/layouts-rtl.css

@@ -13,7 +13,8 @@
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
-  margin: 0; }
+  margin: 0;
+  list-style-type: none !important; }
   .primer-layout-wrap ul li {
     margin: 0.3em 0.3em;
     padding: 0; }
@@ -24,8 +25,7 @@
     .primer-layout-wrap ul li span {
       display: none; }
     .primer-layout-wrap ul li img {
-      width: -webkit-calc(100% - 0.3em - 12px);
-      width: calc(100% - 0.3em - 12px);
+      width: 100%;
       height: auto;
       padding: 6px; }
     .primer-layout-wrap ul li label {

assets/css/admin/layouts.css

@@ -13,7 +13,8 @@
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
-  margin: 0; }
+  margin: 0;
+  list-style-type: none !important; }
   .primer-layout-wrap ul li {
     margin: 0.3em 0.3em;
     padding: 0; }
@@ -24,8 +25,7 @@
     .primer-layout-wrap ul li span {
       display: none; }
     .primer-layout-wrap ul li img {
-      width: -webkit-calc(100% - 0.3em - 12px);
-      width: calc(100% - 0.3em - 12px);
+      width: 100%;
       height: auto;
       padding: 6px; }
     .primer-layout-wrap ul li label {

assets/js/admin/layouts.js

@@ -28,10 +28,29 @@ window.wp = window.wp || {};
 				.prop( 'disabled', true );
 
 			$( '.primer-layout ul li.global input' )
-				.prop( 'checked', true );
+				.prop( 'checked', true )
+				.trigger( 'change' );
 
 		} );
 
+		$( 'input[name="primer-layout"]' ).change( function() {
+			toggleEditorWidth( $( this ).val() );
+		} );
+
+	} );
+
+	$( document ).on( 'ready', function() {
+		toggleEditorWidth( primerLayouts.selected );
 	} );
 
 } )( jQuery );
+
+function toggleEditorWidth( pageWidth ) {
+
+	pageWidth = pageWidth.indexOf( 'wide' ) >= 0 ? 'wide' : ( pageWidth.indexOf( 'narrow' ) >= 0 || pageWidth.indexOf( 'three-column' ) >= 0 ? 'narrow' : 'default' );
+
+	$( 'body.gutenberg-editor-page' )
+		.removeClass( 'primer-gutenberg-default primer-gutenberg-wide primer-gutenberg-narrow' )
+		.addClass( 'primer-gutenberg-' + pageWidth );
+
+}

assets/js/navigation.js

@@ -107,11 +107,16 @@
 
 		$menuToggle.on( 'click', toggle );
 
-		$navMenu.find( '.menu-item-has-children' ).on( 'hover', position );
-
-		$navMenu.find( '.menu-item > a' ).on( 'focusin', tabNavigationMenuIn );
-
-		$navMenu.find( '.menu-item > a' ).on( 'focusout', tabNavigationMenuOut );
+		$navMenu.find( '.menu-item-has-children' ).on( 'hover, focusin', position );
+
+		$navMenu.find( '.menu-item > a' ).on( 'keyup', function( e ) {
+			if ( 9 !== e.which ) {
+				return;
+			}
+			$menuItem = $navMenu.find( '.menu-item > a' );
+			$menuItem.on( 'focusin', tabNavigationMenuIn );
+			$menuItem.on( 'focusout', tabNavigationMenuOut );
+		} );
 
 		$navMenu.find( '.expand' ).on( 'click', expand );