czydojade/resources/styles/page/_provider-picker.scss
2020-10-02 20:00:24 +02:00

63 lines
857 B
SCSS

.provider__name {
font-size: .9em;
color: $gray-800;
}
.provider__short-name {
font-weight: bold;
}
.provider-picker {
@extend .ui-popup;
padding: 1rem;
margin: 3rem;
}
.provider-picker__heading {
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 1rem;
}
.provider-picker__providers {
list-style: none;
padding: 0;
margin: 0;
}
.provider-picker__provider {
font-size: 1rem;
.provider {
margin: 0 -1rem;
padding: .5rem 1rem;
&:hover {
background: $gray-100;
}
}
}
.provider {
@include flex-with-spacing(.5rem);
align-items: center;
&:hover {
text-decoration: none;
}
}
@include media-breakpoint-down('sm') {
.provider-picker {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 1.5rem;
}
.provider-picker__providers {
max-height: 170px;
}
}