title: -sass-debug-info at my css
body: <p>I'm working on a code with css and I found every class wrote before it </p>
  
  <pre><code>@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/www\/w-balls-html\/html_source\/lib\/_master\.scss}line{font-family:\00003640}} 
  </code></pre>
  
  <p>I found the at the doc of saas something about it 
       - ({#to_s => #to_s}) debug_info</p>
  
  <pre><code> A hash that will be associated with this rule in the CSS document if the :debug_info option is enabled. This data is used by e.g. the FireSass Firebug extension.
  
   Returns:({#to_s =&gt; #to_s}) [debug-info-documentation][1]
  </code></pre>
  
  <p>but couldn't know how to debug it or know how to convert to the normal @media </p>
  
  <pre><code>@media all and (max-width: 699px) and (min-width: 520px))
  </code></pre>