| 提交 | 用户 | 时间 | ||
| 58d006 | 1 | //the arrow connecting "LI" to ".SUBMENU" |
| A | 2 | //-li > .arrow |
| 3 | .nav-list li { | |
| 4 | > .arrow { | |
| 5 | display: none; | |
| 6 | ||
| 7 | position: absolute; | |
| 8 | top: 8px; | |
| 9 | right: 1px; | |
| 10 | ||
| 11 | z-index: @zindex-submenu + 1; | |
| 12 | ||
| 13 | &:before, &:after { | |
| 14 | border: 1px solid transparent; | |
| 15 | display: block; | |
| 16 | height: 0; | |
| 17 | width: 0; | |
| 18 | ||
| 19 | position: absolute; | |
| 20 | left: -20px; | |
| 21 | top: 0; | |
| 22 | right: auto; | |
| 23 | bottom: auto; | |
| 24 | ||
| 25 | content: ""; | |
| 26 | ||
| 27 | border-width: 10px; | |
| 28 | } | |
| 29 | ||
| 30 | &:before { | |
| 31 | z-index: 1;//above .submenu | |
| 32 | left: -21px; | |
| 33 | } | |
| 34 | &:after { | |
| 35 | z-index: 2;//above .arrow:before | |
| 36 | } | |
| 37 | } | |
| 38 | ||
| 39 | //don't display when there's no submenu | |
| 40 | &:hover > a + .arrow , &.hover-show > a + .arrow { | |
| 41 | display: none; | |
| 42 | } | |
| 43 | ||
| 44 | @media only screen and (min-width: @screen-hover-menu) { | |
| 45 | &.hover:hover > a.dropdown-toggle + .arrow, | |
| 46 | &.hover.hover-show > a.dropdown-toggle + .arrow | |
| 47 | { | |
| 48 | display: block; | |
| 49 | } | |
| 50 | } | |
| 51 | } | |
