|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
@media screen and (min-width: 768px) { .main-menu .level1 > li:hover > a{ // On conserve l'aspect survolé de l'entrée de 1er niveau lorsque le curseur de la souris se trouve dans la zone du sous-menu. background-color: #fff; color: $site-font-color-darker; } .main-menu .level2{ position: absolute; z-index: 1000; left: 0; width: 100%; opacity: 0; visibility: hidden; transition: opacity 0.2s linear, visibility 0.2s linear; } .main-menu .level1 > li:hover > .level2{ opacity: 1; visibility: visible; } .main-menu .collapse{ // Bootstrap Collapse component reset (only needed for mobile devices) display: block; } } |