一个less编译问题

Question

一个less循环问题

#container-max-width() {
  sm: 540px;
  md: 720px;
  lg: 960px;
  xl: 1140px;
}

#container-breakpoint() {
  sm: 576px;
  md: 768px;
  lg: 992px;
  xl: 1200px;
}

each(#container-max-width(),{
  @media(min-width: @value){
    .container{
      max-width: #container-breakpoint[@key];
    }
}
})

为什么#container-breakpoint[@key];最后会报错，正确写法应该是什么？