caen: restore tracking-code-input button colors (#86414)
This commit is contained in:
parent
31271e2352
commit
53bcaaf537
|
@ -94,20 +94,18 @@ label {
|
||||||
}
|
}
|
||||||
|
|
||||||
%cancel-button {
|
%cancel-button {
|
||||||
&, &:hover {
|
--background: #fff;
|
||||||
padding: 1.1em 2em 1em;
|
--color: black;
|
||||||
background-color: #fff;
|
padding: 1.1em 2em 1em;
|
||||||
color: black;
|
border-color: $gray;
|
||||||
border-color: $gray;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
%orange-button {
|
%orange-button {
|
||||||
@extend %cancel-button;
|
padding: 1.1em 2em 1em;
|
||||||
&, &:hover {
|
--color: black;
|
||||||
background-color: $orange !important;
|
--background: #{$orange};
|
||||||
border-color: $orange;
|
--hover-background: #{$orange};
|
||||||
}
|
border-color: $orange;
|
||||||
}
|
}
|
||||||
|
|
||||||
//
|
//
|
||||||
|
@ -492,7 +490,7 @@ $topmessage-alt :
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
div.tracking-code-input-cell {
|
.gru-content div.tracking-code-input-cell {
|
||||||
@extend .cell-with-dash;
|
@extend .cell-with-dash;
|
||||||
@extend .cell-blue;
|
@extend .cell-blue;
|
||||||
p {
|
p {
|
||||||
|
@ -507,20 +505,20 @@ div.tracking-code-input-cell {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
}
|
input.tracking-code--input {
|
||||||
input.tracking-code--input {
|
flex: 1 1 0;
|
||||||
flex: 1 1 0;
|
margin: 0;
|
||||||
margin: 0;
|
min-width: 8em;
|
||||||
min-width: 8em;
|
}
|
||||||
}
|
button {
|
||||||
button {
|
@extend %button;
|
||||||
margin-right: 0;
|
--hover-background: #{$orange};
|
||||||
border-radius: 3px;
|
margin-right: 0;
|
||||||
margin-left: 0.25em;
|
border-radius: 3px;
|
||||||
&:hover {
|
margin-left: 0.25em;
|
||||||
background: $orange;
|
&:hover {
|
||||||
color: black;
|
box-shadow: none;
|
||||||
box-shadow: none;
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.cell h2 + div {
|
&.cell h2 + div {
|
||||||
|
@ -619,10 +617,6 @@ div#rub_service {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
div.gru-content .submit-button button,
|
|
||||||
div.gru-content button.submit-button {
|
|
||||||
@extend %orange-button;
|
|
||||||
}
|
|
||||||
div.gru-content .previous-button button {
|
div.gru-content .previous-button button {
|
||||||
@extend %cancel-button;
|
@extend %cancel-button;
|
||||||
}
|
}
|
||||||
|
|
|
@ -68,6 +68,7 @@ $button-background: black;
|
||||||
$buttons-order: cancel (grow), previous, submit;
|
$buttons-order: cancel (grow), previous, submit;
|
||||||
$button-hover-color: black;
|
$button-hover-color: black;
|
||||||
$button-hover-background: white;
|
$button-hover-background: white;
|
||||||
|
$submit-button-style: "%orange-button";
|
||||||
|
|
||||||
$form-sidebar-gutter: $columns-gutter;
|
$form-sidebar-gutter: $columns-gutter;
|
||||||
$form-sidebar-width: 25.5%;
|
$form-sidebar-width: 25.5%;
|
||||||
|
|
Loading…
Reference in New Issue