Comments (11)
I'm thinking stylelint
and stylelint-loader
.
Then in package.json
:
"scripts": {
// ...
"lint": "eslint . && stylelint src/**/*.css"
Ask @winkerVSbecks for acceptable .stylelintrc
options.
from rangle-starter.
To make this easy… I use suitcss's config https://github.com/suitcss/stylelint-config-suitcss
It was setup using stylelint 4.5 and in stylelint 5.0 some of the rules were renamed.
This is the suitcss config updated with the new rule names:
{
"rules": {
"at-rule-empty-line-before": ["always", {
"except": ["blockless-group"],
"ignore": ["after-comment"],
}],
"at-rule-no-vendor-prefix": true,
"block-closing-brace-newline-after": "always",
"block-closing-brace-newline-before": "always-multi-line",
"block-closing-brace-space-before": "always-single-line",
"block-no-empty": true,
"block-opening-brace-newline-after": "always-multi-line",
"block-opening-brace-space-after": "always-single-line",
"block-opening-brace-space-before": "always",
"color-hex-case": "lower",
"color-hex-length": "short",
"color-no-invalid-hex": true,
"comment-empty-line-before": "always",
"comment-whitespace-inside": "always",
"declaration-bang-space-after": "never",
"declaration-bang-space-before": "always",
"declaration-block-no-shorthand-property-overrides": true,
"declaration-block-properties-order": "alphabetical",
"declaration-block-trailing-semicolon": "always",
"declaration-block-semicolon-newline-after": "always-multi-line",
"declaration-block-semicolon-space-after": "always-single-line",
"declaration-block-semicolon-space-before": "never",
"declaration-block-single-line-max-declarations": 1,
"declaration-colon-newline-after": "always-multi-line",
"declaration-colon-space-after": "always-single-line",
"declaration-colon-space-before": "never",
"function-calc-no-unspaced-operator": true,
"function-comma-newline-after": "always-multi-line",
"function-comma-space-after": "always-single-line",
"function-comma-space-before": "never",
"function-linear-gradient-no-nonstandard-direction": true,
"function-parentheses-newline-inside": "always-multi-line",
"function-parentheses-space-inside": "never-single-line",
"function-whitespace-after": "always",
"function-url-quotes": "single",
"indentation": 2,
"max-empty-lines": 1,
"max-line-length": [ 80, {
"ignore": "non-comments",
} ],
"media-feature-colon-space-after": "always",
"media-feature-colon-space-before": "never",
"media-feature-name-no-vendor-prefix": true,
"media-feature-range-operator-space-after": "always",
"media-feature-range-operator-space-before": "always",
"media-query-list-comma-newline-after": "always-multi-line",
"media-query-list-comma-space-after": "always-single-line",
"media-query-list-comma-space-before": "never",
"media-query-parentheses-space-inside": "never",
"no-eol-whitespace": true,
"no-missing-eof-newline": true,
"number-leading-zero": "always",
"number-no-trailing-zeros": true,
"number-zero-length-no-unit": true,
"property-no-vendor-prefix": true,
"root-no-standard-properties": true,
"rule-nested-empty-line-before": "always-multi-line",
"rule-non-nested-empty-line-before": "always-multi-line",
"selector-combinator-space-after": "always",
"selector-combinator-space-before": "always",
"selector-list-comma-newline-after": "always",
"selector-list-comma-space-before": "never",
"selector-no-vendor-prefix": true,
"selector-pseudo-element-colon-notation": "double",
"selector-root-no-composition": true,
"string-quotes": "single",
"value-list-comma-newline-after": "always-multi-line",
"value-list-comma-space-after": "always-single-line",
"value-list-comma-space-before": "never",
"value-no-vendor-prefix": true,
},
}
from rangle-starter.
Awesome. Thanks.
from rangle-starter.
@BrendanFDMoore is working on this.
from rangle-starter.
PR initiated for angular2-redux-starter
: https://github.com/rangle/angular2-redux-starter/pull/108
Pending feedback, this will be applied to all other starters.
from rangle-starter.
PR initiated for react-redux-starter
: https://github.com/rangle/react-redux-starter/pull/139
from rangle-starter.
PR initiated for angular2-starter
: rangle/angular2-starter#7
from rangle-starter.
PR initiated for angular-redux-starter
: https://github.com/rangle/angular-redux-starter/pull/73
from rangle-starter.
PR initiated for typescript-react-redux-starter
: https://github.com/rangle/typescript-react-redux-starter/pull/95
from rangle-starter.
I believe this is now applied to all starters (pending PR accept).
from rangle-starter.
Awesome, thanks @BrendanFDMoore.
Feel like taking a stab at #55?
from rangle-starter.
Related Issues (20)
- how to run? HOT 8
- Angular 1 Dependencies
- Replace Basscss with Tachyons
- Angular 2 Example Upgrade HOT 6
- update redux form to version 6 HOT 1
- change typings.json system to @types HOT 3
- npm run test doesn't run any tests HOT 2
- Update circle.yml to use built in yarn HOT 3
- Use @rangle scope for npm
- Update typescript dependencies to 2.1.x to simplify Webpack configuration [Angular 2] HOT 1
- (Angular2/Typescript) TypeError: Cannot read property 'exclude' of undefined HOT 19
- rangle/typescript-react-redux-example typings depressed HOT 5
- Adapt to Angular renaming HOT 2
- Make sure the starters and examples use a better redux folder naming strategy HOT 9
- has problem HOT 2
- Update angular-redux-starter HOT 2
- Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration.module.rules[11] should be an object. HOT 2
- npm run dev - tooks about 6 seconds on reload HOT 1
- rangle-starter angular 2 with angular 2 material
- npm run dev proxy error [rror occurred while trying to proxy request /api/auth/login from 127.0.0.1:8080 to http://localhost:3000]
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from rangle-starter.