Invalid CSS generated from scaffolding.less and components.less #141
Description
I'm having trouble generating valid CSS from scaffolding.less and components.less. Here's a test.less that demonstrates the problem:
@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:
.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.