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-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;
|
||||
|
||||
|
|
Loading…
Reference in a new issue