assets/scss/libraries/hamburgers/types/_arrowturn.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

@if index($hamburger-types, arrowturn) {
  /*
   * Arrow Turn
   */
  .hamburger--arrowturn.is-active {
    .hamburger-inner {
      transform: rotate(-180deg);

      &::before {
        transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
      }

      &::after {
        transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
      }
    }
  }
}