Factorize code in a mixin

In this file we factorise with a mixing, not
several classes
This commit is contained in:
gregoirenovel 2018-08-27 10:51:49 +02:00
parent 1578c3bca6
commit df6d9151b8

View file

@ -325,7 +325,7 @@ $users-breakpoint: 950px;
$cta-panel-button-border-size: 2px; $cta-panel-button-border-size: 2px;
.cta-panel-button-white { @mixin cta-panel-button {
@include horizontal-padding(40px); @include horizontal-padding(40px);
@include vertical-padding(15px); @include vertical-padding(15px);
display: block; display: block;
@ -334,6 +334,10 @@ $cta-panel-button-border-size: 2px;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
margin-top: 20px; margin-top: 20px;
}
.cta-panel-button-white {
@include cta-panel-button;
border: $cta-panel-button-border-size solid #FFFFFF; border: $cta-panel-button-border-size solid #FFFFFF;
color: #FFFFFF; color: #FFFFFF;
@ -350,14 +354,7 @@ $cta-panel-button-border-size: 2px;
} }
.cta-panel-button-black { .cta-panel-button-black {
@include horizontal-padding(40px); @include cta-panel-button;
@include vertical-padding(15px);
display: block;
border-radius: 100px;
font-size: 24px;
text-align: center;
cursor: pointer;
margin-top: 20px;
border: $cta-panel-button-border-size solid #000000; border: $cta-panel-button-border-size solid #000000;
color: #000000; color: #000000;