sass_var_transformer 0.3.0

  • README.md
  • CHANGELOG.md
  • Installing
  • Versions
  • 24

SASS Var Transformer

Replaces vars in SCSS files with package path and compiles it to .css files

It depends on dart-sass, so there is no need to have Sass installed.

Usage

Add the following lines to your pubspec.yaml:

dependencies:
  # Only for demonstration!!!!
  mdl: ^1.18.0

  # This is important
  sass_var_transformer: any
  
transformers:
  - di
  
  # And this
  - sass_var_transformer:
      # Converts @mdl to ../.pub-cache/hosted/pub.dartlang.org/mdl-x.xx.x/lib
      mdl: package:mdl

Assume you have web/material.scss:

@import "@mdl/assets/themes/deep_purple-pink/material-design-lite";

Add this line to your index.html:

<head>
    <link rel="stylesheet" href="material.css">
</head>

If you run pub serve:

  • The Transformer reads the SCSS-File

  • @mdl will be replaced with the path to your local mdl-package
    e.g. @import "<your user>/.pub-cache/hosted/pub.dartlang.org/mdl-<version from pubspec>/lib/assets/themes/deep_purple-pink/material-design-lite";

  • SCSS-File will be compiled to .CSS

Check out this sample: GH MDL Text-Only
The sample uses a mixture between Global-Package-Style and Styles for local components!

License

Copyright 2017 Michael Mitterer (office@mikemitterer.at),
IT-Consulting and Development Limited, Austrian Branch

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing,
software distributed under the License is distributed on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
either express or implied. See the License for the specific language
governing permissions and limitations under the License.

If this plugin is helpful for you - please (Circle) me or star this repo here on GitHub

Change Log for sass_var_transformer

Transformer that changes vars in SASS-Files

v0.3.0 - 2017-02-28

Feature

  • String-Rendering-Function added ac71d9b

v0.2.0 - 2017-02-28

Feature

  • Works also with local packages and package internal styles 5e46329

This CHANGELOG.md was generated with Changelog for Dart

1. Depend on it

Add this to your package's pubspec.yaml file:


dependencies:
  sass_var_transformer: "^0.3.0"

2. Install it

You can install packages from the command line:

with pub:


$ pub get

Alternatively, your editor might support pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:


import 'package:sass_var_transformer/sass_var_transformer.dart';
        
Version Uploaded Documentation Archive
0.3.0 Feb 28, 2017 Go to the documentation of sass_var_transformer 0.3.0 Download sass_var_transformer 0.3.0 archive
0.2.0 Feb 28, 2017 Go to the documentation of sass_var_transformer 0.2.0 Download sass_var_transformer 0.2.0 archive
0.1.0 Feb 28, 2017 Go to the documentation of sass_var_transformer 0.1.0 Download sass_var_transformer 0.1.0 archive

Analysis

This feature is new.
We welcome feedback.
More details: scoring.

We analyzed this package, and provided a score, details, and suggestions below.

  • tool failures on Feb 16, 2018
  • Dart: 2.0.0-dev.20.0
  • pana: 0.10.1

Scores

Popularity:
Describes how popular the package is relative to other packages. [more]
0 / 100
Health:
Code health derived from static analysis. [more]
34 / 100
Maintenance:
Reflects how tidy and up-to-date the package is. [more]
72 / 100
Overall score:
Weighted score of the above. [more]
24

Platforms

Detected platforms: unsure

Error(s) prevent platform classification.

Suggestions

  • Fix lib/renderer.dart.

    Strong-mode analysis of lib/renderer.dart failed with the following error:

    line: 3 col: 8
    Target of URI doesn't exist: 'package:sass/src/visitor/perform.dart'.

  • Fix lib/sass_var_transformer.dart.

    Strong-mode analysis of lib/sass_var_transformer.dart failed with the following error:

    line: 4 col: 8
    Target of URI doesn't exist: 'package:sass/src/visitor/perform.dart'.

  • Fix platform conflicts.

    Make sure none of the libraries use mutually exclusive dependendencies.

  • Fix issues reported by dartanalyzer.

    dartanalyzer reported 2 error(s) and 0 warning(s).

  • The description is too short.

    Add more detail about the package, what it does and what is its target use case. Try to write at least 60 characters.

  • Package is pre-v1 release.

    While there is nothing inherently wrong with versions of 0.*.*, it usually means that the author is still experimenting with the general direction API.

  • Maintain an example.

    Create a short demo in the example/ directory to show how to use this package. Common file name patterns include: main.dart, example.dart or you could also use sass_var_transformer.dart.

Dependencies

Package Constraint Resolved Available
Direct dependencies
Dart SDK >=1.19.0 <2.0.0
barback ^0.15.2 0.15.2+14
package_resolver ^1.0.0 1.0.2
packages ^0.1.0 0.1.9 0.3.3
sass ^1.0.0-alpha 1.0.0-beta.5.2
Transitive dependencies
args 0.13.7 1.3.0
async 2.0.3 2.0.4
browser 0.10.0+2
charcode 1.1.1
collection 1.14.5
console_log_handler 0.2.3 0.5.7
convert 2.0.1
http 0.11.3+16
http_parser 3.1.1
intl 0.15.2
logging 0.11.3+1
logging_handlers 0.8.0
meta 1.1.2
package_config 1.0.3
path 1.5.1
pool 1.3.4
quiver_hashcode 1.0.0
source_span 1.4.0
stack_trace 1.9.2
string_scanner 1.0.2
tuple 1.0.1
typed_data 1.1.5