Migrating cascading style sheets to preprocessors by introducing mixins

摘要: Cascading Style Sheets (CSS) is the standard language for styling web documents and extensively used in industry. However, CSS lacks constructs that would allow code reuse (e.g., functions). Consequently, maintaining often a cumbersome error-prone task. Preprocessors Less Sass) have been introduced to fill this gap, by extending with missing constructs. Despite clear maintainability benefits coming from use of preprocessors, there currently no support migrating legacy preprocessors. In paper, we propose technique automatically detecting duplicated style declarations can be migrated preprocessor functions (i.e., mixins). Our parameterize differences values declarations, ensure migration will not change presentation semantics documents. The evaluation has shown our able detect 98% mix-ins professional developers websites Sheet libraries, safely migrate real code.