Productivity is key

The CSSFier extension is a tool to help you convert HTML blocks directly into SCSS, LESS or CSS.

Brackets CSSFier Extension Download and install it on Brackets.io

• x

  1

  <article>

  2

      <header>

  3

      <h1>This is an awesome article</h1>

  4

      </header>

  5

      <div class="text">

  6

      <p>This is an awesome text</p>

  7

      </div>

  8

  </article>
  Run CSSFier Reset
  xxxxxxxxxx

  1

   

  1

  /*** PASTE here some HTML code block ***/

  2

  ​

  3

  ​

  Paste some HTML blocks inside the SCSS editor.

  Or just use the RUN CSSFIER button.