malakoff: update wcs buttons

* change order
* change previous and cancel color
* add arrows
This commit is contained in:
Thomas Jund 2021-09-06 15:52:15 +02:00
parent 169fc55651
commit bf17c2bee2
2 changed files with 34 additions and 1 deletions

View File

@ -287,6 +287,38 @@ div#services > ul > li > strong > a,
}
}
%cancel-button {
background-color: white;
color: $link-color;
&:hover {
background-color: $link-color;
color: white;
}
}
div.buttons {
.previous-button button {
@extend %cancel-button;
&:before {
content: "";
font-family: "sans-serif";
margin-right: .33em;
vertical-align: 0.05em;
}
}
.submit-button button {
&::after {
content: "";
font-family: "sans-serif";
margin-left: .33em;
vertical-align: 0.05em;
}
}
}
#footer {
min-height: 130px;
padding: 20px 0px 10px 0px;
@ -493,4 +525,4 @@ div#services > ul > li > strong > a,
}
}
}
}
}

View File

@ -35,6 +35,7 @@ $button-border: 2px solid $link-color;
$button-background: $link-color;
$button-hover-background: white;
$button-hover-color: $link-color;
$buttons-order: previous (grow), cancel, submit;
$wcs-steps-spacing: 0.7rem;
$wcs-step-background: #fff;