diff --git a/patterns/comments.php b/patterns/comments.php new file mode 100644 index 00000000..84493960 --- /dev/null +++ b/patterns/comments.php @@ -0,0 +1,53 @@ + + +
+ +

Comments

+ + + + +
+ +
+ + +
+ + + + +
+ + +
+ +
+ +
+ +
+ + + + + + + + + +
+ diff --git a/templates/single.html b/templates/single.html index 971cce67..04d4c426 100644 --- a/templates/single.html +++ b/templates/single.html @@ -22,6 +22,7 @@
+
diff --git a/theme.json b/theme.json index a77b6ddb..610e10b1 100644 --- a/theme.json +++ b/theme.json @@ -931,6 +931,11 @@ "lineHeight": "1.4" }, "blocks": { + "core/avatar": { + "border": { + "radius": "100px" + } + }, "core/code": { "typography": { "fontFamily": "var:preset|font-family|fira-code", @@ -943,33 +948,131 @@ }, "spacing": { "padding": { - "right": "var(--wp--preset--spacing--40)", - "bottom": "var(--wp--preset--spacing--40)", - "left": "var(--wp--preset--spacing--40)", - "top": "var(--wp--preset--spacing--40)" + "right": "var:preset|spacing|40", + "bottom": "var:preset|spacing|40", + "left": "var:preset|spacing|40", + "top": "var:preset|spacing|40" } } }, "core/comment-author-name": { + "color": { + "text": "var:preset|color|primary" + }, + "elements": { + "link": { + "color": { + "text": "var:preset|color|primary" + }, + "typography": { + "textDecoration": "none" + }, + ":hover": { + "typography": { + "textDecoration": "underline" + } + } + } + }, "typography": { - "fontSize": "var:preset|font-size|small" + "fontSize": "var:preset|font-size|small", + "fontStyle": "normal" + }, + "spacing": { + "margin": { + "top": "5px", + "bottom": "0px" + } + } + }, + "core/comment-content": { + "typography": { + "fontSize": "var:preset|font-size|medium" + }, + "spacing": { + "margin": { + "top": "var:preset|spacing|30", + "bottom": "var:preset|spacing|30" + } } }, "core/comment-date": { "typography": { "fontSize": "var:preset|font-size|small" + }, + "color": { + "text": "var:preset|color|contrast" + }, + "elements": { + "link": { + "color": { + "text": "var:preset|color|contrast" + } + } } }, "core/comment-edit-link": { + "elements": { + "link": { + "color": { + "text": "var:preset|color|contrast" + } + } + }, "typography": { "fontSize": "var:preset|font-size|small" } }, "core/comment-reply-link": { + "elements": { + "link": { + "color": { + "text": "var:preset|color|contrast" + } + } + }, "typography": { "fontSize": "var:preset|font-size|small" } }, + "core/post-comments-form": { + "css": "& textarea, input:not([type=submit]){border-radius:.25rem; border-color: var(--wp--preset--color--opacity-20) !important;} & input[type=checkbox]{margin:0 .2rem 0 0 !important;} & label {font-size: var(--wp--preset--font-size--small); }", + "typography": { + "fontSize": "var:preset|font-size|medium" + }, + "spacing": { + "padding": { + "top": "var:preset|spacing|40", + "bottom": "var:preset|spacing|40" + } + } + }, + "core/comments-pagination": { + "typography": { + "fontSize": "var:preset|font-size|medium" + }, + "spacing": { + "margin": { + "top": "var:preset|spacing|40", + "bottom": "var:preset|spacing|40" + } + } + }, + "core/comments-pagination-next": { + "typography": { + "fontSize": "var:preset|font-size|medium" + } + }, + "core/comments-pagination-numbers": { + "typography": { + "fontSize": "var:preset|font-size|medium" + } + }, + "core/comments-pagination-previous": { + "typography": { + "fontSize": "var:preset|font-size|medium" + } + }, "core/post-date": { "color":{ "text": "var:preset|color|primary" @@ -1112,7 +1215,7 @@ "elements": { "button": { "typography": { - "fontSize": "var:preset|font-size|small" + "fontSize": "var:preset|font-size|medium" }, "color": { "background": "var:preset|color|contrast",