Merging two Sass files

Question

I'm wanting to on the fly merge two sass files together, so for instance:

If I have

.some-class
  color: white

and

.some-class
  background-color: red

then the end result would be

.some-class
  color: white
  background-color: red

Does anyone know of a tool / library that can do this kind of thing?

Answer 1

Let's say you have 2 files:

a.scss

div{
    font-size: 42px;
}

and

b.scss

@import "a.scss";
div{
    color: red;
}

First you should run sass b.scss e.css it will output:

e.css

div {
  font-size: 42px; }

div {
  color: red; }

Then sass-convert e.css e.sass and you will get:

e.sass

div
  font-size: 42px
  color: red