Change color of booking button in pricetable for ski-boarderweek
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
+1
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user