mirror of
https://github.com/a2nt/webpack-bootstrap-ui-kit.git
synced 2024-09-30 13:19:04 +02:00
43 lines
663 B
SCSS
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;
|
|
}
|
|
}
|
|
}
|