From 1e4a9cc665047f7aec7f0ef03959736123267be1 Mon Sep 17 00:00:00 2001 From: Laurel Fulford Date: Thu, 14 Feb 2019 16:03:41 -0800 Subject: [PATCH] Dyad 2: Update quote block border styles, to work better with the new styles planned for Gutenberg 5.2. See #594. --- dyad-2/css/blocks.css | 32 ++++++++++++++++++++++---------- dyad-2/css/editor-blocks.css | 30 +++++++++++++++++++++++++++++- 2 files changed, 51 insertions(+), 11 deletions(-) diff --git a/dyad-2/css/blocks.css b/dyad-2/css/blocks.css index 181aa2921b..b3cb5d7a7e 100644 --- a/dyad-2/css/blocks.css +++ b/dyad-2/css/blocks.css @@ -97,10 +97,31 @@ p.has-drop-cap:not(:focus)::first-letter { margin-bottom: 1.5em; } -.wp-block-quote:not(.is-large):not(.is-style-large) { +.wp-block-quote:not(.is-large):not(.is-style-large), +.rtl .wp-block-quote:not(.is-large):not(.is-style-large)[style="text-align:left"] { border-left: 3px solid #ddd; + border-right: 0; margin: 0 0 1.5em 1.5em; padding-left: 1.5em; + padding-right: 0; +} + +.rtl .wp-block-quote:not(.is-large):not(.is-style-large), +.wp-block-quote:not(.is-large):not(.is-style-large)[style="text-align:right"] { + border-left: 0; + border-right: 3px solid #ddd; + margin-left: 0; + margin-right: 1.5em; + padding-left: 0; + padding-right: 1.5em; +} + +.wp-block-quote:not(.is-large):not(.is-style-large)[style="text-align:center"] { + border: 0; + margin-left: 0; + margin-right: 0; + padding-left: 0; + padding-right: 0; } .wp-block-quote p:not(:last-child) { @@ -121,15 +142,6 @@ p.has-drop-cap:not(:focus)::first-letter { text-align: inherit; } -.rtl .wp-block-quote:not(.is-large):not(.is-style-large) { - border-left: 0; - border-right: 3px solid #ddd; - margin-left: 0; - margin-right: 1.5em; - padding-left: 0; - padding-right: 1.5em; -} - /* Audio */ .wp-block-audio { diff --git a/dyad-2/css/editor-blocks.css b/dyad-2/css/editor-blocks.css index 116c3ddecd..eb1fcb1198 100644 --- a/dyad-2/css/editor-blocks.css +++ b/dyad-2/css/editor-blocks.css @@ -250,10 +250,38 @@ p.has-drop-cap:not(:focus)::first-letter { margin-bottom: 1.5em; } -.wp-block-quote:not(.is-large):not(.is-style-large) { +.wp-block-quote:not(.is-large):not(.is-style-large), +.rtl .wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align: left"], +.rtl .wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align:left"] { border-left: 3px solid #ddd; + border-right: 0; margin-left: 1.5em; + margin-right: 0; padding-left: 1.5em; + padding-right: 0; +} + +.rtl .wp-block-quote:not(.is-large):not(.is-style-large), +.wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align: right"], +.wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align:right"] { + border-left: 0; + border-right: 3px solid #ddd; + margin-left: 0; + margin-right: 1.5em; + padding-left: 0; + padding-right: 1.5em; +} + +.rtl .wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align: center"], +.wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align: center"], +.rtl .wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align:center"], +.wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align:center"] { + border-left: 0; + border-right: 0; + padding-left: 0; + padding-right: 0; + margin-left: 0; + margin-right: 0; } .edit-post-visual-editor .editor-block-list__block .wp-block-quote p {