From 860c840d7ffa1b458ab2c12bb0bab3f8c5b8ffc7 Mon Sep 17 00:00:00 2001 From: Chris Lawton <chris.lawton@torchbox.com> Date: Tue, 27 Feb 2018 16:31:15 +0000 Subject: [PATCH] adding full width, half width and bottom space button modifiers --- .../src/sass/apply/components/_button.scss | 23 +++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/opentech/static_src/src/sass/apply/components/_button.scss b/opentech/static_src/src/sass/apply/components/_button.scss index 6f25af6e3..f549a2903 100644 --- a/opentech/static_src/src/sass/apply/components/_button.scss +++ b/opentech/static_src/src/sass/apply/components/_button.scss @@ -88,5 +88,28 @@ fill: $color--primary; } } + + &--full-width { + width: 100%; + text-align: center; + } + + &--half-width { + width: 50%; + padding: 10px 0; + text-align: center; + + &:first-child { + margin-right: 20px; + } + } + + &--bottom-space { + margin-bottom: 10px; + + &:last-child { + margin-bottom: 0; + } + } } -- GitLab