1.0.4 • Published 5 years ago
postcss-scss-import-reorder v1.0.4
postcss-scss-import-reorder
PostCSS plugin to move
@import
statements to the top of a sass file.
Installation
With yarn
$ yarn add postcss-scss-import-reorder
Or npm
:
$ npm install --save postcss-scss-import-reorder
Usage
const fs = require('fs'),
postcss = require('postcss'),
syntax = require('postcss-scss'),
reorderImports = require('postcss-scss-import-reorder')
const scss = fs.readFileSync('scss/input.scss', 'utf-8')
postcss([reorderImports()]).process(scss, {
syntax: syntax,
from: 'scss/input.scss',
})
scss/input.scss
:
@import 'a';
.u-important {
@include important-element;
}
@import 'b';
.u-standard-spacing {
padding: get-spacing();
}
@import 'c';
Will give you:
@import 'a';
@import 'b';
@import 'c';
@if $set-spacing-size == 'big' {
$global-spacing: '1.5rem' !global;
}
@else {
$global-spacing: '1rem' !global;
}
@mixin important-element {
color:red;
}
@function get-spacing() {
return $global-spacing;
}
For more information see the scss-extractor documentation.
1.0.4
5 years ago
1.0.3
5 years ago
1.0.3-alpha.2
5 years ago
1.0.2
5 years ago
1.0.2-alpha.13
5 years ago
1.0.2-alpha.0
5 years ago
1.0.1-1.0.0-alpha.0.0
5 years ago