AdamMarsden

sassLint = require('gulp-sass-lint');
 
gulp.task('sass-lint', function () {
    return gulp.src([
        'sass/**/*.scss',
        '!sass/dont-watch-this.scss'
    ])
    .pipe(sasslint())
    .pipe(sasslint.format())
    .pipe(sasslint.failOnError())

AdamMarsden

CSS Declaration Order

Related property declarations should be grouped together following the order:

• Box
• Border
• Background
• Text
• Other

Box includes any property that affects the display and position of the box such as display, float, position, left, top, height, width and so on. These are most important because they affect the flow of the rest of the document.

AdamMarsden

<div class="left_right_lines">
    <span>
        <h6>Text with lines</h6>
    </span>
</div>

AdamMarsden

Sass Architecture Structure

sass/
|
|– base/
|   |– _reset.scss       # Reset/normalize
|   |– _typography.scss  # Typography rules
|   ...                  # Etc…
|

AdamMarsden

#Oh My Zsh - Git Cheat Sheet

g – git

gst – git status

gl – git pull

gup – git pull --rebase