Stop having several class that do the exact same things
This commit is contained in:
parent
f5ccb60d86
commit
1578c3bca6
2 changed files with 11 additions and 30 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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"
|
||||
|
|
Loading…
Reference in a new issue