1.1.11 (#58)

1.1.11
wplemon · Jul 28, 2019 · 5f45c86 · 5f45c86
2 parents 6734831 + d34fe62
commit 5f45c86
Show file tree

Hide file tree

Showing 99 changed files with 639 additions and 578 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,6 +1,6 @@
 .sass-cache/
-./node_modules/
-./vendor
+node_modules/
+vendor
 package-lock.json
 composer.lock
 *.css.map

diff --git a/assets/css/_mixins.scss b/assets/css/_mixins.scss
@@ -62,16 +62,17 @@
 	position: relative;
 	border: 2px solid; //currentColor;
 	background: none;
+	cursor: pointer;
+	position: relative;
 
 	&:active,
 	&:hover {
-		cursor: pointer;
 		outline: none;
 		text-decoration: none;
-		box-shadow: 0px 1px 1px 0px;
 	}
 
-	&:focus {
+	&:focus,
+	&:active {
 		box-shadow: inset 0px 1px 1px 0px;
 	}
 }

diff --git a/assets/css/blocks/block-library/_breakpoints.scss b/assets/css/blocks/block-library/_breakpoints.scss
@@ -10,6 +10,7 @@ $break-large: 960px;	// admin sidebar auto folds
 $break-medium: 782px;	// adminbar goes big
 $break-small: 600px;
 $break-mobile: 480px;
+$break-zoomed-in: 280px;
 
 // All media queries currently in WordPress:
 //

diff --git a/assets/css/blocks/block-library/_mixins.scss b/assets/css/blocks/block-library/_mixins.scss
@@ -44,6 +44,12 @@
 	}
 }
 
+@mixin break-zoomed-in() {
+	@media (min-width: #{ ($break-zoomed-in) }) {
+		@content;
+	}
+}
+
 
 /**
  * Long content fade mixin
@@ -232,15 +238,33 @@
 	color: $dark-gray-900;
 }
 
-@mixin block-style__focus-active() {
+@mixin block-style__focus() {
+	color: $dark-gray-900;
+	box-shadow: 0 0 0 1px $white, 0 0 0 3px $blue-medium-500;
+
+	// Windows High Contrast mode will show this outline, but not the box-shadow.
+	outline: 2px solid transparent;
+	outline-offset: -2px;
+}
+
+@mixin block-style__is-active() {
 	color: $dark-gray-900;
-	box-shadow: 0 0 0 2px $blue-medium-500;
+	box-shadow: inset 0 0 0 2px $dark-gray-500;
 
 	// Windows High Contrast mode will show this outline, but not the box-shadow.
 	outline: 2px solid transparent;
 	outline-offset: -2px;
 }
 
+@mixin block-style__is-active-focus() {
+	color: $dark-gray-900;
+	box-shadow: 0 0 0 1px $white, 0 0 0 3px $blue-medium-500, inset 0 0 0 2px $dark-gray-500;
+
+	// Windows High Contrast mode will show this outline, but not the box-shadow.
+	outline: 4px solid transparent;
+	outline-offset: -4px;
+}
+
 /**
  * Applies editor left position to the selector passed as argument
  */

