Dyad 2: Update quote block border styles, to work better with the new styles planned for Gutenberg 5.2. See #594.

This commit is contained in:
Laurel Fulford 2019-02-14 16:03:41 -08:00
parent fbf0df6ed5
commit 1e4a9cc665
2 changed files with 51 additions and 11 deletions

View file

@ -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 {

View file

@ -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 {