aurelia-bem
Advanced tools
Comparing version 0.1.0 to 0.2.0
{ | ||
"name": "aurelia-bem", | ||
"description": "An Aurelia plugin project.", | ||
"version": "0.1.0", | ||
"version": "0.2.0", | ||
"repository": { | ||
"type": "???", | ||
"url": "???" | ||
"type": "git", | ||
"url": "https://github.com/zewa666/aurelia-bem" | ||
}, | ||
"license": "MIT", | ||
"author": { | ||
"email": "zewa666@gmail.com", | ||
"name": "Vildan Softic", | ||
"url": "https://github.com/zewa666" | ||
}, | ||
"devDependencies": { | ||
"@types/jest": "^24.0.9", | ||
"@types/node": "^10.11.6", | ||
"aurelia-animator-css": "^1.0.4", | ||
"aurelia-bootstrapper": "^2.3.2", | ||
"aurelia-animator-css": "^1.0.4", | ||
"aurelia-cli": "^1.0.2", | ||
"aurelia-loader-nodejs": "^1.0.1", | ||
"aurelia-pal-nodejs": "^1.2.0", | ||
"aurelia-testing": "^1.0.0", | ||
"aurelia-tools": "^2.0.0", | ||
"gulp": "^4.0.0", | ||
"minimatch": "^3.0.4", | ||
"through2": "^3.0.0", | ||
"vinyl-fs": "^3.0.3", | ||
"promise-polyfill": "^8.1.0", | ||
"del": "^3.0.0", | ||
"gulp-sourcemaps": "^2.6.5", | ||
"requirejs": "^2.3.6", | ||
"text": "requirejs/text#latest", | ||
"gulp-typescript": "^5.0.0", | ||
"gulp-tslint": "^8.1.4", | ||
"tslint": "^5.13.0", | ||
"typescript": "^3.1.2", | ||
"@types/node": "^10.11.6", | ||
"browser-sync": "^2.26.3", | ||
"connect-history-api-fallback": "^1.6.0", | ||
"debounce": "^1.2.0", | ||
"del": "^3.0.0", | ||
"gulp": "^4.0.0", | ||
"gulp-dart-sass": "^0.9.1", | ||
"gulp-notify": "^3.2.0", | ||
"gulp-plumber": "^1.2.1", | ||
"gulp-rename": "^1.4.0", | ||
"gulp-notify": "^3.2.0", | ||
"gulp-sourcemaps": "^2.6.5", | ||
"gulp-stylelint": "^11.0.0", | ||
"gulp-tslint": "^8.1.4", | ||
"gulp-typescript": "^5.0.0", | ||
"gulp-watch": "^5.0.1", | ||
@@ -40,6 +42,16 @@ "jest": "^24.1.0", | ||
"jest-transform-stub": "^2.0.0", | ||
"aurelia-loader-nodejs": "^1.0.1", | ||
"aurelia-pal-nodejs": "^1.2.0", | ||
"merge-stream": "^2.0.0", | ||
"minimatch": "^3.0.4", | ||
"promise-polyfill": "^8.1.0", | ||
"requirejs": "^2.3.6", | ||
"stylelint": "^12.0.0", | ||
"stylelint-config-recommended-scss": "^4.1.0", | ||
"stylelint-order": "^3.1.1", | ||
"stylelint-scss": "^3.13.0", | ||
"text": "requirejs/text#latest", | ||
"through2": "^3.0.0", | ||
"ts-jest": "^24.0.0", | ||
"@types/jest": "^24.0.9" | ||
"tslint": "^5.13.0", | ||
"typescript": "^3.1.2", | ||
"vinyl-fs": "^3.0.3" | ||
}, | ||
@@ -53,3 +65,4 @@ "scripts": { | ||
"preversion": "au test", | ||
"test": "au test" | ||
"test": "au test", | ||
"lint": "au lint" | ||
}, | ||
@@ -63,3 +76,4 @@ "engines": { | ||
"dist", | ||
"src" | ||
"src", | ||
".stylelintrc.json" | ||
], | ||
@@ -66,0 +80,0 @@ "jest": { |
@@ -8,3 +8,5 @@ # Aurelia BEM | ||
```html | ||
<div class="${bem('my-component', 'my-element', ['active', 'opaque'])}"></div> | ||
<div class="${bem('my-component', null, 'light')}"> | ||
<div class="${bem('my-component', 'my-element', ['active', 'opaque'])}"></div> | ||
</div> | ||
``` | ||
@@ -15,5 +17,18 @@ | ||
```html | ||
<div class="my-component my-component__my-element my-component__my-element--active my-component__my-element--opaque"></div> | ||
<div class="my-component my-component--light"> | ||
<div class="my-component__my-element my-component__my-element--active my-component__my-element--opaque"></div> | ||
</div> | ||
``` | ||
## Sample | ||
You will find a sample app inside `dev-app` which gets started with `npm start`. Besides using this plugin it also makes use of: | ||
* StyleLint + StyleLint-Sass | ||
* The Bem naming convention applied + preconfigured rules for StyleLint | ||
* Scss with the latest Sass modules feature (@use) | ||
* The Aurelia task updated to make use of `gulp-dart-sass` as node-sass currently doesn't support the modules feature | ||
> Make sure to have your VSCode updated to the latest November release for proper support of the new Sass feature | ||
## Instructions | ||
@@ -20,0 +35,0 @@ |
No contributors or author data
MaintenancePackage does not specify a list of contributors or an author in package.json.
Found 1 instance in 1 package
23211
22
227
2
199
40