diff --git a/assets/css/blocks/block-library/button/style.scss b/assets/css/blocks/block-library/button/style.scss
@@ -14,16 +14,16 @@ $blocks-button__height: 56px;
 }
 
 .wp-block-button__link {
-	background-color: $dark-gray-700;
+	// background-color: $dark-gray-700;
 	border: none;
-	border-radius: $blocks-button__height / 2;
+	// border-radius: $blocks-button__height / 2;
 	box-shadow: none;
 	color: inherit;
 	cursor: pointer;
 	display: inline-block;
-	font-size: $big-font-size;
+	// font-size: $big-font-size;
 	margin: 0;
-	padding: 12px 24px;
+	// padding: 12px 24px;
 	text-align: center;
 	text-decoration: none;
 	overflow-wrap: break-word;
@@ -41,7 +41,7 @@ $blocks-button__height: 56px;
 }
 
 .is-style-outline {
-	color: $dark-gray-700;
+	// color: $dark-gray-700;
 
 	.wp-block-button__link {
 		background-color: transparent;

diff --git a/assets/css/blocks/block-library/cover/style.scss b/assets/css/blocks/block-library/cover/style.scss
@@ -41,8 +41,8 @@
 		line-height: 1.25;
 		z-index: 1;
 		margin-bottom: 0;
-		max-width: $content-width;
-		padding: $block-padding;
+		// max-width: $content-width;
+		// padding: $block-padding;
 		text-align: center;
 
 		a,
@@ -90,7 +90,7 @@
 	// Apply max-width to floated items that have no intrinsic width
 	&.alignleft,
 	&.alignright {
-		max-width: $content-width / 2;
+		// max-width: $content-width / 2;
 		width: 100%;
 	}
 

diff --git a/assets/css/blocks/block-library/embed/style.scss b/assets/css/blocks/block-library/embed/style.scss
@@ -63,8 +63,8 @@
 			padding-top: 100%; // 1 / 1 * 100
 		}
 
-		&.wp-embed-aspect-9-6 .wp-block-embed__wrapper::before {
-			padding-top: 66.66%; // 6 / 9 * 100
+		&.wp-embed-aspect-9-16 .wp-block-embed__wrapper::before {
+			padding-top: 177.78%; // 16 / 9 * 100
 		}
 
 		&.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {

diff --git a/assets/css/blocks/block-library/gallery/style.scss b/assets/css/blocks/block-library/gallery/style.scss
@@ -48,10 +48,10 @@
 			width: 100%;
 			max-height: 100%;
 			overflow: auto;
-			padding: 40px 10px 9px;
+			// padding: 40px 10px 9px;
 			color: $white;
 			text-align: center;
-			font-size: $default-font-size;
+			// font-size: $default-font-size;
 			background: linear-gradient(0deg, rgba($color: $black, $alpha: 0.7) 0, rgba($color: $black, $alpha: 0.3) 70%, transparent);
 
 			img {
@@ -129,7 +129,7 @@
 	// Apply max-width to floated items that have no intrinsic width.
 	&.alignleft,
 	&.alignright {
-		max-width: $content-width / 2;
+		// max-width: $content-width / 2;
 		width: 100%;
 	}
 

diff --git a/assets/css/blocks/block-library/latest-comments/style.scss b/assets/css/blocks/block-library/latest-comments/style.scss
@@ -1,16 +1,16 @@
 .wp-block-latest-comments__comment {
-	font-size: 15px;
+	// font-size: 15px;
 	line-height: 1.1;
 	list-style: none;
 	margin-bottom: 1em;
 
 	.has-avatars & {
-		min-height: 36px;
+		// min-height: 36px;
 		list-style: none;
 
 		.wp-block-latest-comments__comment-meta,
 		.wp-block-latest-comments__comment-excerpt {
-			margin-left: 52px;
+			// margin-left: 52px;
 		}
 	}
 
@@ -21,23 +21,23 @@
 }
 
 .wp-block-latest-comments__comment-excerpt p {
-	font-size: 14px;
+	// font-size: 14px;
 	line-height: 1.8;
-	margin: 5px 0 20px;
+	// margin: 5px 0 20px;
 }
 
 .wp-block-latest-comments__comment-date {
-	color: $dark-gray-100;
+	// color: $dark-gray-100;
 	display: block;
-	font-size: 12px;
+	// font-size: 12px;
 }
 
 .wp-block-latest-comments .avatar,
 .wp-block-latest-comments__comment-avatar {
-	border-radius: 24px;
+	// border-radius: 24px;
 	display: block;
 	float: left;
-	height: 40px;
-	margin-right: 12px;
-	width: 40px;
+	// height: 40px;
+	// margin-right: 12px;
+	// width: 40px;
 }
diff --git a/assets/css/blocks/block-library/latest-posts/style.scss b/assets/css/blocks/block-library/latest-posts/style.scss
@@ -16,15 +16,15 @@
 		padding: 0;
 
 		li {
-			margin: 0 16px 16px 0;
+			// margin: 0 16px 16px 0;
 			width: 100%;
 		}
 	}
 
 	@include break-small {
 		@for $i from 2 through 6 {
 			&.columns-#{ $i } li {
-				width: calc((100% / #{ $i }) - 16px);
+				// width: calc((100% / #{ $i }) - 16px);
 			}
 		}
 	}

diff --git a/assets/css/blocks/block-library/paragraph/style.scss b/assets/css/blocks/block-library/paragraph/style.scss
@@ -1,18 +1,18 @@
-.is-small-text {
-	font-size: 14px;
-}
+// .is-small-text {
+// 	font-size: 14px;
+// }
 
-.is-regular-text {
-	font-size: 16px;
-}
+// .is-regular-text {
+// 	font-size: 16px;
+// }
 
-.is-large-text {
-	font-size: 36px;
-}
+// .is-large-text {
+// 	font-size: 36px;
+// }
 
-.is-larger-text {
-	font-size: 48px;
-}
+// .is-larger-text {
+// 	font-size: 48px;
+// }
 
 // Don't show the drop cap when editing the paragraph's content. It causes a
 // number of bugs in combination with `contenteditable` fields. The caret
@@ -36,7 +36,7 @@
 }
 
 p.has-background {
-	padding: $block-bg-padding--v $block-bg-padding--h;
+	// padding: $block-bg-padding--v $block-bg-padding--h;
 }
 
 p.has-text-color a {

diff --git a/assets/css/blocks/block-library/pullquote/style.scss b/assets/css/blocks/block-library/pullquote/style.scss
@@ -6,15 +6,15 @@
 
 	&.alignleft,
 	&.alignright {
-		max-width: $content-width / 2;
+		// max-width: $content-width / 2;
 
 		p {
-			font-size: 20px;
+			// font-size: 20px;
 		}
 	}
 
 	p {
-		font-size: 28px;
+		// font-size: 28px;
 		line-height: 1.6;
 	}
 
@@ -43,7 +43,7 @@
 		p {
 			margin-top: 0;
 			margin-bottom: 0;
-			font-size: 32px;
+			// font-size: 32px;
 		}
 
 		cite {

diff --git a/assets/css/blocks/block-library/pullquote/theme.scss b/assets/css/blocks/block-library/pullquote/theme.scss
@@ -1,8 +1,8 @@
 .wp-block-pullquote {
-	border-top: 4px solid $dark-gray-500;
-	border-bottom: 4px solid $dark-gray-500;
+	// border-top: 4px solid $dark-gray-500;
+	// border-bottom: 4px solid $dark-gray-500;
 	margin-bottom: $default-block-margin;
-	color: $dark-gray-600;
+	// color: $dark-gray-600;
 
 	cite,
 	footer,

diff --git a/assets/css/blocks/block-library/quote/style.scss b/assets/css/blocks/block-library/quote/style.scss
@@ -1,18 +1,18 @@
 .wp-block-quote {
 	&.is-style-large,
 	&.is-large {
-		margin: 0 0 16px;
+		// margin: 0 0 16px;
 		padding: 0 1em;
 
 		p {
-			font-size: 24px;
+			// font-size: 24px;
 			font-style: italic;
 			line-height: 1.6;
 		}
 
 		cite,
 		footer {
-			font-size: 18px;
+			// font-size: 18px;
 			text-align: right;
 		}
 	}

diff --git a/assets/css/blocks/block-library/readme.md b/assets/css/blocks/block-library/readme.md
@@ -1,5 +1,5 @@
 This folder contains styles for editor blocks.
 These styles were copied from the Gutenberg project, and then tweaked to remove duplicates and optimize them for use in the Gridd theme.
 
-Blocks styles copied from https://github.com/WordPress/gutenberg/tree/462d1a58f3e249252800c0c8e0df56794f4edb7c/packages/block-library/src
-Variables, mixins etc copied from https://github.com/WordPress/gutenberg/tree/462d1a58f3e249252800c0c8e0df56794f4edb7c/assets/stylesheets
+Blocks styles copied from https://github.com/WordPress/gutenberg/tree/a5dc5aed45b2865a4cd90ce05644e8e4b2125ce4/packages/block-library/src
+Variables, mixins etc copied from https://github.com/WordPress/gutenberg/tree/a5dc5aed45b2865a4cd90ce05644e8e4b2125ce4/assets/stylesheets
diff --git a/assets/css/blocks/block-library/rss/style.scss b/assets/css/blocks/block-library/rss/style.scss
@@ -14,15 +14,15 @@
 		list-style: none;
 
 		li {
-			margin: 0 16px 16px 0;
+			// margin: 0 16px 16px 0;
 			width: 100%;
 		}
 	}
 
 	@include break-small {
 		@for $i from 2 through 6 {
 			&.columns-#{ $i } li {
-				width: calc(( 100% / #{ $i } ) - 16px);
+				// width: calc(( 100% / #{ $i } ) - 16px);
 			}
 		}
 	}
@@ -32,5 +32,5 @@
 .wp-block-rss__item-author {
 	display: block;
 	color: $dark-gray-300;
-	font-size: $default-font-size;
+	// font-size: $default-font-size;
 }
diff --git a/assets/css/blocks/block-library/search/style.scss b/assets/css/blocks/block-library/search/style.scss
@@ -11,6 +11,6 @@
 	}
 
 	.wp-block-search__button {
-		margin-left: 10px;
+		// margin-left: 10px;
 	}
 }
diff --git a/assets/css/blocks/block-library/separator/style.scss b/assets/css/blocks/block-library/separator/style.scss
@@ -17,8 +17,8 @@
 
 		&::before {
 			content: "\00b7 \00b7 \00b7";
-			color: $dark-gray-900;
-			font-size: 20px;
+			// color: $dark-gray-900;
+			// font-size: 20px;
 			letter-spacing: 2em;
 			padding-left: 2em;
 			font-family: serif;