0 info it worked if it ends with ok

1 verbose cli [ '/usr/local/bin/node',

1 verbose cli '/usr/local/bin/npm',

1 verbose cli 'run',

1 verbose cli 'compile:sass' ]

2 info using npm@3.10.10

3 info using node@v6.10.1

4 verbose run-script [ 'precompile:sass', 'compile:sass', 'postcompile:sass' ]

5 info lifecycle natours@1.0.0~precompile:sass: natours@1.0.0

6 silly lifecycle natours@1.0.0~precompile:sass: no script for precompile:sass, continuing

7 info lifecycle natours@1.0.0~compile:sass: natours@1.0.0

8 verbose lifecycle natours@1.0.0~compile:sass: unsafe-perm in lifecycle true

9 verbose lifecycle natours@1.0.0~compile:sass: PATH: /usr/local/lib/node_modules/npm/bin/node-gyp-bin:/Users/jonas.io/Desktop/1-Natours/node_modules/.bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin

10 verbose lifecycle natours@1.0.0~compile:sass: CWD: /Users/jonas.io/Desktop/1-Natours

11 silly lifecycle natours@1.0.0~compile:sass: Args: [ '-c', 'node-sass sass/main.scss css/style.css -w' ]

12 silly lifecycle natours@1.0.0~compile:sass: Returned: code: 1 signal: null

13 info lifecycle natours@1.0.0~compile:sass: Failed to exec compile:sass script

14 verbose stack Error: natours@1.0.0 compile:sass: `node-sass sass/main.scss css/style.css -w`

14 verbose stack Exit status 1

14 verbose stack at EventEmitter.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/lifecycle.js:255:16)

14 verbose stack at emitTwo (events.js:106:13)

14 verbose stack at EventEmitter.emit (events.js:191:7)

14 verbose stack at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/spawn.js:40:14)

14 verbose stack at emitTwo (events.js:106:13)

14 verbose stack at ChildProcess.emit (events.js:191:7)

14 verbose stack at maybeClose (internal/child_process.js:886:16)

14 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)

15 verbose pkgid natours@1.0.0

16 verbose cwd /Users/jonas.io/Desktop/1-Natours

17 error Darwin 16.7.0

18 error argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "compile:sass"

19 error node v6.10.1

20 error npm v3.10.10

21 error code ELIFECYCLE

22 error natours@1.0.0 compile:sass: `node-sass sass/main.scss css/style.css -w`

22 error Exit status 1

23 error Failed at the natours@1.0.0 compile:sass script 'node-sass sass/main.scss css/style.css -w'.

23 error Make sure you have the latest version of node.js and npm installed.

23 error If you do, this is most likely a problem with the natours package,

23 error not with npm itself.

23 error Tell the author that this fails on your system:

23 error node-sass sass/main.scss css/style.css -w

23 error You can get information on how to open an issue for this project with:

23 error npm bugs natours

23 error Or if that isn't available, you can get their info via:

23 error npm owner ls natours

23 error There is likely additional logging output above.

24 verbose exit [ 1, true ]

{

"name": "natours",

"version": "1.0.0",

"description": "Landing page for natours",

"main": "index.js",

"scripts": {

"compile:sass": "node-sass sass/main.scss css/style.css -w"

},

"author": "Jonas",

"license": "ISC",

"devDependencies": {

"node-sass": "^4.5.3"

}

}

@mixin clearfix {

&::after {

content: "";

display: table;

clear: both;

}

}

@mixin absCenter {

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

}

$color-primary: #55c57a;

$color-primary-light: #7ed56f;

$color-primary-dark: #28b485;

$color-secondary-light: #ffb900;

$color-secondary-dark: #ff7730;

$color-tertiary-light: #2998ff;

$color-tertiary-dark: #5643fa;

$color-grey-light-1: #f7f7f7;

$color-grey-light-2: #eee;

$color-grey-dark: #777;

$color-grey-dark-2: #999;

$color-grey-dark-3: #333;

$color-white: #fff;

$color-black: #000;

$default-font-size: 1.6rem;

$grid-width: 114rem;

$gutter-vertical: 8rem;

$gutter-horizontal: 6rem;

@keyframes moveInLeft {

0% {

opacity: 0;

transform: translateX(-10rem);

}

80% {

transform: translateX(1rem);

}

100% {

opacity: 1;

transform: translate(0);

}

}

@keyframes moveInRight {

0% {

opacity: 0;

transform: translateX(10rem);

}

80% {

transform: translateX(-1rem);

}

100% {

opacity: 1;

transform: translate(0);

}

}

@keyframes moveInBottom {

0% {

opacity: 0;

transform: translateY(3rem);

}

100% {

opacity: 1;

transform: translate(0);

}

}

*,

*::after,

*::before {

margin: 0;

padding: 0;

box-sizing: inherit;

}

html {

// This defines what 1rem is

font-size: 62.5%;

}

body {

box-sizing: border-box;

}

body {

font-family: "Lato", sans-serif;

font-weight: 400;

/*font-size: 16px;*/

line-height: 1.7;

color: $color-grey-dark;

padding: 3rem;

}

.heading-primary {

color: $color-white;

text-transform: uppercase;

backface-visibility: hidden;

margin-bottom: 6rem;

&--main {

display: block;

font-size: 6rem;

font-weight: 400;

letter-spacing: 3.5rem;

animation-name: moveInLeft;

animation-duration: 1s;

animation-timing-function: ease-out;

/*

}

&--sub {

display: block;

font-size: 2rem;

font-weight: 700;

letter-spacing: 1.75rem;

animation: moveInRight 1s ease-out;

}

}

.heading-secondary {