Stop having several class that do the exact same things

This commit is contained in:
gregoirenovel 2018-08-27 10:48:05 +02:00
parent f5ccb60d86
commit 1578c3bca6
2 changed files with 11 additions and 30 deletions

View file

@ -349,7 +349,7 @@ $cta-panel-button-border-size: 2px;
}
}
.cta-panel-button {
.cta-panel-button-black {
@include horizontal-padding(40px);
@include vertical-padding(15px);
display: block;
@ -358,36 +358,17 @@ $cta-panel-button-border-size: 2px;
text-align: center;
cursor: pointer;
margin-top: 20px;
border: $cta-panel-button-border-size solid #000000;
color: #000000;
&.black {
border: $cta-panel-button-border-size solid #000000;
color: #000000;
&:hover {
text-decoration: none;
background-color: #F8F8F8;
}
&:focus {
color: #F8F8F8;
text-decoration: none;
}
&:hover {
text-decoration: none;
background-color: #F8F8F8;
}
&.white {
border: $cta-panel-button-border-size solid #FFFFFF;
color: #FFFFFF;
&:hover {
color: #FFFFFF;
text-decoration: none;
background-color: rgba(255, 255, 255, 0.2);
}
&:focus {
color: #FFFFFF;
text-decoration: none;
}
&:focus {
color: #F8F8F8;
text-decoration: none;
}
}

View file

@ -72,7 +72,7 @@
%div
= link_to "Contactez-nous",
"mailto:#{CONTACT_EMAIL}?subject=Question%20à%20propos%20de%20demarches-simplifiees.fr",
class: "cta-panel-button white",
class: "cta-panel-button-white",
target: "_blank",
rel: "noopener noreferrer"
@ -85,4 +85,4 @@
%div
= link_to "Découvrez notre outil",
administration_path,
class: "cta-panel-button black"
class: "cta-panel-button-black"