fernandocutire / trillo_css Goto Github PK

The best hotel for your best moment

• About
• Getting Started
• Deployment
• Usage
• Built Using
• Authors
• Acknowledgments

The purpose of this project is to create the interface for a hotel booking app.

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

You will need to have Nodejs in your system.

Check the documentation to install it on your system.

Once you have Node Js on your system. You can see in the package.json all the scripts.

 "scripts": {
    "watch:sass": "node-sass sass/main.scss css/style.css -w",
    "devserver": "live-server",
    "start": "npm-run-all --parallel devserver watch:sass",
    "compile:sass": "node-sass sass/main.scss css/style.comp.css",
    "prefix:css": "postcss --use autoprefixer -b \"last 10 versions\" css/style.comp.css -o css/style.prefix.css",
    "compress:css": "node-sass css/style.prefix.css css/style.css --output-style compressed",
    "build:css": "npm-run-all compile:sass  prefix:css compress:css"
  },

package.json

You can make changes in the components inside the sass folder. Run npm watch:sass to see in the browser all the changes that you do in the page.

You can deploy this page to Netlify.

• HTML - Markup Language
• CSS - Stylesheets
• SASS - CSS Preprocessor

• @fernandocutire - Build by
• @jonasschmedtmann - Idea & Initial Work

• CSS Udemy Jonas Course
• Natours