Factorize code in a mixin
In this file we factorise with a mixing, not several classes
This commit is contained in:
parent
1578c3bca6
commit
df6d9151b8
1 changed files with 6 additions and 9 deletions
|
@ -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;
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue