beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
This commit is contained in:
Laurel Fulford 2019-02-15 14:21:02 -08:00
parent 114b7d1a7b
commit 2715e3f4de
2 changed files with 50 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
sketch/css/blocks.css
View file

@ -87,11 +87,33 @@ p.has-drop-cap:not(:focus)::first-letter {
}
.rtl .wp-block-quote.is-large,
.rtl .wp-block-quote.is-style-large {
.rtl .wp-block-quote.is-style-large,
.wp-block-quote[style*="text-align:right"],
.wp-block-quote.is-large[style*="text-align:right"],
.wp-block-quote.is-style-large[style*="text-align:right"] {
border-left: 0;
border-right: 3px solid #eee;
padding-left: 0;
padding-right: 24px;
}
.wp-block-quote[style*="text-align:center"],
.wp-block-quote.is-large[style*="text-align:center"],
.wp-block-quote.is-style-large[style*="text-align:center"] {
border: 0;
padding-left: 0;
padding-right: 0;
}
.rtl .wp-block-quote[style*="text-align:left"],
.rtl .wp-block-quote.is-large[style*="text-align:left"],
.rtl .wp-block-quote.is-style-large[style*="text-align:left"] {
border-left: 3px solid #eee;
border-right: 0;
padding-left: 24px;
padding-right: 0;
}
/* Audio */
.wp-block-audio {

29
sketch/css/editor-blocks.css
View file

@ -297,10 +297,18 @@ p.has-drop-cap:not(:focus)::first-letter {
.wp-block-quote:not(.is-large):not(.is-style-large),
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
.wp-block-quote.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"],
.rtl .wp-block-quote.is-large[style*="text-align:left"],
.rtl .wp-block-quote.is-large[style*="text-align: left"],
.rtl .wp-block-quote.is-style-large[style*="text-align:left"],
.rtl .wp-block-quote.is-style-large[style*="text-align: left"] {
border-left: 3px solid #eee;
border-right: 0;
line-height: 1.5;
padding-left: 24px;
padding-right: 0;
}
.wp-block-quote p,
@ -347,13 +355,30 @@ p.has-drop-cap:not(:focus)::first-letter {
.rtl .wp-block-quote:not(.is-large):not(.is-style-large),
.rtl .wp-block-quote.is-large,
.rtl .wp-block-quote.is-style-large {
.rtl .wp-block-quote.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"],
.wp-block-quote.is-large[style*="text-align:right"],
.wp-block-quote.is-large[style*="text-align: right"],
.wp-block-quote.is-style-large[style*="text-align:right"],
.wp-block-quote.is-style-large[style*="text-align: right"] {
border-left: 0;
border-right: 3px solid #eee;
padding-left: 0;
padding-right: 24px;
}
.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"],
.wp-block-quote.is-large[style*="text-align:center"],
.wp-block-quote.is-large[style*="text-align: center"],
.wp-block-quote.is-style-large[style*="text-align:center"],
.wp-block-quote.is-style-large[style*="text-align: center"] {
border: 0;
padding-left: 0;
padding-right: 0;
}
.rtl .wp-block-quote .wp-block-quote__citation {
text-align: left;
}