1.1.3 (#65)

* Update npm packages and Gruntfile * Adjust z-index on hero text. Resolves #46 * Adjust site title width, tweak menu-toggle top padding. Resolves #48 * WooCommerce cart menu item background tweak (#52) * Fix WooCommerce cart menu background * Tweak gruntfile. Remove charset inside of grunt sass watch task * update packages * Update readme changelog. Regen readme.md * Bump tested up to version to 4.9 * Update travis.yml * Sync develop with master * Add image license * Add image license to readme * Regen readme.md * Tweak site title wrapper width (#57) * Introduce styles for privacy policy link in footer and comment cookie checkbox (#62) * Update readme, update api_key in travis deploy * Introduce Gutenberg block support (#55) * Introduce gutenberg block support * Remove .scss file extension * Tweak pullquote styles, image floats, responsive styles. * Update styles * Update gutenberg styles * Tweak spacing * Update gutenberg styles. Update readme changelog.
godaddy-wordpress · Jul 27, 2018 · 8de32df · 8de32df
1 parent 764383e
commit 8de32df
Show file tree

Hide file tree

Showing 6 changed files with 305 additions and 0 deletions.
diff --git a/.dev/sass/compat/gutenberg.scss b/.dev/sass/compat/gutenberg.scss
@@ -0,0 +1,92 @@
+/*--------------------------------------------------------------
+>>> Gutenberg:
+--------------------------------------------------------------*/
+.wp-block-cover-image {
+	margin-bottom: 1.5rem;
+}
+
+[class^="wp-block-"].alignfull {
+	width: 100.5vw;
+	position: relative;
+	left: 50%;
+	right: 50%;
+	margin-left: -50vw;
+	margin-right: -50vw;
+
+	@media #{$small-only} {
+		width: 100vw;
+	}
+
+	img {
+		width: 100%;
+	}
+}
+
+[class^="wp-block-"].alignwide {
+	margin-left: -1.5%;
+	margin-right: -1.5%;
+	width: 102%;
+
+	@media #{$medium-only} {
+		margin-left: -1.25%;
+		margin-right: -1.25%;
+		width: 102.5%
+	}
+}
+
+.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 1em 0.5em 0;
+	}
+
+	&.alignright {
+		margin: 0 0 0.5em 1em;
+	}
+
+	&.alignleft,
+	&.alignright {
+		max-width: 40%;
+		width: 100%;
+
+		img {
+			width: inherit;
+		}
+	}
+}
+
+.wp-block-gallery {
+	margin-left: 0;
+	margin-right: 0;
+
+	&.is-cropped .blocks-gallery-item img {
+		height: auto;
+	}
+}
+
+.wp-block-quote {
+	p {
+		margin-bottom: 0;
+	}
+}
+
+.wp-block-pullquote {
+	margin-top: 1em;
+	margin-bottom: 1em;
+}
+
+.wp-block-button.aligncenter {
+	margin-bottom: 1.5em;
+}
+
+.wp-block-audio {
+	audio {
+		width: 100%;
+	}
+}
diff --git a/.dev/sass/style.scss b/.dev/sass/style.scss
@@ -171,3 +171,4 @@
 # Compat
 --------------------------------------------------------------*/
 @import "compat/woocommerce";
+@import "compat/gutenberg";
diff --git a/readme.md b/readme.md
@@ -95,6 +95,10 @@ TODO
 
 ## Changelog ##
 
