Skip to content

Commit

Permalink
Added sass-lint
Browse files Browse the repository at this point in the history
Changed project structure
Various small checks
Removed JS part
  • Loading branch information
VaclovasV committed May 29, 2017
1 parent 5f2a66a commit b96daa4
Show file tree
Hide file tree
Showing 50 changed files with 278 additions and 2,726 deletions.
61 changes: 54 additions & 7 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,12 +1,59 @@
/.idea
# Created by .ignore support plugin (hsz.mobi)
### Node template
# Logs
logs
*.log
npm-debug.log*

# Runtime data
pids
*.pid
*.seed
*.pid.lock

# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov

# Coverage directory used by tools like istanbul
coverage

# nyc test coverage
.nyc_output

# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
.grunt

# node-waf configuration
.lock-wscript

# Compiled binary addons (http://nodejs.org/api/addons.html)
build/Release

# Dependency directories
node_modules
jspm_packages

# Optional npm cache directory
.npm

# Optional eslint cache
.eslintcache

# Optional REPL history
.node_repl_history

# Output of 'npm pack'
*.tgz

# Yarn Integrity file
.yarn-integrity

.idea/*
.tmp/*
*.iml

/starter-template-compass/.idea
/starter-template-compass/.sass-cache
/src/scss/base/_svg-sprite-map.scss

/starter-template-libsass/.idea
/starter-template-libsass/node_modules
/npm-debug.log
# Created by https://www.gitignore.io

### Windows ###
# Windows image file caches
Expand Down
181 changes: 181 additions & 0 deletions .sass-lint.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,181 @@
# sass-lint config generated by make-sass-lint-config v0.1.2
#
# The following scss-lint Linters are not yet supported by sass-lint:
# DisableLinterReason, ElsePlacement, PropertyCount, SelectorDepth
# SpaceAroundOperator, TrailingWhitespace, UnnecessaryParentReference, Compass::*
#
# The following settings/values are unsupported by sass-lint:
# Linter Indentation, option "allow_non_nested_indentation"
# Linter Indentation, option "character"
# Linter NestingDepth, option "ignore_parent_selectors"
# Linter property-sort-order, option "min_properties"
# Linter property-sort-order, option "separate_groups"
# Linter SpaceBeforeBrace, option "allow_single_line_padding"
# Linter no-vendor-prefixes, option "identifier_list"

files:
include: '**/*.scss'
ignore:
- 'src/scss/vendor/**/*.scss'
- 'src/scss/base/_svg-sprite-map.scss'
options:
formatter: stylish
merge-default-rules: false
rules:
bem-depth:
- 1
- max-depth: 1
border-zero:
- 1
- convention: zero
brace-style:
- 1
- allow-single-line: true
class-name-format:
- 1
- convention: hyphenatedbem
clean-import-paths:
- 1
- filename-extension: false
leading-underscore: false
empty-line-between-blocks:
- 1
- ignore-single-line-rulesets: true
extends-before-declarations: 0
extends-before-mixins: 0
final-newline:
- 1
- include: true
force-attribute-nesting: 0
force-element-nesting: 0
force-pseudo-nesting: 1
function-name-format:
- 1
- allow-leading-underscore: true
convention: hyphenatedlowercase
hex-length:
- 1
- style: short
hex-notation:
- 1
- style: lowercase
id-name-format:
- 1
- convention: hyphenatedbem
indentation:
- 1
- size: 4
leading-zero:
- 1
- include: false
mixin-name-format:
- 1
- allow-leading-underscore: true
convention: hyphenatedlowercase
mixins-before-declarations: 0
nesting-depth:
- 1
- max-depth: 3
no-color-keywords: 1
no-color-literals: 1
no-css-comments: 1
no-debug: 1
no-duplicate-properties: 1
no-empty-rulesets: 1
no-extends: 0
no-ids: 1
no-important: 1
no-invalid-hex: 1
no-mergeable-selectors: 1
no-misspelled-properties:
- 1
- extra-properties: []
no-qualifying-elements:
- 1
- allow-element-with-attribute: false
allow-element-with-class: false
allow-element-with-id: false
no-trailing-zero: 1
no-transition-all: 1
no-url-protocols: 1
no-vendor-prefixes:
- 1
- additional-identifiers: []
excluded-identifiers: []
placeholder-in-extend: 1
placeholder-name-format:
- 1
- convention: hyphenatedbem
property-sort-order:
- 1
- ignore-custom-properties: false
property-units:
- 1
- global:
- ch
- em
- ex
- rem
- cm
- in
- mm
- pc
- pt
- px
- q
- vh
- vw
- vmin
- vmax
- deg
- grad
- rad
- turn
- ms
- s
- Hz
- kHz
- dpi
- dpcm
- dppx
- '%'
per-property: {}
quotes:
- 1
- style: single
shorthand-values:
- 1
- allowed-shorthands:
- 1
- 2
- 3
single-line-per-selector: 1
space-after-bang:
- 1
- include: false
space-after-colon:
- 1
- include: true
space-after-comma:
- 1
- include: true
space-before-bang:
- 1
- include: true
space-before-brace:
- 1
- include: true
space-before-colon: 1
space-between-parens:
- 1
- include: false
trailing-semicolon: 1
url-quotes: 1
variable-for-property:
- 0
- properties: []
variable-name-format:
- 1
- allow-leading-underscore: true
convention: hyphenatedlowercase
zero-unit: 1
11 changes: 0 additions & 11 deletions .scss-lint.yml

