Blockbase: Add comment form input & textarea border styles

This commit is contained in:
Sarah Norris 2021-08-06 14:56:50 +01:00
parent bd08979092
commit b85080db50
4 changed files with 10 additions and 2 deletions

View file

@ -464,6 +464,11 @@ p.has-background {
width: 100%; width: 100%;
} }
.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments .comment-form textarea {
border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
}
.wp-block-post-comments .comment-reply-title small { .wp-block-post-comments .comment-reply-title small {
float: right; float: right;
font-size: 14px; font-size: 14px;

View file

@ -24,6 +24,11 @@
input[type="text"] { input[type="text"] {
width: 100%; width: 100%;
} }
input:not([type=submit]):not([type=checkbox]),
textarea {
border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
}
} }
.comment-reply-title { .comment-reply-title {

View file

@ -146,7 +146,6 @@
.wp-block-post-comments form input:not([type=submit]):not([type=checkbox]), .wp-block-post-comments form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments form textarea { .wp-block-post-comments form textarea {
border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
background: var(--wp--custom--color--background); background: var(--wp--custom--color--background);
font-size: var(--wp--preset--font-size--normal); font-size: var(--wp--preset--font-size--normal);
width: 100%; width: 100%;

View file

@ -45,7 +45,6 @@
input:not([type=submit]):not([type=checkbox]), input:not([type=submit]):not([type=checkbox]),
textarea { textarea {
border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
background: var(--wp--custom--color--background); background: var(--wp--custom--color--background);
font-size: var(--wp--preset--font-size--normal); font-size: var(--wp--preset--font-size--normal);
width: 100%; width: 100%;