@alifd/sass-tracker

sass tracker

Usage no npm install needed!

<script type="module">
  import alifdSassTracker from 'https://cdn.skypack.dev/@alifd/sass-tracker';
</script>

README

sass-tracker

sass变量追踪器

NPM version build status Test coverage NPM download

Installation

$ npm install @no-repeat/sass-tracker --save

Getting Started

import SassTracker from '@no-repeat/sass-tracker';

/**
 * @param {Object} window对象
 * @param {String} 要追踪的class前缀
 */
const sassTracker = new SassTracker(window, '.button-')

// sass-mapper获得的映射表
const varsMap = {};

// 要追踪的元素
const elem = document.getElementById('demo-item');

const cssRules = sassTracker.findCssRules(elem, true);
const vars = sassTracker.findVars(cssRules, varsMap);