2018-04-21 02:03:45 +02:00
|
|
|
@import 'variables';
|
|
|
|
|
|
|
|
|
|
.availability {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
background: rgba($brand-light, .8);
|
|
|
|
|
border-radius: .25rem;
|
|
|
|
|
color: $brand-grey-light;
|
2018-04-24 21:36:45 +02:00
|
|
|
z-index: 2;
|
2018-04-21 02:03:45 +02:00
|
|
|
padding: $spacer / 2;
|
2018-04-24 21:36:45 +02:00
|
|
|
display: block;
|
2018-04-25 20:41:47 +02:00
|
|
|
transition: opacity .2s ease-out;
|
2018-04-21 02:03:45 +02:00
|
|
|
|
|
|
|
|
p { margin-bottom: 0; }
|
|
|
|
|
|
|
|
|
|
&.available {
|
|
|
|
|
color: $brand-main;
|
|
|
|
|
position: fixed;
|
|
|
|
|
bottom: $spacer;
|
|
|
|
|
}
|
2018-04-25 20:41:47 +02:00
|
|
|
|
|
|
|
|
a {
|
|
|
|
|
border-bottom: 1px solid rgba($brand-cyan, .4);
|
|
|
|
|
}
|
2018-04-21 02:03:45 +02:00
|
|
|
}
|
