Change color of booking button in pricetable for ski-boarderweek

This commit is contained in:
Björn Fromme
2019-06-19 15:56:41 +02:00
parent 79906e4ce5
commit c531035d9a
4 changed files with 12 additions and 5 deletions
@@ -68,6 +68,11 @@
color: white; color: white;
} }
&--booking {
background-color: $color-button-booking;
color: white;
}
&--action { &--action {
background-color: $color-label-success; background-color: $color-label-success;
color: white; color: white;
@@ -1,10 +1,6 @@
$color-brand-primary: #009fe3; $color-brand-primary: #009fe3;
$color-brand-secondary: #f9cb0d; $color-brand-secondary: #f9cb0d;
// Buttons
$color-button-background: $color-brand-secondary;
$color-button-foreground: white;
// Bootstrap label colours // Bootstrap label colours
$color-label-success: #5cb85c; $color-label-success: #5cb85c;
$color-label-info: #5bc0de; $color-label-info: #5bc0de;
@@ -18,6 +14,11 @@ $color-grey: #c7c7c7;
$color-font-base: #404040; $color-font-base: #404040;
$color-font-light: $color-grey-dark; $color-font-light: $color-grey-dark;
// Buttons
$color-button-background: $color-brand-secondary;
$color-button-foreground: white;
$color-button-booking: $color-label-danger;
// Concepts // Concepts
$color-concept-default: #005ca9; $color-concept-default: #005ca9;
$color-concept-bdg: $color-concept-default; $color-concept-bdg: $color-concept-default;
@@ -2,3 +2,4 @@ $color-brand-primary: #f0bc44;
$color-button-background: #ee525a; $color-button-background: #ee525a;
$color-button-foreground: white; $color-button-foreground: white;
$color-button-booking: $color-label-success;
@@ -55,7 +55,7 @@
<td class="hidden-xs hidden-md"> <td class="hidden-xs hidden-md">
<f:if condition="{row.roomAvailable}"> <f:if condition="{row.roomAvailable}">
<f:then> <f:then>
<a class="button button--small button--alert" href="{row.bookingUrl}" target="_blank">Buchen</a> <a class="button button--small button--booking" href="{row.bookingUrl}" target="_blank">Buchen</a>
</f:then> </f:then>
<f:else> <f:else>
<span class="label label-default">ausgebucht</span> <span class="label label-default">ausgebucht</span>