I'm having trouble generating valid CSS from `scaffolding.less` and `components.less`. Here's a `test.less` that demonstrates the problem: ``` less @import "src/less/scaffolding.less"; @import "src/less/components.less"; ``` Compiling this with `less@2.1.1` doesn't generate valid CSS. It looks like there are issues with the lesshat mixin. Here's a snippet that generates parsing errors: ``` css .mui-flat-button .mui-flat-button-ripple.mui-is-visible lesshat-selector { -lh-property: 0; } @-webkit-keyframes flat-button-ripple-click{ 0% { background-color: rgba(0, 0, 0, 0); } 50% { background-color: rgba(0, 0, 0, 0.1); } 100% { width: 150px; height: 150px; background-color: rgba(0, 0, 0, 0); }} @-moz-keyframes flat-button-ripple-click{ 0% { background-color: rgba(0, 0, 0, 0); } 50% { background-color: rgba(0, 0, 0, 0.1); } 100% { width: 150px; height: 150px; background-color: rgba(0, 0, 0, 0); }} @-o-keyframes flat-button-ripple-click{ 0% { background-color: rgba(0, 0, 0, 0); } 50% { background-color: rgba(0, 0, 0, 0.1); } 100% { width: 150px; height: 150px; background-color: rgba(0, 0, 0, 0); }} @keyframes flat-button-ripple-click{ 0% { background-color: rgba(0, 0, 0, 0); } 50% { background-color: rgba(0, 0, 0, 0.1); } 100% { width: 150px; height: 150px; background-color: rgba(0, 0, 0, 0); }; } ``` On the final `@keyframes`, there is a semicolon inserted before the closing brace.