Whenever my gulp sass task runs, it successfully creates the combined file. However, there are a few peculiar rules that stand out. These rules are incredibly long, about 1.5 million characters, and result in a 1.1mb file each time. This is clearly not acceptable. I am unsure if it's a bug in the compiler or in our code, but we are merging several dozen sass files together with a bootstrap modal sass file, which appears to be a part of the problem.
Here is an example of one of the bootstrap-modal lines causing an issue:
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
When compiled, it looks like this: gist
I can remove the problematic lines from the bootstrap-modal.scss file, and it compiles without any issues. However, I am determined to uncover the root cause of this problem.