From b091044bc2c2079bae4e1f2ab33b5c435c90a812 Mon Sep 17 00:00:00 2001 From: Pablo Vazquez Date: Mon, 12 Jun 2017 19:06:02 +0200 Subject: [PATCH] Small tweaks to buttons --- src/styles/_comments.sass | 3 +-- src/styles/_utils.sass | 6 +++--- 2 files changed, 4 insertions(+), 5 deletions(-) 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