richtabor · June 8, 2018 10:27
diff --git a/containers-with-no-width-alignwide.css b/containers-with-no-width-alignwide.css
 .entry-content > *.alignwide {
 	max-width: 1024px;
 }
diff --git a/containers-with-no-width.css b/containers-with-no-width.css
 .entry-content > *:not( .alignwide ):not( .alignfull ) {
 	margin-left: auto;
 	margin-right: auto;
 	max-width: 740px;
 	padding-left: 20px;
 	padding-right: 20px;
 }
diff --git a/floats.css b/floats.css
 .alignleft img {
 	float: left;
 }
 .alignright img {
 	float: right;
 }
diff --git a/gutenberg-images.php b/gutenberg-images.php
 <?php
 /**
 * Registers support for Gutenberg wide images in Writy.
 */
 function writy_setup() {
  add_theme_support( 'align-wide' );
 }
 add_action( 'after_setup_theme', 'writy_setup' );
diff --git a/max-width-containers-alignfull.css b/max-width-containers-alignfull.css
 .entry-content .alignfull {
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw;
 }
diff --git a/max-width-containers-alignwide.css b/max-width-containers-alignwide.css
 .entry-content .alignwide {
    margin-left  : -100px;
    margin-right : -100px;
    max-width    : 1024px;
 }
	.entry-content > *:not( .alignwide ):not( .alignfull ) {
	margin-left: auto;
	margin-right: auto;
	max-width: 740px;
	padding-left: 20px;
	padding-right: 20px;
	}
	<?php
	/**
	* Registers support for Gutenberg wide images in Writy.
	*/
	function writy_setup() {
	add_theme_support( 'align-wide' );
	}
	add_action( 'after_setup_theme', 'writy_setup' );