стилизация меню

#primary-nav {
  direction: rtl;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: round(1.3*@rem);
  line-height: round(2.33*@rem);
  text-transform: uppercase;
  font-family: 'Arial Narrow';
  font-weight: bold;
  border: @thin solid #065e70;
  .l-g-v(#116b7d, #133b44);
  box-shadow: 0 @thick 0 fade(#95c7de, 75%) inset;
  .t-s(@thin @thin 0 #062c3e);
  .b-r(@thick*1.5);
  overflow: hidden;
  .main-menu {
    z-index: 0;
    position: relative;
    margin: 0;
    .list2table();
    a { display: block; text-align: center; text-decoration: none;
      padding: 2*@thick @rex;
      position: relative;
    }
    a:hover, a
    .active {
      background: @white;
      color: #145c6c;
      .b-r(@thick);
      .t-s(@thin @thin 0 #579ab9);
    }
    a:after {
      z-index: -1;
      position: absolute; //      background: fade(green, 50%);
      content: '';
      top: 50%;
      right: -18px;
      width: 70%;
      border: round(18*0.7px) solid transparent;
      padding-top: 70%;
      transform-origin: top right;
      transform: rotate(45deg);
      background-image: linear-gradient(-45deg, fade(#fff, 0%), fade(#fff, 0%) 50%, #fff 54%), linear-gradient(45deg, yellow,#2a88ff);
      background-origin: border-box;
      background-size: 300px 300px, cover;
      background-position: center;
      background-repeat: no-repeat;
    }
  }
}