bdkjones/CodeKit — Issue #166: SASS imports wrapped in some media queries not detected
Author: andrewrocco
Created: 2012-01-26 19:20:01+00:00
State: open

Say we have our main compiled stylesheet, base.scss.

The only contents of base.scss are the following lines:

```css

@import "mixins";
@import "reset";
@import "grid";

@media (min-width:300px) { @import "300"; }
@media (min-width:480px) { @import "480"; }
@media (min-width:600px) { @import "600"; }
@media (min-width:768px) { @import "768"; }
@media (min-width:992px) { @import "992"; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) { @import "2x"; }

```

In this case, only mixins, reset, grid, and 2x are detected as being imported by the inspector. 300, 480, 600, 768, and 992 are not in the "Imports:" list when base.scss is selected in the Codekit styles list.