AdamMarsden

#Oh My Zsh - Git Cheat Sheet

g – git

gst – git status

gl – git pull

gup – git pull --rebase

AdamMarsden

Sass Architecture Structure

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

AdamMarsden

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

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

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())