Twenty Sixteen: Quote block border width is relative on front end but 4px in editor

[nidhidhandhukiya]

Steps to reproduce the issue :-

1. Activate Twenty Sixteen theme.
2. Choose Quote block.
3. Now add some text.
4. Change font size.

When you change the font size and looks both the side in editor and front end you can able to see that there is a difference in border in front side.
But, the border remains same in editor side.

I have attached video for better understanding.
Video URL :- ​https://share.cleanshot.com/XC73JqNtZcQVs7wbbZMY

[sabernhardt]

setting border width in Quote block section, where it would not need !important, and adding RTL

[kamran8176]

@nidhidhandhukiya Hello, I checked the issue you mentioned above about the border width issue on Twenty Sixteen: Quote block, I fixed the problem with the below CSS without !important

blockquote.wp-block-quote{
	border-left-width: 4px;
}

[pitamdey]

Yes @kamran8176, I think this will work

[sabernhardt]

I want to use :where(.rtl) for a patch like 60239.2.patch​ (if we adjust the front end instead of the editor)

[karmatosed]

@sabernhardt if I am understanding you would like to iterate a new patch with the :where adjustment. That is absolutely fine.

[shailu25]

Patch Updated.

[shailu25]

Updated Patch as per suggested in Above Comment.

[karmatosed]

Thank you @shailu25 I will now test.

[karmatosed]

In 58777:

Twenty Sixteen: Fixes Quote block border width changes depending on font size.

When the font size is changed the border on the front was changing in width. This fix resolves that to make sure the width does not adjust.

Props nidhidhandhukiya, sabernhardt, kamran8176, pitamdey, shailu25.
Fixes #60239.