diff --git a/src/styles/_comments.sass b/src/styles/_comments.sass index 8dfd06c8..c9b16d8b 100644 --- a/src/styles/_comments.sass +++ b/src/styles/_comments.sass @@ -400,7 +400,7 @@ $comments-width-max: 710px border: 1px solid $color-background-dark border-radius: 3px margin: 0 auto 5px auto - padding: 10px + padding: 10px 0 10px 10px color: $color-text-dark resize: vertical transition: border-color 300ms ease-in-out @@ -507,7 +507,6 @@ $comments-width-max: 710px button.comment-action-submit margin-left: auto min-width: 180px - min-height: 30px transition: all 200ms ease-in-out +button($color-success, 3px) diff --git a/src/styles/_utils.sass b/src/styles/_utils.sass index f0eb000d..4f9ee2a4 100644 --- a/src/styles/_utils.sass +++ b/src/styles/_utils.sass @@ -24,11 +24,11 @@ @mixin button($mixin-color, $roundness, $filled: false) display: inline-flex + align-items: center + justify-content: center font-family: $font-body text-transform: uppercase - padding: - left: 12px - right: 12px + padding: 5px 12px border-radius: $roundness @if $filled