This file was deleted.

48 changes: 13 additions & 35 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,46 +1,24 @@
# **Front-End Toolkit** #
This project is a collections of resources, best practices and tools for front-end developers. Is made to help unify workflow and standardize the code inside our team.
# Project Name

##Starter Template##
To ease setup process of the new project we have created a starter template which contains:
This project is a set of best practices, which will allow you to start project quickly, non depending from any javascript framework.

* Javascript files structure including following plugins:
* JS loader - [require.js](http://requirejs.org/)
* Modal window - [jquery.modal.js](https://www.devbridge.com/sourcery/components/jquery-modal/)
* Slider - [slick.js](http://kenwheeler.github.io/slick/)
* Form validation - [jquery.validate](http://jqueryvalidation.org/)
* Sass files structure including following components:
* Image sprites
* CSS normalizer
* Default styles for:
* Form elements
* Modal window
* Table elements
* Automated Gulp tasks:
* gulp-sass - [npmjs.com/package/gulp-sass](https://www.npmjs.com/package/gulp-sass)
* gulp-svg-sprite - [npmjs.com/package/gulp-svg-sprite](https://www.npmjs.com/package/gulp-svg-sprite)
## Installation

TODO: Describe the installation process

To install template:
## Technologies

* Copy files to your project directory
* In the command line navigate to your project directory and run `npm install`.
* Run Gulp task `watch-all`.
TODO: Describe technologies

_Note: we use [npm package manager](https://www.npmjs.com/) to manage our modules and [Gulp](http://gulpjs.com/) to run automated tasks. Also, to use npm manager you must have [Node.js](https://nodejs.org/) installer on your machine._
## Usage

##Wiki##
A collection of resources, useful tools and technologies for front-end web development.
TODO: Write usage instructions

* **[Front-End Bible](https://github.com/devbridge/Front-End-Toolkit/wiki/Front-End-Bible)** - _Set of rules for front-end developer._
* **[Tools for Work](https://github.com/devbridge/Front-End-Toolkit/wiki/Tools-For-Work)** - _A list of tools that makes our life easier._
* **[Plugins](https://github.com/devbridge/Front-End-Toolkit/wiki/Plugins)** - _Mostly Javascript libraries that proved their importance._
* **[Styleguide](https://github.com/devbridge/Styleguide)** - _The latest and greatest style guide page._
* **[Accessibility Guidance](https://github.com/devbridge/Front-End-Toolkit/wiki/Accessibility-guidance)** - _Let’s make a Web more accessible._
* **[Layout Samples](https://github.com/devbridge/Front-End-Toolkit/wiki/Layout-samples)** - _HTML layouts samples_
* **[Resources](https://github.com/devbridge/Front-End-Toolkit/wiki/Front-end-resources-list)** - _Hand picked resources for Front-end developer_
## History

You can access older versions of front-end toolkit, right here:
[https://github.com/devbridge/Front-End-Toolkit/tree/v1](https://github.com/devbridge/Front-End-Toolkit/tree/v1)

This project is brought you by: [Devbridge Group](https://www.devbridge.com/)
## License

[![Analytics](https://ga-beacon.appspot.com/UA-73039601-1/Front-End-Toolkit/readme)](https://github.com/igrigorik/ga-beacon)
The MIT License (MIT).
Binary file removed content/styles/images/sprite.png
Binary file not shown.
1 change: 0 additions & 1 deletion content/styles/images/sprite.svg

This file was deleted.

17 changes: 1 addition & 16 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,26 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Title</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<link href="content/styles/site-styles.css" rel="stylesheet" type="text/css"/>

<style type="text/css">
body {
font-family: georgia, sans-serif;
font-size: 24px;
line-height: 1.9;
padding: 50px;
}

h1 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 150px;
line-height: 1.0;
margin: 0.25em 0
}
</style>
</head>
<body>

Expand Down
5 changes: 0 additions & 5 deletions sache.json

This file was deleted.

1 change: 0 additions & 1 deletion scripts/build.min.js

This file was deleted.

5 changes: 0 additions & 5 deletions scripts/libs/jquery-1.11.3.min.js

This file was deleted.

37 changes: 0 additions & 37 deletions scripts/main.js

This file was deleted.

Loading

0 comments on commit b96daa4

Please sign in to comment.