Подменю во всю ширину с Уровнем 2 и Уровнем 3

Мне нужно распространить ту же концепцию на подменю level3 с полным цветом фона. Раскрывающееся меню 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