From 340281c19285216c88834923874c583ec5054c57 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= Date: Tue, 20 Sep 2016 10:21:33 +0200 Subject: [PATCH] Add a white button style --- app/static/src/sass/global/_buttons.scss | 12 ++++++ app/static/src/sass/global/_wysiwyg.scss | 50 ++++++++++++++++++++++++ 2 files changed, 62 insertions(+) diff --git a/app/static/src/sass/global/_buttons.scss b/app/static/src/sass/global/_buttons.scss index 393df9be..fe9b8d02 100755 --- a/app/static/src/sass/global/_buttons.scss +++ b/app/static/src/sass/global/_buttons.scss @@ -41,6 +41,18 @@ $module: ".button"; } + &--white { + + background-color: white; + color: $color-black; + + &:hover { + background-color: $color-black; + color: white; + } + + } + &--small { @include font-size(m); @include padding(.18 1); diff --git a/app/static/src/sass/global/_wysiwyg.scss b/app/static/src/sass/global/_wysiwyg.scss index eb7318fb..9872880b 100644 --- a/app/static/src/sass/global/_wysiwyg.scss +++ b/app/static/src/sass/global/_wysiwyg.scss @@ -91,3 +91,53 @@ a.wys-button-black-xsmall { @include margin(1); } + +a.wys-button-white { + + @extend .button; + @extend .button--white; + + .page__block--black & { + color: $color-black; + &:hover { + color: white; + } + } + + @include margin(1); + +} + +a.wys-button-white-small { + + @extend .button; + @extend .button--white; + @extend .button--small; + + .page__block--black & { + color: $color-black; + &:hover { + color: white; + } + } + + @include margin(1); + +} + +a.wys-button-white-xsmall { + + @extend .button; + @extend .button--white; + @extend .button--xsmall; + + .page__block--black & { + color: $color-black; + &:hover { + color: white; + } + } + + @include margin(1); + +} -- 2.39.5