webpack-bootstrap-ui-kit/src/scss/_components/_ui.main.mobile.scss
2021-02-21 14:05:58 +07:00

43 lines
663 B
SCSS

/*
* some basic styles
*/
@import '../_variables';
@import '../_animations';
// display dropdown on hover + focus
@media (min-width: $full-body-min-width) {
.dropdown-hover {
&:hover,
&:focus {
.dropdown-menu {
display: block;
}
}
}
}
// custom toggler for mobile view
.dropdown {
> .dropdown-toggle-sm {
@media (min-width: $full-body-min-width) {
display: none;
}
}
> .dropdown-toggle-fl {
display: none;
@media (min-width: $full-body-min-width) {
display: inherit;
}
}
@media not all and (hover: none) {
> .dropdown-toggle-touch {
display: inherit;
}
> .dropdown-toggle-notouch {
display: none;
}
}
}