From df6d9151b82672ea641d0b5e56f1a6f1ccd0dc2f Mon Sep 17 00:00:00 2001
From: gregoirenovel <log@kinko.fr>
Date: Mon, 27 Aug 2018 10:51:49 +0200
Subject: [PATCH] Factorize code in a mixin

In this file we factorise with a mixing, not
several classes
---
 app/assets/stylesheets/new_design/landing.scss | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/app/assets/stylesheets/new_design/landing.scss b/app/assets/stylesheets/new_design/landing.scss
index 20182eb7e..0d3ed3f30 100644
--- a/app/assets/stylesheets/new_design/landing.scss
+++ b/app/assets/stylesheets/new_design/landing.scss
@@ -325,7 +325,7 @@ $users-breakpoint: 950px;
 
 $cta-panel-button-border-size: 2px;
 
-.cta-panel-button-white {
+@mixin cta-panel-button {
   @include horizontal-padding(40px);
   @include vertical-padding(15px);
   display: block;
@@ -334,6 +334,10 @@ $cta-panel-button-border-size: 2px;
   text-align: center;
   cursor: pointer;
   margin-top: 20px;
+}
+
+.cta-panel-button-white {
+  @include cta-panel-button;
   border: $cta-panel-button-border-size solid #FFFFFF;
   color: #FFFFFF;
 
@@ -350,14 +354,7 @@ $cta-panel-button-border-size: 2px;
 }
 
 .cta-panel-button-black {
-  @include horizontal-padding(40px);
-  @include vertical-padding(15px);
-  display: block;
-  border-radius: 100px;
-  font-size: 24px;
-  text-align: center;
-  cursor: pointer;
-  margin-top: 20px;
+  @include cta-panel-button;
   border: $cta-panel-button-border-size solid #000000;
   color: #000000;