tornado-initiation-ui/assets/styles/components/_dropdown.scss
2020-12-15 22:11:36 +03:00

54 lines
739 B
SCSS

.dropdown.is-mobile-modal {
.dropdown-content {
overflow: hidden;
}
.dropdown-item {
&:focus {
outline: none;
}
}
&.is-expanded-modal {
.dropdown-menu {
@include desktop {
min-width: 400px;
}
}
}
}
.dropdown-langs {
margin-bottom: .5rem;
.dropdown-menu {
min-width: auto;
padding-top: 0;
padding-bottom: .5rem;
}
&.is-mobile-modal {
.dropdown-menu {
max-width: 100px;
}
}
a.dropdown-item {
padding-right: 1rem;
line-height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 400;
.flag-icon {
margin-right: .5rem;
}
}
.button {
margin-bottom: 0;
}
}