diff --git a/seedlet-blocks/assets/theme.css b/seedlet-blocks/assets/theme.css index 8ba71dacaa..0691f10b88 100644 --- a/seedlet-blocks/assets/theme.css +++ b/seedlet-blocks/assets/theme.css @@ -184,7 +184,6 @@ is passed all of the block attributes on the block definition in the template. * .wp-block-post-comments .comment-meta, .wp-block-post-comments .comment-author { font-size: var(--wp--preset--font-size--tiny); - margin-left: 0; } .wp-block-post-comments .comment-meta a, @@ -197,10 +196,6 @@ is passed all of the block attributes on the block definition in the template. * --wp--custom--form--label--spacing--margin--bottom: 0; } -.wp-block-post-comments .commentlist .comment { - padding-left: 0; -} - .wp-block-post-comments .commentlist > li { margin-bottom: var(--wp--custom--margin--vertical); } @@ -209,6 +204,11 @@ is passed all of the block attributes on the block definition in the template. * border-bottom: 1px solid var(--wp--custom--form--border--color); } +.wp-block-post-comments .commentlist .children > li { + padding-top: var(--wp--custom--margin--vertical); + border-top: 1px solid var(--wp--custom--form--border--color); +} + .wp-block-post-comments .comment .comment-author .avatar { border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color); height: 42px; diff --git a/seedlet-blocks/sass/blocks/_post-comments.scss b/seedlet-blocks/sass/blocks/_post-comments.scss index 907819146e..b00912096e 100644 --- a/seedlet-blocks/sass/blocks/_post-comments.scss +++ b/seedlet-blocks/sass/blocks/_post-comments.scss @@ -8,7 +8,6 @@ .comment-meta, .comment-author { font-size: var(--wp--preset--font-size--tiny); - margin-left: 0; a { text-decoration: none; @@ -23,17 +22,21 @@ } .commentlist { - .comment { - padding-left: 0; - } > li { margin-bottom: var(--wp--custom--margin--vertical); - &:not(first-child) { border-bottom: 1px solid var(--wp--custom--form--border--color); } } + + .children { + > li { + padding-top: var(--wp--custom--margin--vertical); + border-top: 1px solid var(--wp--custom--form--border--color); + } + + } } .comment .comment-author {