Подменю полной ширины с уровнями 2 и 3

Question

Мне нужно распространить ту же концепцию на подменю уровня 3 с полным цветом фона. раскрывающееся меню css полной ширины . Мой Css примерно такой для уровня 2 и 3:

.level_3 {
  top: 0;
  left: 100%;
  display: block;
  position: absolute;
  margin: 0 -1000em;
}

.level_2 {
  left: 0;
  top: 100%;
  padding: 0 1000em;
  margin: 0 -1000em;
  z-index: 101;
  background: rgba(255, 240, 240, 0.8);
  li {
    a {
      @include line-height(30px);
      text-transform: none;
    }
  }
}

Мне нужно сделать высоту level2 такой же, как и для level3, без min-height, как это может сделать любое количество подменю level3. Вот моя ручка, чтобы кратко продемонстрировать: https://codepen.io/anon/pen/VGvqxm