Cleaning up media queries filled with styles from unrelated views and pages is a laborious process when done by hand. Gordi.js takes all the mixed up styles and matches them to the stylesheets that make sense.
Image you have one media.less file with all the media queries to ui-widget1.less, ui-widget2.less, ui-widget3.less:
+ ui-widget1.less
|
|
|
media-queries.less<--------------------+ ui-widget2.less
|
|
|
+ ui-widget3.less
Gordi will go into your media-queries.less and use simple heuristices to place every relevant query and selector mashed into media-queries.less, into the most likely file.
Note: All console output is wrapped in CSS block-comments for easier piping to files.
node gordi.js <LESS file> [--print-queries] [--show-unmatched] [--ignore <path>] [--root-glob <glob>]
Options:
--print-queries Print the cherry-picked media queries for each matched file.
--show-unmatched Lists all the unmatched styles, and where in the file they are listed
--ignore <path> Ignore a file path. Can be used multiple times.
--root-glob <glob> Limit searches to patches matching glob
--verbose Show errors and extra messages