Skip to content

AlexSkrypnyk/scss-variables-extractor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Yourproject logo

SCSS variables extractor

GitHub Issues GitHub Pull Requests Test GitHub release (latest by date) LICENSE Renovate


Extract SCSS variables to make them available in scripts using vanilla JS.

Features

Extract SCSS variables to make them available in scripts using vanilla JS.

Installation

npm install @alexskrypnyk/scss-variables-extractor

Usage

const extractor = require('./scss-variables-extractor');

// SCSS content.
const content = `
    $theme-colors-brands-default: (
      'light': (
        'brand1': #123456,
        'brand2': #234567,
        'brand3': #345678,
      ),
      'dark': (
        'brand1': #987654,
        'brand2': #876543,
        'brand3': #765432,
      )
    );
`;

const vars = extractor.extract(content);

console.log(vars);

// Output:
// {
//   'theme-colors-brands-default': {
//     'light': {
//       'brand1': '#123456',
//       'brand2': '#234567',
//       'brand3': '#345678',
//     },
//     'dark': {
//       'brand1': '#987654',
//       'brand2': '#876543',
//       'brand3': '#765432',
//     }
//   }
// }

Maintenance

npm install
npm lint
npm test

Repository created using https://getscaffold.dev/ project scaffold template