From a7eedc5f23f5bae6e45839067ffd90e004619436 Mon Sep 17 00:00:00 2001
From: Lance Willett <nanobar@gmail.com>
Date: Fri, 20 Mar 2015 16:35:28 +0000
Subject: [PATCH] Bundled themes: update editor styles to better display images
 and captions in small screens.

Props jacklenox, see #31250.
Built from https://develop.svn.wordpress.org/trunk@31849


git-svn-id: http://core.svn.wordpress.org/trunk@31828 1a063a9b-81f0-0310-95a4-ce76da25c4cd
---
 .../themes/twentyfifteen/css/editor-style.css    | 16 ++++++++++++++++
 .../themes/twentyfourteen/css/editor-style.css   | 16 ++++++++++++++++
 .../themes/twentythirteen/css/editor-style.css   | 16 ++++++++++++++++
 3 files changed, 48 insertions(+)

diff --git a/wp-content/themes/twentyfifteen/css/editor-style.css b/wp-content/themes/twentyfifteen/css/editor-style.css
index c9ea518d35..28ba7b3696 100644
--- a/wp-content/themes/twentyfifteen/css/editor-style.css
+++ b/wp-content/themes/twentyfifteen/css/editor-style.css
@@ -15,6 +15,7 @@ Description: Used to style the TinyMCE editor.
  * 6.0 - Galleries
  * 7.0 - Audio / Video
  * 8.0 - RTL
+ * 9.0 - Media Queries
  */
 
 
@@ -479,3 +480,18 @@ body.rtl {
 .rtl table caption {
 	text-align: right;
 }
+
+
+/**
+ * 9.0 Media Queries
+ */
+
+@media screen and (max-width: 660px) {
+	body, img, .wp-caption {
+		max-width: 100%;
+	}
+
+	img, .wp-caption {
+		width: auto !important;
+	}
+}
diff --git a/wp-content/themes/twentyfourteen/css/editor-style.css b/wp-content/themes/twentyfourteen/css/editor-style.css
index 010f35809e..d8706f701f 100644
--- a/wp-content/themes/twentyfourteen/css/editor-style.css
+++ b/wp-content/themes/twentyfourteen/css/editor-style.css
@@ -17,6 +17,7 @@ Description: Used to style the TinyMCE editor.
  * 8.0 - Galleries
  * 9.0 - Audio/Video
  * 10.0 - RTL
+ * 11.0 - Media Queries
  * ----------------------------------------------------------------------------
  */
 
@@ -719,3 +720,18 @@ html .mceContentBody.rtl {
 .rtl td {
 	text-align: right;
 }
+
+
+/**
+ * 11.0 Media Queries
+ */
+
+@media screen and (max-width: 474px) {
+	body, img, .wp-caption {
+		max-width: 100%;
+	}
+
+	img, .wp-caption {
+		width: auto !important;
+	}
+}
diff --git a/wp-content/themes/twentythirteen/css/editor-style.css b/wp-content/themes/twentythirteen/css/editor-style.css
index 568418992b..2e6218449e 100644
--- a/wp-content/themes/twentythirteen/css/editor-style.css
+++ b/wp-content/themes/twentythirteen/css/editor-style.css
@@ -18,6 +18,7 @@ Description: Used to style the TinyMCE editor.
  * 9.0 - Audio/Video
  * 10.0 - Post Formats
  * 11.0 - RTL
+ * 12.0 - Media Queries
  * ----------------------------------------------------------------------------
  */
 
@@ -769,3 +770,18 @@ html .mceContentBody.rtl {
 	background: none;
 	content: none;
 }
+
+
+/**
+ * 12.0 Media Queries
+ */
+
+@media screen and (max-width: 604px) {
+	body, img, .wp-caption {
+		max-width: 100%;
+	}
+
+	img, .wp-caption {
+		width: auto !important;
+	}
+}