Improve colors

[hagenburger]

1. Import from Sass file

_colors.scss:

$my-red: red;
$my-green: green;
$my-blue: blue;

_colors.lsg:

@colors colors.scss

Result should be the same as:

@colors {
  $my-red $my-green $my-blue
}

2. Import from Sass file with same basename

_colors.scss:

$my-red: red;
$my-green: green;
$my-blue: blue;

_colors.lsg:

@colors

Result should be the same as:

@colors {
  $my-red $my-green $my-blue
}

3. Import from Sass file with empty lines

_colors.scss:

$my-red: red;
$my-green: green;

$my-blue: blue;

_colors.lsg:

@colors colors.scss

Result should be the same as:

@colors {
  $my-red   $my-green
  $my-blue  -
}

4. Import from Sass file with comments

_colors.scss:

//# Primary colors

$my-red: red;
$my-green: green;

//# Secondary colors

$my-blue: blue;

_colors.lsg:

@colors colors.scss

Result should be the same as:

# Primary colors

@colors {
  $my-red $my-green
}

# Secondary colors

@colors {
  $my-blue  -
}

Implementation details

• If the @color command gets an argument representing this file, it must also be imported to the SCSS stream (same as @scss file.scss does).
• If both—the filename and the block—are defined: The file gets imported, but the block is used instead of parsing the file for variables.
• The filename could also be a glob.
• It must work with SCSS and Sass’ indented syntax.
• If possible, only color variables should be displayed (this might be tricky).