diff --git a/packages/block-library/src/paragraph/editor.scss b/packages/block-library/src/paragraph/editor.scss index 61dfe13ed9bbaa..369cc5cb1d63a9 100644 --- a/packages/block-library/src/paragraph/editor.scss +++ b/packages/block-library/src/paragraph/editor.scss @@ -17,3 +17,8 @@ } } } + +.block-editor-block-list__block[data-type="core/paragraph"].has-text-align-right[style*="writing-mode: vertical-rl"], +.block-editor-block-list__block[data-type="core/paragraph"].has-text-align-left[style*="writing-mode: vertical-lr"] { + rotate: 180deg; +} diff --git a/packages/block-library/src/paragraph/style.scss b/packages/block-library/src/paragraph/style.scss index f3bb9f8c5aee86..34960bdb2fd589 100644 --- a/packages/block-library/src/paragraph/style.scss +++ b/packages/block-library/src/paragraph/style.scss @@ -49,3 +49,8 @@ p.has-background { :where(p.has-text-color:not(.has-link-color)) a { color: inherit; } + +p.has-text-align-right[style*="writing-mode:vertical-rl"], +p.has-text-align-left[style*="writing-mode:vertical-lr"] { + rotate: 180deg; +} diff --git a/packages/block-library/src/post-navigation-link/index.php b/packages/block-library/src/post-navigation-link/index.php index 8b5d82e745aeed..c9e3bfa8aeff1e 100644 --- a/packages/block-library/src/post-navigation-link/index.php +++ b/packages/block-library/src/post-navigation-link/index.php @@ -30,7 +30,7 @@ function render_block_core_post_navigation_link( $attributes, $content ) { } $styles = ''; if ( isset( $attributes['style']['typography']['writingMode'] ) ) { - $styles = "writing-mode:{$attributes['style']['typography']['writingMode']};"; + $styles = "writing-mode: {$attributes['style']['typography']['writingMode']};"; } $wrapper_attributes = get_block_wrapper_attributes( array( diff --git a/packages/block-library/src/post-navigation-link/style.scss b/packages/block-library/src/post-navigation-link/style.scss index 7af462c3808193..0f6a9fd3062b81 100644 --- a/packages/block-library/src/post-navigation-link/style.scss +++ b/packages/block-library/src/post-navigation-link/style.scss @@ -20,4 +20,8 @@ } } + &.has-text-align-right[style*="writing-mode: vertical-rl"], + &.has-text-align-left[style*="writing-mode: vertical-lr"] { + rotate: 180deg; + } }