1
0
mirror of https://github.com/kremalicious/portfolio.git synced 2025-02-14 21:10:41 +01:00
portfolio/src/components/molecules/Availability.module.scss

36 lines
621 B
SCSS

@import 'variables';
.availability {
position: absolute;
bottom: 0;
border-radius: .25rem;
color: $text-color-light;
z-index: 2;
padding: $spacer / 2;
display: block;
:global(.dark) & {
color: $text-color-light--dark;
}
p {
margin-bottom: 0;
}
a {
border-bottom: 1px solid rgba($brand-cyan, .4);
}
}
.available {
background: rgba($brand-light, .8);
color: $brand-main;
position: fixed;
bottom: $spacer;
:global(.dark) & {
background: rgba($body-background-color--dark, .8);
color: $brand-light;
}
}