将属性从父级传递给子级并使用＆amp;操作者

Question

有没有办法将css属性从父级传递给子级。

例如：

使用LESS文件：

{ "title": "animals object",
  "type": "object",
  "properties": {
     'cat': 'meow',
     'dog': 'woof',
     'cow': 'moo',
     'sheep': 'baaah',
     'bird': 'tweet'
  }
};

输出到：

.button {
    height: 20px;
    width: 20px;
    &-blue {
        background-color: blue;
    }
    &-red {
        background-color: red;
    }
}