|
1 | 1 | /* |
2 | | - * metismenu - v2.5.2 |
| 2 | + * metismenu - v2.6.1 |
3 | 3 | * A jQuery menu plugin |
4 | 4 | * https://github.com/onokumus/metisMenu#readme |
5 | 5 | * |
|
97 | 97 | -o-transition-property: height, visibility; |
98 | 98 | transition-property: height, visibility; |
99 | 99 | } |
| 100 | + |
| 101 | +.metismenu .has-arrow { |
| 102 | + position: relative; |
| 103 | +} |
| 104 | + |
| 105 | +.metismenu .has-arrow::after { |
| 106 | + position: absolute; |
| 107 | + content: ''; |
| 108 | + width: .5em; |
| 109 | + height: .5em; |
| 110 | + border-width: 1px 0 0 1px; |
| 111 | + border-style: solid; |
| 112 | + border-color: #fff; |
| 113 | + right: 1em; |
| 114 | + -webkit-transform: rotate(-45deg) translate(0, -50%); |
| 115 | + -ms-transform: rotate(-45deg) translate(0, -50%); |
| 116 | + -o-transform: rotate(-45deg) translate(0, -50%); |
| 117 | + transform: rotate(-45deg) translate(0, -50%); |
| 118 | + -webkit-transform-origin: top; |
| 119 | + -ms-transform-origin: top; |
| 120 | + -o-transform-origin: top; |
| 121 | + transform-origin: top; |
| 122 | + top: 50%; |
| 123 | + -webkit-transition: all .3s ease-out; |
| 124 | + -o-transition: all .3s ease-out; |
| 125 | + transition: all .3s ease-out; |
| 126 | +} |
| 127 | + |
| 128 | +*[dir="rtl"] .metismenu .has-arrow::after { |
| 129 | + right: auto; |
| 130 | + left: 1em; |
| 131 | + -webkit-transform: rotate(135deg) translate(0, -50%); |
| 132 | + -ms-transform: rotate(135deg) translate(0, -50%); |
| 133 | + -o-transform: rotate(135deg) translate(0, -50%); |
| 134 | + transform: rotate(135deg) translate(0, -50%); |
| 135 | +} |
| 136 | + |
| 137 | +.metismenu .active > .has-arrow::after, |
| 138 | +.metismenu .has-arrow[aria-expanded="true"]::after { |
| 139 | + -webkit-transform: rotate(-135deg) translate(0, -50%); |
| 140 | + -ms-transform: rotate(-135deg) translate(0, -50%); |
| 141 | + -o-transform: rotate(-135deg) translate(0, -50%); |
| 142 | + transform: rotate(-135deg) translate(0, -50%); |
| 143 | +} |
0 commit comments