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