npm.io
0.2.1 • Published 7 years ago

scss-dom

Licence
MIT
Version
0.2.1
Deps
0
Size
4 kB
Vulns
0
Weekly
0
Stars
1
SummaryDependencyVersions

scss-dom

Demo

If you do a development in accordance with the BEM methodology, you'll get html outputs with high dimensions in size. Using "scss-dom" reduces the size of html files.

import script

<head>
  <script src="/path/to/scss-dom.js"></script>
</head>

You can use the reference selector.

<div class="header other-class">
  <div class="&-menu">
    <div class="&__item">1</div>
    <div class="&__item">2</div>
    <div class="&__item">3</div>
    <div class="&__item">4</div>
  </div>
</div>

init

document.addEventListener("DOMContentLoaded", () => {
  scssDom();
});

after init dom

<div class="header other-class">
  <div class="header-menu">
    <div class="header-menu__item">1</div>
    <div class="header-menu__item">2</div>
    <div class="header-menu__item">3</div>
    <div class="header-menu__item">4</div>
  </div>
</div>

or

Install

npm install scss-dom

Usage

// import
import scssDom from "scssDom";

// init
scssDom();

Keywords

scssdomsasscss