gass

Gass (Grep sASS)

Tool to get file and line using the css rule. When debugging css is difficult to get the css query and find in scss file. With this tool you will find easy.

Installation

$ npm i -g gass

Usage

Create a scss file in a folder (ex: product.scss).

.product {
  &__title {
    color: #f00;
 
    &--active {
      color: #0f0;
    }
  }
}

Now run:

$ gass .product__title--active

You will see:

Searching in: **/*.scss
 
path/to/product.scss
5:    &--active {

Change searcher

The default search is a glob **/*.scss, but is possible to search with another glob using the code:

$ gass .product__title--active -f stylesheets/**.scss