winter-site

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Customize Color Palette

/* CSS HEX */ --light-goldenrod-yellow: #fffcd8ff; --blood-red: #5a1705ff; --black-bean: #3e0804ff; --bright-yellow-crayola: #f8a62bff; --dark-sienna: #2b0403ff;

/* CSS HSL */ --light-goldenrod-yellow: hsla(55, 100%, 92%, 1); --blood-red: hsla(13, 89%, 19%, 1); --black-bean: hsla(4, 88%, 13%, 1); --bright-yellow-crayola: hsla(36, 94%, 57%, 1); --dark-sienna: hsla(2, 87%, 9%, 1);

/* SCSS HEX */ $light-goldenrod-yellow: #fffcd8ff; $blood-red: #5a1705ff; $black-bean: #3e0804ff; $bright-yellow-crayola: #f8a62bff; $dark-sienna: #2b0403ff;

/* SCSS HSL */ $light-goldenrod-yellow: hsla(55, 100%, 92%, 1); $blood-red: hsla(13, 89%, 19%, 1); $black-bean: hsla(4, 88%, 13%, 1); $bright-yellow-crayola: hsla(36, 94%, 57%, 1); $dark-sienna: hsla(2, 87%, 9%, 1);

/* SCSS RGB */ $light-goldenrod-yellow: rgba(255, 252, 216, 1); $blood-red: rgba(90, 23, 5, 1); $black-bean: rgba(62, 8, 4, 1); $bright-yellow-crayola: rgba(248, 166, 43, 1); $dark-sienna: rgba(43, 4, 3, 1);

/* SCSS Gradient */ $gradient-top: linear-gradient(0deg, #fffcd8ff, #5a1705ff, #3e0804ff, #f8a62bff, #2b0403ff); $gradient-right: linear-gradient(90deg, #fffcd8ff, #5a1705ff, #3e0804ff, #f8a62bff, #2b0403ff); $gradient-bottom: linear-gradient(180deg, #fffcd8ff, #5a1705ff, #3e0804ff, #f8a62bff, #2b0403ff); $gradient-left: linear-gradient(270deg, #fffcd8ff, #5a1705ff, #3e0804ff, #f8a62bff, #2b0403ff); $gradient-top-right: linear-gradient(45deg, #fffcd8ff, #5a1705ff, #3e0804ff, #f8a62bff, #2b0403ff); $gradient-bottom-right: linear-gradient(135deg, #fffcd8ff, #5a1705ff, #3e0804ff, #f8a62bff, #2b0403ff); $gradient-top-left: linear-gradient(225deg, #fffcd8ff, #5a1705ff, #3e0804ff, #f8a62bff, #2b0403ff); $gradient-bottom-left: linear-gradient(315deg, #fffcd8ff, #5a1705ff, #3e0804ff, #f8a62bff, #2b0403ff); $gradient-radial: radial-gradient(#fffcd8ff, #5a1705ff, #3e0804ff, #f8a62bff, #2b0403ff);