+### 1.1.3 ###
+
+* New: Introduce styles for Gutenberg. @props [evanherman](https://github.com/EvanHerman)
+
 ### 1.1.2 ###
 
 * Tweak: Adjust site title wrapper width so long titles wrap properly. @props [evanherman](https://github.com/EvanHerman)

diff --git a/readme.txt b/readme.txt
@@ -93,6 +93,10 @@ TODO
 
 == Changelog ==
 
+= 1.1.3 =
+
+* New: Introduce styles for Gutenberg. @props [evanherman](https://github.com/EvanHerman)
+
 = 1.1.2 =
 
 * Tweak: Adjust site title wrapper width so long titles wrap properly. @props [evanherman](https://github.com/EvanHerman)

diff --git a/style-rtl.css b/style-rtl.css
@@ -2650,3 +2650,105 @@ body.woocommerce-cart .primer-wc-cart-sub-menu {
 @media only screen and (max-width: 40.063em) {
   .primer-wc-cart-menu .primer-wc-cart-sub-menu .widget_shopping_cart {
     width: 100%; } }
+
+/*--------------------------------------------------------------
+>>> Gutenberg:
+--------------------------------------------------------------*/
+.wp-block-cover-image {
+  margin-bottom: 1.5rem; }
+
+[class^="wp-block-"].alignfull {
+  width: 100.5vw;
+  position: relative;
+  right: 50%;
+  left: 50%;
+  margin-right: -50vw;
+  margin-left: -50vw; }
+  @media only screen and (max-width: 40.063em) {
+    [class^="wp-block-"].alignfull {
+      width: 100vw; } }
+  [class^="wp-block-"].alignfull img {
+    width: 100%; }
+
+[class^="wp-block-"].alignwide {
+  margin-right: -1.5%;
+  margin-left: -1.5%;
+  width: 102%; }
+  @media only screen and (min-width: 40.063em) and (max-width: 61.063em) {
+    [class^="wp-block-"].alignwide {
+      margin-right: -1.25%;
+      margin-left: -1.25%;
+      width: 102.5%; } }
+
+.wp-block-image.alignleft,
+.wp-block-gallery.alignleft,
+.wp-block-video.alignleft,
+.wp-block-quote.alignleft,
+.wp-block-text-columns.alignleft,
+.entry-content ul.alignleft,
+.entry-content ol.alignleft,
+.wp-block-cover-text.alignleft {
+  margin: 0 0 0.5em 1em; }
+
+.wp-block-image.alignright,
+.wp-block-gallery.alignright,
+.wp-block-video.alignright,
+.wp-block-quote.alignright,
+.wp-block-text-columns.alignright,
+.entry-content ul.alignright,
+.entry-content ol.alignright,
+.wp-block-cover-text.alignright {
+  margin: 0 1em 0.5em 0; }
+
+.wp-block-image.alignleft, .wp-block-image.alignright,
+.wp-block-gallery.alignleft,
+.wp-block-gallery.alignright,
+.wp-block-video.alignleft,
+.wp-block-video.alignright,
+.wp-block-quote.alignleft,
+.wp-block-quote.alignright,
+.wp-block-text-columns.alignleft,
+.wp-block-text-columns.alignright,
+.entry-content ul.alignleft,
+.entry-content ul.alignright,
+.entry-content ol.alignleft,
+.entry-content ol.alignright,
+.wp-block-cover-text.alignleft,
+.wp-block-cover-text.alignright {
+  max-width: 40%;
+  width: 100%; }
+  .wp-block-image.alignleft img, .wp-block-image.alignright img,
+  .wp-block-gallery.alignleft img,
+  .wp-block-gallery.alignright img,
+  .wp-block-video.alignleft img,
+  .wp-block-video.alignright img,
+  .wp-block-quote.alignleft img,
+  .wp-block-quote.alignright img,
+  .wp-block-text-columns.alignleft img,
+  .wp-block-text-columns.alignright img,
+  .entry-content ul.alignleft img,
+  .entry-content ul.alignright img,
+  .entry-content ol.alignleft img,
+  .entry-content ol.alignright img,
+  .wp-block-cover-text.alignleft img,
+  .wp-block-cover-text.alignright img {
+    width: inherit; }
+
+.wp-block-gallery {
+  margin-right: 0;
+  margin-left: 0; }
+  .wp-block-gallery.is-cropped .blocks-gallery-item img {
+    height: auto; }
+
+.wp-block-quote p {
+  margin-bottom: 0; }
+
+.wp-block-pullquote {
+  margin-top: 1em;
+  margin-bottom: 1em; }
+
+.wp-block-button.aligncenter {
+  margin-bottom: 1.5em; }
+
+.wp-block-audio audio {
+  width: 100%; }
diff --git a/style.css b/style.css
@@ -2650,3 +2650,105 @@ body.woocommerce-cart .primer-wc-cart-sub-menu {
 @media only screen and (max-width: 40.063em) {
   .primer-wc-cart-menu .primer-wc-cart-sub-menu .widget_shopping_cart {
     width: 100%; } }
+
+/*--------------------------------------------------------------
+>>> Gutenberg:
+--------------------------------------------------------------*/
+.wp-block-cover-image {
+  margin-bottom: 1.5rem; }
+
+[class^="wp-block-"].alignfull {
+  width: 100.5vw;
+  position: relative;
+  left: 50%;
+  right: 50%;
+  margin-left: -50vw;
+  margin-right: -50vw; }
+  @media only screen and (max-width: 40.063em) {
+    [class^="wp-block-"].alignfull {
+      width: 100vw; } }
+  [class^="wp-block-"].alignfull img {
+    width: 100%; }
+
+[class^="wp-block-"].alignwide {
+  margin-left: -1.5%;
+  margin-right: -1.5%;
+  width: 102%; }
+  @media only screen and (min-width: 40.063em) and (max-width: 61.063em) {
+    [class^="wp-block-"].alignwide {
+      margin-left: -1.25%;
+      margin-right: -1.25%;
+      width: 102.5%; } }
+
+.wp-block-image.alignleft,
+.wp-block-gallery.alignleft,
+.wp-block-video.alignleft,
+.wp-block-quote.alignleft,
+.wp-block-text-columns.alignleft,
+.entry-content ul.alignleft,
+.entry-content ol.alignleft,
+.wp-block-cover-text.alignleft {
+  margin: 0 1em 0.5em 0; }
+
+.wp-block-image.alignright,
+.wp-block-gallery.alignright,
+.wp-block-video.alignright,
+.wp-block-quote.alignright,
+.wp-block-text-columns.alignright,
+.entry-content ul.alignright,
+.entry-content ol.alignright,
+.wp-block-cover-text.alignright {
+  margin: 0 0 0.5em 1em; }
+
+.wp-block-image.alignleft, .wp-block-image.alignright,
+.wp-block-gallery.alignleft,
+.wp-block-gallery.alignright,
+.wp-block-video.alignleft,
+.wp-block-video.alignright,
+.wp-block-quote.alignleft,
+.wp-block-quote.alignright,
+.wp-block-text-columns.alignleft,
+.wp-block-text-columns.alignright,
+.entry-content ul.alignleft,
+.entry-content ul.alignright,
+.entry-content ol.alignleft,
+.entry-content ol.alignright,
+.wp-block-cover-text.alignleft,
+.wp-block-cover-text.alignright {
+  max-width: 40%;
+  width: 100%; }
+  .wp-block-image.alignleft img, .wp-block-image.alignright img,
+  .wp-block-gallery.alignleft img,
+  .wp-block-gallery.alignright img,
+  .wp-block-video.alignleft img,
+  .wp-block-video.alignright img,
+  .wp-block-quote.alignleft img,
+  .wp-block-quote.alignright img,
+  .wp-block-text-columns.alignleft img,
+  .wp-block-text-columns.alignright img,
+  .entry-content ul.alignleft img,
+  .entry-content ul.alignright img,
+  .entry-content ol.alignleft img,
+  .entry-content ol.alignright img,
+  .wp-block-cover-text.alignleft img,
+  .wp-block-cover-text.alignright img {
+    width: inherit; }
+
+.wp-block-gallery {
+  margin-left: 0;
+  margin-right: 0; }
+  .wp-block-gallery.is-cropped .blocks-gallery-item img {
+    height: auto; }
+
+.wp-block-quote p {
+  margin-bottom: 0; }
+
+.wp-block-pullquote {
+  margin-top: 1em;
+  margin-bottom: 1em; }
+
+.wp-block-button.aligncenter {
+  margin-bottom: 1.5em; }
+
+.wp-block-audio audio {
+  width: 100%; }