diff --git a/wp-content/themes/twentynineteen-tailwindcss/comments.php b/wp-content/themes/twentynineteen-tailwindcss/comments.php index 0100f71..1e8fb89 100644 --- a/wp-content/themes/twentynineteen-tailwindcss/comments.php +++ b/wp-content/themes/twentynineteen-tailwindcss/comments.php @@ -101,10 +101,10 @@ $discussion = twentynineteen_get_discussion_data(); // Show comment form at bottom if showing newest comments at the bottom. if ( comments_open() && 'asc' === strtolower( get_option( 'comment_order', 'asc' ) ) ) : ?> -
+
- +
* { + @apply mt-4; + } + + label { + @apply w-full block pb-2; + @apply text-sm text-gray-700; + } + + input, + textarea { + @apply w-full p-3 border border-gray-400; + + &:focus { + @apply bg-white outline-none border-blue-700; + } + } + + .form-submit { + @apply mt-6; + } + + input[type=submit] { + @apply w-auto; + } +} diff --git a/wp-content/themes/twentynineteen-tailwindcss/src/css/style.css b/wp-content/themes/twentynineteen-tailwindcss/src/css/style.css index 8b8b887..e177b3d 100644 --- a/wp-content/themes/twentynineteen-tailwindcss/src/css/style.css +++ b/wp-content/themes/twentynineteen-tailwindcss/src/css/style.css @@ -26,6 +26,7 @@ h2:before { } @import 'components/avatars.css'; +@import 'components/comment-form.css'; @import 'components/comment-list.css'; @import 'components/content.css'; @import 'components/discussion-avatar-list.css';